ui原型设计工具

ui原型设计工具有哪些？如何做好ui设计？

　　如果你想要从事UI设计方面的工作，那么首先要做的就是知道UI设计需要用到哪些软件，然后学习这些软件，学会了这些软件在以后学习UI设计的时候就会方便很多，下面faceui的小编就给大家说说ui原型设计工具有哪些。

　　ui原型设计工具有哪些？

　　1. Axure PR

　　难度：★★★★

　　价格

　　l 标准版-$289一个注册码

　　l 专业版-$589一个注册码

　　Axure RP是美国Axure Software Solution公司旗舰产品，是一款专业的原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。这是一款非常专业的工具, 但是学习成本也非常高。如果你是一位专业的交互设计师，并且需要设计复杂是交互，你可以使用这款工具。

　　2. Mockplus

　　难度：★

　　价格：

　　l 基础版-永久免费

　　l 专业版-10RMB/月

　　Mockplus（摩客）是一款简洁高效的原型图设计工具，有别于Axure的繁复，Mockplus致力于快速创建原型。无论你是产品小白，还是大牛，摩客都能满足你的需求。摩客的设计理念就是关注设计，而非工具。如果你时间有限，那你不能错过摩客，因为几乎不需要学习，你就可以上手这款工具。摩客提供了丰富的组件库和图标库，创建原型，你只需拖一拖。摩客发布2.1新版之后，交互也成为其一大亮点，她将交互设计可视化，只需要拖一拖鼠标，即可完成交互的设计，所见所得，没有复杂的参数，更无需编程。封装好的一些系列交互组件，比如弹出面板、抽屉、内容面板等，让设计交互几乎可以全程“无脑”操作。演示也很简单，直接二位码扫描即可，同时支持发布到云和导出演示包。

　　3. Balsamiq Mockups

　　难度：★

　　价格

　　l 单个注册码 - $89

　　l 多个注册码- $178 2个（量大从优）

　　Balsamiq Mockups是一款快速创建原型的工具。这款原型工具具有独特的手绘风格。软件的内置组件，拖拽功能的支持为设计带来了便利。该工具有桌面版本，同时也可以作为Google Drive, Confluence 和 JIRA的插件使用。

　　4. Justinmind

　　难度：★★★★★

　　价格:

　　l 试用期-30 天

　　l 专业版本- $29/月（包年$19/月)

　　是由西班牙JustinMind公司出品的原型制作工具，主要致力于高保真原型。它提供的功能有绘图工具，拖放位置,大小,格式和导出/导入的小部件。你还可以自定义小组件，创建自定义组件库，并进行分类，提供丰富的动画支持。如果你要创建复杂的高保真原型，可以尝试这款工具。缺点就是需要一定的学习成本，程序启动也比较慢。

　　5. InVision

　　难度：★★★

　　价格

　　l 免费版- 一个项目

　　l 初级版 – 3 个项目 = $15/月

　　l 专业版 – 无项目限制 = $25/月

　　l 团队版 – 无项目限制, 5 个用户 = $100/月

　　l 企业版 – 无项目限制, 高级功能

　　InVision是一款设计原型交互的工具。使用InVision可以很好的实现团队之间的协作，也便于收集反馈意见。它可以让你将静态的网页，移动app设计图快速的变成可以点击，具有交互效果的动态原型。让你的设计“活”起来。

　　6. UX Pin

　　难度：★★★

　　价格:

　　l 基础版- $ 19 /月

　　l 专业版 - $29/月

　　l 专业版+ - $49/月

　　UXPin是一款在线原型设计工具。你可以通过拖拽的方式快速创建原型，无需敲一行代码。通过UXpin，你可以创建高保真原型，同时也支持从Sketch和Photoshop导入你的设计。

　　7. OmniGraffle

　　难度：★★★

　　价格:

　　Mac

　　l 标准版- $ 99.99/注册码

　　l 专业版 - $199.99/注册码

　　iOS

　　l 标准版- $ 49.99/注册码

　　l 专业版 - $99.98/注册码

　　OmniGraffle是由来自美国的The Omni Group制作的一款原型设计工具，这款工具只针对苹果用户，有OS X版和iOS 版。它曾获得2002年的苹果设计奖。可以使用它快速绘制线框图、图表、流程图等。用Origami创建iPhone和iPad原型是比较好的选择。

ui原型设计工具（图片来自网络）

　　8. Flinto

　　难度：★★★

　　价格:

　　l Flinto Lite（网页版）- $ 20/月

