app ui交互设计用的什么工具

html-css08

app ui交互设计用的什么工具,第1张

app ui交互设计用的工具有很多:

WebFlow是一款 web app,你可以直接在浏览器中完成网站的视觉和交互设计,还包括实

时预览和代码编写功能。WebFlow的编辑器界面友好,所见即所得,设计师拥有完全的控制权。WebFlow一直在持续更新功能,包括Web字体,视频支持,交互的状态,W3C标准化,乃至于主机托管。

Marvel是一款免费的原型设计 Web 应用,可以进行网页设计和移动端的UI设计。和WebFlow一样,你可以使用Marvel完全在线完成设计,并且可以和你的Dropbox同步,可以方便你进行共享或者分享。值得一提的是,Marvel 支持PSD格式文档,也就是说你的视觉稿无需转换格式就可以使用。

Macaw 是一款桌面端的所见即所得的设计工具,实时代码预览,便捷输出。比较独特的是Macaw可以创建响应式设计,内置的断点编辑器可以帮你轻松地在不同尺寸的屏幕上实现完美的响应式显示。尽管Macow中的代码编辑功能并没有太大必要,但是最新版的Macaw在HTML和CSS代码编辑上体验还是蛮好的。

UXPin 是一款比较著名的设计类的web应用,用户可以借助UXPin在线协作完成线框图和原型的设计。UXPin旨在帮设计师快速便捷地进行线框图和原型设计,拥有完备的版本管理,支持响应式设计,通过拖拽预制控件进行UI设计。

  项目在集成了单点登录CAS后,往往CAS的登录界面是不满足项目需求的,并且不同系统接入CAS后,登录界面也是不同的。因此,我们需要对CAS登录界面进行自定义。

  官方文档: https://apereo.github.io/cas/5.1.x/installation/User-Interface-Customization.html , 通过阅读官方文档,大致包含以下规范:

  我的services目录中一共配置了三个主题,这里拿demo-10000002.json做讲解,这里 {id}=10000002

  在src\main\resources\static\themes\demo\css下建立demo.css样式文件

  在src\main\resources新建demo.properties文件

  在src/main/resources/templates/demo下新建casLoginView.html文件

  经过Google,找到两种修改默认主题页的方法

10000002对应的是主题的id(全局唯一标识)。但是cas版本5.1.x不支持默认主题目录(application.properties配置了cas.theme.defaultThemeName不会加载主题目录下src/main/resources/templates/[theme_id]/casLoginView.html文件),解决办法:覆盖 src/main/resources/templates 下 casLoginView.html 文件

(1)复制overlays下的webflow文件到resource目录下

(2)修改login-webflow.xml文件,修改view的名称(登录页名)

(3)在src/main/resources/templates下新增myLoginView.html登录页

Kendo UI

Kendo UI是Telerik开发的基于jQuery HTML5的UI框架,开发面向桌面、移动设备的应用程序。

Web,Kendo UI Mobile 和 Kendo UI

DataViz三个版本。它包含了大量UI组件、丰富的数据可视化框架、一个自适应移动框架,app开发所需的所有工具,如数据绑定、模板、拖放API等等。

MOQUPS

这个工具可创建出非常惊人的HTML5 app,具有高保真、独立分辨率的SVG模型和线框。

Webflow

Webflow可以让你直接在浏览器上创建交互式布局和像素完美的设计元素,并且不用编写一行代码!

JetStrap

这是一个完全基于Web的界面设计工具,JetStrap号称不仅仅是一个模型工具,它是针对BOOTSTRAP 3中最顶尖的界面开发工具。

NetAdvantage ICONS

这个图标库是著名界面控件开发商infragistics提供的,它分类齐全、系统,可以为用户界面添加各种专业的、充满艺术格调的图标,使用后为界面外观增色不少。难得的是这些图标即插即用,操作非常方便!

UI Parde

这是一个在线设计工具,你可以用它设计按钮、菜单、图表和功能区,设计好后可以一键生成HTML或CSS代码,生成的图标还可以直接导出PNG格式的图片。总之,这款UI设计工具不要求你有多么丰富的代码知识。

Fluid UI

Fluid  UI是目前最快的移动app原型设计工具,它可以在移动设备上测试各种低保真和高保真的app模型,帮助你以最快的速度收集app需求,节约时间和金钱。

SkinCrafter

这是一个非常强大的自定义皮肤库,可以作为ActiveX控件或者.NET (x86 +x64)控件使用的GUI设计工具。它支持所有常见语言如VB,C#, VB.NET(x86 + x64), MS Visual C++, MS Visual Basic, Borland Delphi, CA - Visual Objects, Rapid Euphoria等。

UI Faces

非常好用的示例创建工具: