主流原型设计工具

Posted 2023-05-26 ttthhh

移动应用开发如火如荼的至今，一个好的APP原型设计理念很容易被糟糕的界面和体验毁于一旦，如今市面有很多的原型工具可以帮助我们解决问题，我在这里介绍几个。

1.Proto.io

网站地址：Proto.io - Prototyping for all

Proto.io是一个专门用于移动应用的产品原型工具——可以构建和部署全交互式的移动应用的原型，并且可以模拟出相似的成品。基于Web的在线环境，它可以让你制作流行的 iPhone，iPad，Android 手机以及任何带有屏幕界面的产品原型。并且它可以运行在大多数的浏览器中，并提供了3个重要的接口：dashboard、编辑器以及播放器。

优点：丰富的UI元素，且可以自定义；支持多屏互动和组件交互，可以从Dropbox上传设计图。

缺点：不支持实时预览，交互动效较多时动画不够流畅，性价比不高。

价格：免费试用15天 专业版（5个项目）1924 RMB/人/年
适用人群：擅长于使用Web浏览器的产品经理或设计师。

 

2.Balsamiq Mockups

网站地址：Balsamiq Wireframes - Industry Standard Low-Fidelity Wireframing Software | Balsamiq

它是一款低保真的线框图工具，主要用于原型设计的初始阶段。

优点：内置了大量的模块，在需要的时候在搜索框里找，然后拖到画布里面进行排序组合，画图很快速，功能强大（比如在tab选择框里可以选择哪个tab是active，哪些是default的）。很快就能画出想要的app原型。如果你还觉得BM内置的模块点少？Mockups To Go 可以满足你需要的大部分需求！

缺点：Balsamiq Mockups里面画的只是草稿，没有配色，没有设计风格。它只是每个页面的布局，不能进行交互展示。

价格：个人版89美元，可以根据项目数量来购买。

适用人群：需要生成简单原型（草图）的产品经理或设计师。

3.墨刀

网站地址：墨刀-在线产品设计协作一体化平台

墨刀，一款在线的移动应用原型与线框图工具。借助于墨刀，创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型，并向他人演示。

优点：容易学会，内置组件多，可以云端保存工作，通过分享链接就可以分享原型给别人看了，支持sketch文稿导入和自动标注。

缺点：不自由，首先这也于墨刀的产品定位有关，清晰定位为移动端原型设计工具，因此在交互效果上、控件组合上，操作面板的选择上都不如AXURE 灵活，并且效果切换因为是采用连线的方式，有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少，但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。

适用人群：需要做简单的demo和领导沟通的设计师。

 

一些主流原型设计工具

现如今移动端UI设计师、网页设计师等虚拟设计类人才越来越多，而这些设计全部都要用到原型设计，它的重要性是显而易见的。原型设计让设计师和开发者将基本的概念和构想形象化的呈现出来，让参与进来的每个人都可以查看、使用并且给予反馈，并且在最终版本定下来之前进行必要的调整。所以本文将介绍一些原型设计工具并着重介绍墨刀设计工具。

一、墨刀——一款在线原型设计与远程协作平台

①墨刀的产品介绍

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

②墨刀的界面介绍与大致用法

1.首先进入墨刀官网，选择团队项目或个人项目

（图为选择个人项目后展示界面）

2.选择创建原型项目或其他项目

3.可以通过添加、删除、修改组件来实现设计师的需求、达到预期效果

（图为选择原型设计后展示界面）

③墨刀的一些特点与优势

1.可以实现多个项目，更加直观清晰的管理

2.可以使用模板和组件，高效产出原型

3.可以利用逼真的原型演示，跟多方顺畅沟通

4.团队协同项目，可以使信息同步

5.可以与设计和开发沟通，实现产品开发

④墨刀的一些优秀案例（简易图）

1.一款类似“打地鼠”却又比打地鼠更加生动有趣的小游戏

2.一款食物要被吃掉时所展示的“内心活动”的小游戏

3.一款可以与他人语音连线的应用

⑤墨刀的一些小缺点

1.交互效果、控件组合、操作面板的选择都比较不灵活，内置交互效果包括点击、滑动、滚动等，做高保真原型的时候不够用

2.效果切换因为是采用连线的方式，有时会让用户产生错乱的感觉

⑥小总结

1.简单易操作、可以满足简单的图片处理要求

2..墨刀的使用方法不难，适合新手，即时没有丰富的经验也可以轻松驾驭软件，完成简单的原型设计

3.墨刀适合需要设计到很多的图层组合、更加完整直观地展示原型效果的项目

二、axure rp——专业原型设计软件

①产品介绍

是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站，线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理

②axure的一些特点与优势

1功能齐全，交互多样，通过动态面板、函数、中继器等几乎可以实现任何常见的交互效果，在制作PC端原型图上非常有优势

2.拥有强大的编辑功能，你可以将常用的交互和组件打包，自行制作素材库

3.可以在PC和Mac之间通用

4.更好的展现你想表达的、有利于推销你的产品

③axure的一些缺点（来自一些用户使用后的体验感）

1.能用的函数有限，而且由于采用绝对定位，显得比较死板

2.虽然动态面板、中继器等功能都很强大，但是不容易搞懂

3.一般情况下，用户会去第三方素材库进行寻找，需要花费不少时间

三、摹客——产品经理入门的简单原型工具

①产品介绍

摹客专注于一站式的产品设计和协作平台，为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计，支持多款主流设计工具（Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，利用多种设计工具，都能使用摹客平台协同工作，摹客助力企业数字化和在线化，可为企业提供私有部署和定制化服务，以“快和简单”的产品特性，帮助企业提升设计效能、降低成本

②摹客的一些特点与优势

1.切图压缩后可以自动换算不同平台尺寸、自定义切图尺寸

2.可以通过链接随时查看项目进度，会有评论提醒，实时更新状态

3.可以与历史版本进行多样对比

4.可以轻松设置交互动画

5.可以轻松在Web端完成高保真设计 ，支持矢量绘图、交互设计、流程图、资源管理等

③摹客的一些缺点（来自一些用户使用后的体验感）

1.不能够做到加入GIF

2.一些组件属性比较少

3.手机演示时候偶尔会出现闪退

四、蓝湖——高效的产品设计协作平台

①产品介绍

蓝湖致力于帮助团队降低沟通成本，提高工作效率，建立良好的工作流程。

②蓝湖的一些特点与优势

1.在Web端上传设计图，编辑原型，可在手机端直接查看该高保真交互原型的演示效果

2.左右滑屏可以直接快速浏览高清设计图，预览 App设计页面在手机上实际效果

3.可以随时随地对设计图进行评论，并提醒相关成员，提高团队协作设计效率

③蓝湖的一些缺点（来自一些用户使用后体验感）

1.查找视觉稿麻烦，所有视觉稿全部平铺

2.视觉稿更新没有提示

3.缩放操作繁琐，每次缩放都会卡半天

4.视觉稿较多时加载缓慢，占用资源较多

五、总结

市面上原型设计工具有很多，在如何选用工具时，我们应该更专注于设计，需要沟通、展示、测试什么？需要建立怎样的模块？需要什么程度的保真？当专注于原型所需要的目标时，就知道要采用何种工具了。最后，每个人都应该有广泛的原型工具使用经验。当需要它时，才能够得心应手