Ui原型设计工具有哪些呢

prototype [ˈproʊtətaɪp] 原型：规避不必要的错误

原型设计：为了让用户能够更直观的评估产品设计， 避免将错误带到最终的产品 中去，从而根据构思设计产品的大概草案版本，称为原型设计。

wireframe  ['waɪəfreɪm] 线框图

mockup ['mɒkˌʌp] 模型，样机

gesture [ˈdʒɛstʃɚ] 手势

click [klɪk] 点击

drag [dræɡ] 拖拽

swipe [swaɪp] 滑动

flick [flɪk] 轻扫

double click 双击

pinch in／out [pɪntʃ] 捏合

long press [lɔ:ŋ‘prɛs] 长按

shake [ʃek] 摇晃

theory [ˈθɪri] 理论

Occam's Razor 奥卡姆剃刀原理：又被称作 “简单有效原理” ： 如无必要，勿增实体。” 不必要的元素会导致设计效率的降低，并且会增加不可预期的后果。

Hick’s Law 席克定律：一句话描述： 选项增多，做出决定的时间就是会增加！ 利用这个法则，可以测出在多重选择下，人们需要多少时间才能才能做出决定。

Fitts’s Law 菲兹定律：从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离和目标的大小（上图中的 D与 W），用数学公式表达为时间 T = a + b log2(D/W+1)。

7±2 Law：1956年，美国心理学家米勒（George A. Miller）教授发表了一篇重要的论文 《神奇的数字7加减2：我们加工信息能力的某些限制》 ，明确提出 短时记忆的容量为7±2，即一般为7并在5~9之间波动 。这就是神奇的 7±2效应 。

画原型图不是什么困难的事情，理解客户需求，分析客户的需求才是要点呢

快速原型的重点在于快速输出线框原型，交互功能匮乏，也可以说是低保真的原型。其中常用到的工具有：

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格式。使用熟练的话，可以代替视觉设计师、重构工程师的很大一部分工作。

如果是现在只会一个移动端APP设计找工作就比较难的，所以我们就需要不断的学习，充实自己，提升自己的能力，不然很容易就被这个社会淘汰了。

我们在学习UI设计的过程当中，需要学习到很多知识，比如 PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件，这些都是一名UI设计必需要掌握好的软件。

PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的

AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的

AE：AE软件在UI设计工作中主要用来做动效设计的

XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装，可快速进行APP设计、网站设计，UX/UI 产品设计，是设计师、产品经理和开发者们必备的设计工具

Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。

ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的

UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。

C4D：C4D软件在UI设计工作中主要用来做建模的

蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的

就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。

对于UI设计师，软件仅仅只是一个表达设计想法的工具而已。UI设计师需要的是真正的产品设计思维，清楚用户的使用场景、用户需求、理解企业的产品愿景，最终才能设计出一款用户用着爽、企业需要的优秀产品。

主要学习：

1、平面综合课程：包括Photoshop知识学习、ID模块知识学习、CDR软件学习、ai软件知识。

2、Dreamweaver软件课程：包含表格切片、框架网页、html+css、盒模型、横版网页、竖版网页、表单制作、下拉菜单、卡式选项、JS套用与网站发布。

3、电商相关课程学习：包括钻展广告位、直通车广告图制作、店铺首页／专题页制作、移动端首页制作、详情页、毕业设计、店铺装修等。

4、UI课程修习：原型设计、交互设计、用户体验、网页设计鉴赏与规范、各类网站的设计学习、手机主题设计、产品APP研发、产品APP设计、微信端等。

就业方向

1、图形设计师，它不仅仅是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师，例如工业外形设计、装潢设计、信息多媒体设计等。

2、交互设计师，设计软件的操作流程、树状结构、软件的结构与操作规范等。

用户测试／研究工程师，主要测试交互设计的合理性以及图形设计的美观性，通常采用户外问卷的形式来衡量UI设计的合理性。

3、UI设计学完后就业方向非常广，除了美工，可以做webUI设计师、移动端UI设计师、平面设计师、工业外形设计，信息多媒体设计、产品经理等很多方向。

一、主体不同

1、UI：是指对软件的人机交互、操作逻辑、界面美观的整体设计。

2、原型图：是交互设计师与PD、PM、网站开发工程师沟通的最好工具。

二、定位不同

1、UI：好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

2、原型图：设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。

三、作用不同

1、UI：在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、原型图：系统分析员，用来了解用户界面如何影响系统分析；设计员，用来了解用户界面如何施加影响及它对系统“内部”的要求。

参考资料来源：百度百科-UI设计

参考资料来源：百度百科-原型设计