分享10个好用的界面设计工具

Kendo UI

Kendo UI是Telerik开发的基于jQuery HTML5的UI框架,开发面向桌面、移动设备的应用程序,主要有Kendo UI WebKendo UI MobileKendo UI DataViz三个版本。它包含了大量UI组件、丰富的数据可视化框架、一个自适应移动框架,以及HTML5 app开发所需的所有工具,如数据绑定、模板、拖放API等等。

Kendo UI Web,Kendo UI Mobile,Kendo UI DataViz,jQuery HTML5,UI框架

MOQUPS

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

MOQUPS,HTML5 app,SVG模型,界面设计工具

Webflow

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

Webflow,界面设计工具

JetStrap

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

JetStrap,Web界面设计工具,BOOTSTRAP 3

NetAdvantage ICONS

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

NetAdvantage ICONS,infragistics,图标库,界面设计工具

UI Parde

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

UI Parde,UI设计工具,界面设计工具

Fluid UI

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

Fluid UI,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等。

SkinCrafter,皮肤库,界面设计工具

Mobile Patterns

iOS 和 Android 系统屏幕截图库,可作为开发人员和设计师的参考。

Mobile Patterns,iOS,Android,界面设计工具

UI Faces

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

UI Faces,界面设计工具

 

转载于:https://www.cnblogs.com/flashcharts/p/3312122.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Balsamiq Mockups中绘制界面原型,就像在纸张和白板上手工绘画一样方便快速,而且不用担心出错,因为你完全可以进行回复/重做。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了! 丰富的控件支持 Balsamiq Mockups预先提供了丰富的控件,如浏览器窗口、媒体播放器组件、圆形图表等,让你信手拈来! 丰富的控件 方便的属性设置 当你选择一个控件时,会立刻出现该控件的属性选项,你可以随时编辑修改属性。 属性设定 无限的恢复/重做,不用担心出错,你可以无限制的进行回复和重做。 开放,可移植的数据 Balsamiq Mockups所生成的数据是易于阅读的XML格式数据,你可以进行方便的移植和重用集成。 开放的数据 多种方式的集成应用,你可以将Balsamiq Mockups集成倒Confluence, Jira, XWiki中. 集成应用 Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件,可以帮助你设计桌面应用软件,Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件。 功能和亮点: 操作方面:拖拽,控件分组,甚至元素之间的对齐都做得很到位; 预制了六十多个界面元素,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,其实比用白板都快; 界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉框的选项就是分行的文字; 使用xml语言来记录和保存界面元素和布局,从而使其能够快速的导入到你所需的任何一个项目中,或其他工具中。 可以将设计导出成PNG格式的图片; 随着使用的熟练,快捷键便派上用场,超过一半的元素均有快捷方式,这更有助于原型的快速构造,几乎几分钟便可实现一个满意的而复杂的原型设计; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用; 不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效。 可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;据作者说,现在这款软件的设计就是用它自己来设计的,经典的“吃自己的狗粮”,这也让我对其更有信心,因为它是开发者为开发者写的软件。 还有值得一提的是Balsamiq Mokups的在GetSatisfaction上的用户支持和服务,作者Peldi对问题报告,新需求的回应很积极和及时。而且根据这个讨论上看,到月底就会有一个专门用来分享界面控件设计的社区网站了,很期待。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值