Ui原型设计工具有哪些呢？
现在原型设计工具有很多,那我今天就罗列一些UI设计师和产品经理经常用到的工具,以此提高工作效率,又好又快的完成工作。
第一款:Axure
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理
第二款: Adobe XD
Adobe XD是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。使用Adobe XD可以更高效准确的完成静态编译或者框架图到交互原型的转变。Adobe XD 面向网站设计、移动 APP 设计等设计工作。
第三款:Mockplus(摹客)
Mockplus,一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。从设计上,采取了隐藏、堆叠、组合等方式,把原本复杂的功能,精心安排。上手很容易,但随着你的使用,功能层层递进,你会发现更多适合自己的有用的功能。新手不会迷惑,熟手可以够用。值得一提的是这是一款国产工具,我认为是国内目前最好的工具。因为目前Mockplus的在线原型设计协作平台已然走在国内甚至国际(很多老外也购买摹客英文版)的前列,不论是原型设计、流程协作还是设计规范,都能够在摹客完成,非常方便。并且支持Figma、Sketch、PS、Axure、XD几乎所有主流工具的插件,界面和语言对国内设计师也非常友好。有兴趣可以去摹客官网注册试试。
网页链接
- 可分工协作,多人编辑同一个项目;
- 通过评论和标注原型,完成对项目的审阅;
- 提升开发团队的生产力;
- 大大降低沟通交流成本。
第四款: Justinmind
JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。justinmind的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的高保真原型。不用进行编程,就可以在原型上定义简单连接和高级交互。
第五款:Balsamiq Mockups
Balsamiq Mockups是一款共享软件,每个lisence授权是79美刀,对个人用户来说,价格不菲。它推出之后如此受欢迎的原因是在软件产品原型图设计领域,特别是web原型图设计领域,还没有哪款产品有如此丰富的表现形式。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽(当然,跟使用者的设计水平也有关系)。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持目前如火如荼的iPhone手机元素原型图,这为开发iPhone应用程序的软件工程师提供了非常好的设计图。
第六款:
是一个专门用于移动应用的产品原型工具――可以构建和部署全交互式的移动应用的原型,并且可以模拟出相似的成品。基于Web的在线环境,它可以让你制作流行的 iPhone,iPad,Android 手机以及任何带有屏幕界面的产品原型。
ui原型图用什么软件做
一、快速原型
快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:
1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。
2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。
3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。
4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式
二、交互原型
交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:
1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。
2、Flash。从曾经最流行的Flash MX、Flash 8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久。它功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发,但是对技术要求高,做出好的效果需要懂点AS脚本。导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出。
3、Axure。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
三、高保真原型
单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作。
UI的常用工具有哪些？
1.KendoUI
KendoUI是Telerik开发的基于jQueryHTML5的UI框架,开发面向桌面、移动设备的应用程序。
2.Web,KendoUIMobile和KendoUI
DataViz三个版本。它包含了大量UI组件、丰富的数据可视化框架、一个自适应移动框架,app开发所需的所有工具,如数据绑定、模板、拖放API等等。
3.MOQUPS
这个工具可创建出非常惊人的HTML5app,具有高保真、独立分辨率的SVG模型和线框。
4.Webflow
Webflow可以让你直接在浏览器上创建交互式布局和像素完美的设计元素,并且不用编写一行代码!
5.JetStrap
这是一个完全基于Web的界面设计工具,JetStrap号称不仅仅是一个模型工具,它是针对BOOTSTRAP3中最顶尖的界面开发工具。
6.NetAdvantageICONS
这个图标库是著名界面控件开发商infragistics提供的,它分类齐全、系统,可以为用户界面添加各种专业的、充满艺术格调的图标,使用后为界面外观增色不少。难得的是这些图标即插即用,操作非常方便!
7.UIParde
这是一个在线设计工具,你可以用它设计按钮、菜单、图表和功能区,设计好后可以一键生成HTML或CSS代码,生成的图标还可以直接导出PNG格式的图片。总之,这款UI设计工具不要求你有多么丰富的代码知识。
8.FluidUI
Fluid?UI是目前最快的移动app原型设计工具,它可以在移动设备上测试各种低保真和高保真的app模型,帮助你以最快的速度收集app需求,节约时间和金钱。
9.SkinCrafter
这是一个非常强大的自定义皮肤库,可以作为ActiveX控件或者.NET(x86+x64)控件使用的GUI设计工具。它支持所有常见语言如VB,C#,(x86+x64),MSVisualC++,MS?VisualBasic,BorlandDelphi,CA-VisualObjects,RapidEuphoria等。
非常好用的示例创建工具:因为在使用mp3过程中,设置了“单曲循环”这个选项。
现在的mp3有两种概念:
1:手机上软件mp3播放器。
2:mp3播放机。
mp3播放机修改该设置的操作方法:在播放状态下按"m“键选择循环播放、顺序播放或浏览播放即可。
注意:是在播放状态下按m键,如果在暂停模式下按m键会出现文件浏览、文件删除等选项,请注意细心观察然后再操作,避免误删除文件。常用的几个软件分别是Photoshop、Illustrator、fireworks、coredraw等sketchps蓝湖都是常用的PS、Sketch、XD:用于设计
蓝湖:管理设计图、自动标注切图、协作
AE:制作动效Photoshop
不管是简单的平面设计还是高深的UI设计PS是常用也是应用很广的软件,其他的软件不会,这个就需要你掌握了,这个是入门UI的必要工具。Photoshop并非一个单纯的图像编辑软件,它的应用领域涉及图像、图形、文字、视频、出版等各个方面,非常广泛。它常见的应用主要有:平面设计、修复照片、广告摄影、影像创意、艺术。
AdobeIllustrator
有些设计师乐意用它,同时也有一些效果的实现上AI比PS要快。用AI做UI的关键在于,首先要明白AI做设计做的是哪些东西。对于USERINTERFACE重要的一个方面就是对于ICON的设计,其次才是界面的设计,在设计的过程中,首先要对于交互界面做一个了解,懂得分析界面的具体设计流程。
AdobeAfterEffects
作为一款图形和视频处理软件,AE可以对多层的合成图像进行控制,制作出天衣无缝的合成效果,一般适用于一些动画和特效。包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,属于层类型后期软件。
Sketch
现在很火的一款软件,一大特点就是快,用Sketch好像没有冷启动时间一样,是一款素描绘画类的软件,有一些公司要求作图用这个软件。软件都是相通的,如果很好的掌握PS,上手这个也是很快的。Sketch它决不是简单地针对UI设计开发特别的功能、去掉不太用的功能,而是在基本的操作层次上给UI设计师带来了得更好地体验。
Axure
是一个专业的原型设计工具,做原型图用的,一般产品经理常用。
身为UI设计师掌握好上面五种软件,才会让你的UI设计之路走得更远更好。