　　l Flinto for Mac - $99/注册码

　　Flinto可以让你快速的为web、移动app设计交互。通过拖拽，可以快速的为你的设计图设置跳转和动画。Flinto提供了常用的转场效果。如果你需要设计iOS app的交互演示效果，Flinto是不错的选择。

　　如何做好ui设计？

　　一、交互方式模拟现实

　　模拟现实的交互方式会给人熟悉亲切的感觉，用户不需要学习，便能够理解。UI设计中不乏这样的例子。例如，当某个按钮按下去的时候，呈现比原来更深的颜色，这个就是模拟了现实中光影的效果，不同的高度，对于同一个物体，颜色肯定有所差别。有一个小的手电筒APP，就模拟了现实中的手电筒，所以用户不必思考它怎么用，因为太熟悉了。用户第一次接触，不需要学习，毫无约束的使用的应用，就是好的应用。

　　二、界面设计简洁，避免其他不必要的东西

　　界面设计跟平面设计有很大不同，平面设计可以随自己的喜好或者是需要加入一些装饰，特别是海报招贴的设计，需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工具，所以好用是工具所要具备的第一品质，为了不干扰用户，不要添加不必要的装饰。为了使界面干净，要适当隐藏一些不重要的功能，但是用户可以通过有效的方法找到这些功能。

　　三、图标的应用

　　①尽量使用通用的图标。用户已经习惯的图标，我们就不要去试图更改，使用通用图标会让用户更容易使用，也更容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。

　　②图标的设计能够体现所代表事物的特点。当然，除了通用图标，我们也要设计能够体现软件特点的新图标。让软件有一定的个性和差异性。设计图标一定能够代表事物的特点，让用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力，提升用户体验。

　　③图标的设计不能太过复杂。虽说图标的设计能够体现所代表事物的特点，但是设计不能太过复杂，要简约。好的图标设计既要有特点，有亲和力，又能让界面很干净。

　　四、色彩搭配的方式

　　相同的颜色，搭配的比例不同，搭配的位置不同，就会产生不一样的感情色彩。不要超过3种颜色是所有色彩原则的基础。

　　①黑白灰优先。如果你没有很好的配色，那就先选择黑白灰吧，如果搭配得当，黑白灰的设计看上去层次也是很丰富的。

　　②在黑白灰基础上添加一种色彩。如果你觉得黑白灰单调，可以在黑白灰的基础上加入一种色彩，可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅，又不失活力。

　　③使用同一色系进行色彩搭配。如果使用色彩来搭配，那么一个页面最好使用同一色系的颜色来进行搭配，这样就不会出现不协调的问题。

　　④可使用互补色进行搭配。只要比例得当，互补色的搭配一样可以收获很好的视觉效果。

　　⑤使用邻近色进行色彩搭配。一种颜色的纯度比较高的时候，另一种颜色纯度低或名度低的，这样搭配出的效果会比较好。以上只是一些基础的色彩搭配，初学者，如果能做到以上几点，相信界面设计也一定不会差。

　　五、使用的语言

　　①语言使用的一致性。同一事物的说明要使用同一个词语，否则会给用户造成不必要的困扰。例如，如果你使用了“查找”，就不要在同样的情况下使用“搜索”。

　　②语言使用的准确性。使用语言一定要准确，不要产生歧义，不要让用户思考。

　　③语言使用的通俗性。不要使用专业术语，是的用户根本不理解语言的意思，要时刻记住，我们的软件是给广大用户使用的，而不是给我们的专业技术人员使用的。

　　④语言使用要体现出情感关怀。尽量不要使用“警告”“禁止”等不友好的语言，可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。总之，语言上的使用，要给用户亲切、友好、轻松的感受。

ui原型设计工具（图片来自网络）

　　UI设计原则

　　1.简易性

　　界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

　　2.用户语言

　　界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。

　　3.记忆负担最小化

　　人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

　　4.一致性

　　它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。

　　5.清楚

　　在视觉效果上便于理解和使用。

　　6.用户的熟悉程度

　　用户可通过已掌握的知识来使用界面，但不应超出一般常识。

　　7.从用户习惯考虑

　　想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。

　　通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。

　　8.排列

　　一个有序的界面能让用户轻松的使用。

　　9.安全性

　　用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

　　10.灵活性

　　简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。

　　ui原型设计工具有哪些？如何做好ui设计？读完上面相信大家对ui原型设计工具有所了解了，如果你想知道这些工具的使用方法，可以向faceui咨询，他们会让你学会UI设计。