4种场景下最合适的原型设计工具推荐

 

原型设计是将想法转变为设计过程当中相当重要的一环。常常有设计师小伙伴可能会问到，“哪一个原型设计工具是最好的呢”？实际上这是一种错误的提问方式，尤为是在当下原型工具种类繁多，针对不一样需求各有优点的大环境中更加如此。就设计师而言，更在乎的应该是“哪一个原型设计工具对我现阶段的目标是最好的”？在这里，笔者列出了在4种常见场景下最合适的原型图设计工具的推荐清单，但愿对你有所帮助。

 

1、设计中低保真、快速的手机端和Web网站场景

 

 

场景特色：

• 构建移动应用（手机端APP和Web网站）
• 中低保真
• 快速搭建

中低保真原型通常指有限的功能和交互原型设计。它们被用于描绘设想、设计方案以及界面布局……创建这些原型的目的主要用于沟通、演示和报告。对于低保真、快速移动应用程序的原型设计，用于此场景的最佳工具是能够在短期内以低保真方式展现整个应用体验流程。

 

工具推荐：

1. Mockplus

2. Balsamiq

 

2、响应体验设计

 

 

场景特色：

• 构建响应式网站（手机、平板、桌面）
• 省时和高效兼备
• 须要将页面连接在一块儿，显示它们的流程

在面对响应式设计需求的用户时，首先应当明确如下几个问题：

1. 为何必须设计响应？

2. 响应设计真正的目标是什么？

3. 设计每一个显示模块详细需求是什么？ 

在进行响应式设计的同时，也须要先后端开发的支持，不然设计高效率的响应设计将会变得很是困难。 

 

工具推荐：

• Raw HTML/CSS/JS（真正的响应式设计）
• UXPin

 

3、高保真设计（手机或者桌面）

 

 

场景特色：

• 在APP上构建特定的动画
• 须要极高的保真度
• 须要高效率
• 须要显示运动，动画元素和时机

设计高保真的原型不只仅是须要特别高的保真度，与此同时还须要显示应用程序中的整个流程。这是一项很是耗时的任务，若是设计师但愿须要构建一个高保真原型，包含有趣的动画而且实现页面之间导航，来为用户创造一个真正的高保真体验，那么可使用下面这些工具：

 

工具推荐：

• Flinto
• Origami

四．特定功能需求

 

 

场景特色：

• 在移动应用上构建特定的动画
• 须要特别高的保真度
• 须要高效率
• 须要显示运动，动画元素和时机

 

工具推荐：

• Adobe After Effects

总结：

 

正如Facebook设计总监Julie Zhuo预测将来十年时所说，“将来的设计思惟，就是产品思惟”。对于设计师而言，应该更专一于设计而不是工具。设计过程当中须要沟通什么、展现什么、测试什么？须要创建怎样的模块？须要什么程度的保真？当专一于原型所须要的目标时，你就知道你要采用何种工具了。建议全部的设计师，都应当普遍的涉猎目前主流的原型图工具的使用，一旦须要，便可使用。

同时，笔者相信最好的工具，应当具有“更快”、“更简单”的特质，服务于设计思惟，让设计师不为工具所累，而这点偏偏是Mockplus所一直倡导的。建议须要快速建立原型、表达设计想法的小伙伴们，能够把Mockplus加入本身的经常使用工具清单了，10分钟玩转不是问题！

更多设计类相关干货（文章及经验教程），尽在：UI/UX专业博客