文章源自略懂百科-http://wswcn.cn/85530.html
原型设计是将想法转变为设计过程中至关重要的一环。经常有设计师小伙伴可能会问到，哪个原型设计工具是最好的呢？实际上这是一种错误的提问方式，尤其是在当下原型工具种类繁多，针对不同需求各有优势的大环境中更加如此。就设计师而言，更在意的应该是哪个原型设计工具对我现阶段的目标是最好的？在这里，笔者列出了在3种常见场景下最合适的原型图设计工具的推荐清单，希望对你有所帮助。文章源自略懂百科-http://wswcn.cn/85530.html
一、设计中低保真、快速的界面原型文章源自略懂百科-http://wswcn.cn/85530.html
中、低保真原型一般指有限的功能和交互原型设计。它们更多被用于描绘设想、设计方案以及界面布局，建立这些原型的目的主要用于想法的初步呈现、沟通和演示。用于此场景的最佳工具应该是可以在短时间内完成，并能直观展示整个体验流程的工具。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
场景特点：文章源自略懂百科-http://wswcn.cn/85530.html
想法的初步呈现（APP/小程序/Web/html5）快速制作文章源自略懂百科-http://wswcn.cn/85530.html
工具推荐：文章源自略懂百科-http://wswcn.cn/85530.html
Balsamiq文章源自略懂百科-http://wswcn.cn/85530.html
主要用于制作低保真、线框草图。 在低保真原型图领域，特别是 Web 原型图设计领域，Balsamig尤其受欢迎。使用 Balsamiq画出的原型图都是手绘风格的图像，看上去美观、清爽。可以说这个产品就是为低保真原型图而生，这一块的体验是其他产品无法比拟的。文章源自略懂百科-http://wswcn.cn/85530.html
如果你想要制作复杂的交互效果，还是算了吧，Balsamiq的交互基本上就一个操作，即链接到另外一个页面。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
2.POP（Prototyping on Paper）文章源自略懂百科-http://wswcn.cn/85530.html
比较另类的产品，可以手绘草图，然后拍照传入软件，在照片中设置热区添加交互即可。在设计低保真原型图的时候出奇的方便。其基于手机端的玩法在我所列举的这些软件中是独树一帜的。显然，在手机端操作是它的优势，也是劣势。在特定需求场景下，这款产品一定能带给你惊喜。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
二、构建响应式体验设计文章源自略懂百科-http://wswcn.cn/85530.html
当你的原型项目、设计稿需要应用于不同的项目尺寸时，这时就需要原型设计工具支持响应式布局。实现响应式布局一直是原型工具产品的一个难点，大多数原型工具操作方法是针对不同屏幕多做几稿，而以下两款产品其独特的响应式布局能力可以帮助你更快、更轻松地实现一次设计同时满足不同平台的原型设计需求。文章源自略懂百科-http://wswcn.cn/85530.html
场景特点：文章源自略懂百科-http://wswcn.cn/85530.html
构建多平台产品原型（APP、小程序、Web、html5、Pad）省时和高效兼备具备制作复杂交互的能力（此类型项目，大部分都需要）文章源自略懂百科-http://wswcn.cn/85530.html
工具推荐：文章源自略懂百科-http://wswcn.cn/85530.html
UXPin文章源自略懂百科-http://wswcn.cn/85530.html
在 UXPin 设计原型时，你可以自己设置断点，并为每一个断点区间做样式调整。在预览时，你也可以通过切换断点来观看不同尺寸下的效果。除开响应式，软件还提供了可编程组件，状态和逻辑，版本控制等功能，是一款非常全面的中高保真原型设计工具。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
2.摹客RP文章源自略懂百科-http://wswcn.cn/85530.html
摹客RP是国内工具厂商摹客推出的一款全新原型设计工具。它集快速设计、强大交互、矢量编辑于一体，并且完全免费！文章源自略懂百科-http://wswcn.cn/85530.html
摹客RP在响应书布局功能上相比Uxpin更加强大和智能：只需要在制作时打开画板/组的响应即可自动开启响应式布局。开启后，画板/组所包含的组件也会自动开启响应式布局，非常简单就能实现一稿多用。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
三、高保真原型设计文章源自略懂百科-http://wswcn.cn/85530.html
什么是高保真原型？简单理解就是：类似实际产品的原型设计稿。文章源自略懂百科-http://wswcn.cn/85530.html
它要求具备三个元素：文章源自略懂百科-http://wswcn.cn/85530.html
a.逼真细致的设计；文章源自略懂百科-http://wswcn.cn/85530.html
b.尽可能真实的填充内容；文章源自略懂百科-http://wswcn.cn/85530.html
c.和真实产品一样丰富且全面的交互效果。文章源自略懂百科-http://wswcn.cn/85530.html
该类型原型稿主要用于专业讲解、用户实测等场景。随着原型工具的发展，制作高保真原型所需的时间成本越来越低，我将要列举的三款原型工具，它们是制作高保真原型工具中的佼佼者。文章源自略懂百科-http://wswcn.cn/85530.html
场景特点：文章源自略懂百科-http://wswcn.cn/85530.html
需要极高的保真度全面的功能支撑及高效的产出能力文章源自略懂百科-http://wswcn.cn/85530.html
工具推荐：文章源自略懂百科-http://wswcn.cn/85530.html
Axure文章源自略懂百科-http://wswcn.cn/85530.html
知名度最高的原型工具，它作为最早、最权威的原型工具让多少产品经理又爱又恨。全面且强大的功能让它在行业里具有无与伦比的竞争力，但高昂的价格、复杂的操作也劝退了不少产品经理或者设计师。当然，如果你是一名追求强交互效果及细节的产品经理，它会是一项不错的选择。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
2.摹客RP文章源自略懂百科-http://wswcn.cn/85530.html
再次出现了摹客RP。不必意外，作为一款为产品开发团队量身打造的原型设计工具，摹客RP可以做到快速产出和精细设计两不误。在高保真设计能力上，摹客RP表现的非常优秀：文章源自略懂百科-http://wswcn.cn/85530.html
a.摹客RP预设上千图标资源和组件，可以随意选用，其组件自带交互属性；文章源自略懂百科-http://wswcn.cn/85530.html
b.支持13种交互方式，几乎覆盖所有交互需求，真正实现了所见即所得；文章源自略懂百科-http://wswcn.cn/85530.html
c.自带专业矢量绘图功能，支持钢笔工具和布尔运算，配合响应式布局、256倍放大和像素级对齐等设计功能，可以轻松搞定高保真设计.。文章源自略懂百科-http://wswcn.cn/85530.html
除开以上优点，摹客RP支持流程图、PRD文档制作，产品经理可以一站式搞定撰写和创作的需求。最最最重要的是：它不限功能、不限页面、不限时长，绝对免费。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
3.Flinto文章源自略懂百科-http://wswcn.cn/85530.html
在Framer、Principle、Pixate等一众国外设计工具中，Flinto是我最推荐的原型设计软件，在界面设计上，你不得不佩服它的设计团队：简洁、大气、精致的感受会在你打开软件的一瞬间扑面而来。但相比前面两款工具，Flinto在国内用户群体太小，学习资料和模板资源等都非常匮乏，所以只推荐给动手能力比较强的用户。文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
总结：文章源自略懂百科-http://wswcn.cn/85530.html
正如Facebook设计总监Julie Zhuo预测未来十年时所说：未来的设计思维，就是产品思维。对于设计师而言，应该更专注于设计而不是工具。设计过程中需要沟通什么、展示什么、测试什么？需要建立怎样的模块？需要什么程度的保真？当专注于设计的目标时，你就知道你要采用何种工具了。文章源自略懂百科-http://wswcn.cn/85530.html
建议所有的设计师，都应当广泛的涉猎目前主流的原型图工具的使用，一旦需要，即可使用。同时，笔者相信最好的工具，应当具备更快、更简单的特质，服务于设计思维，让设计师不为工具所累。文章源自略懂百科-http://wswcn.cn/85530.html
需要快速创建原型、表达设计想法的小伙伴们，现在有思路了吗？文章源自略懂百科-http://wswcn.cn/85530.html
文章源自略懂百科-http://wswcn.cn/85530.html
评论