关闭

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

最好的工具,应当具备“更快”、“更简单”的特质,服务于设计思维,让设计师不为工具所累。

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

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

场景特点:

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

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

工具推荐:

1. Mockplus

2. Balsamiq

二、响应体验设计

场景特点:

  • 构建响应式网站(手机、平板、桌面)
  • 省时和高效兼备
  • 需要将页面链接在一起,显示它们的流程

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

1. 为什么必须设计响应?

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

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

在进行响应式设计的同时,也需要前后端开发的支持,否则设计高效率的响应设计将会变得非常困难。

工具推荐:

三、高保真设计(手机或者桌面)

场景特点:

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

设计高保真的原型不仅仅是需要特别高的保真度,与此同时还需要显示应用程序中的整个流程。这是一项非常耗时的任务,如果设计师希望需要构建一个高保真原型,包含有趣的动画并且实现页面之间导航,来为用户创造一个真正的高保真体验,那么可以使用下面这些工具:

工具推荐:

四.特定功能需求

场景特点:

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

工具推荐:

总结:

正如Facebook设计总监Julie Zhuo预测未来十年时所说,“未来的设计思维,就是产品思维”。对于设计师而言,应该更专注于设计而不是工具。设计过程中需要沟通什么、展示什么、测试什么?需要建立怎样的模块?需要什么程度的保真?当专注于原型所需要的目标时,你就知道你要采用何种工具了。建议所有的设计师,都应当广泛的涉猎目前主流的原型图工具的使用,一旦需要,即可使用。

同时,笔者相信最好的工具,应当具备“更快”、“更简单”的特质,服务于设计思维,让设计师不为工具所累,而这点恰恰是Mockplus所一直倡导的。建议需要快速创建原型、表达设计想法的小伙伴们,可以把Mockplus加入自己的常用工具清单了,10分钟玩转不是问题!

更多设计类相关干货(文章及经验教程),尽在:UI/UX专业博客

4条评论 添加新讨论

09月11日评论

找了很多原型工具试用了一段时间,最终还是选择了国产Mockplus。软件很给力,上手快,操作简单。最近还推出了页面流程图,页面隐藏,Sketch导入,模板例子等,太赞了!

回复
07月19日评论

axure功能确实比较强大,但学习难度有点高,而且手机演示也很不方便,mockplus做中低***原型基本没什么问题,才100块就可以放心使用正版,买一个也没什么影响,只要不是要求特别高的项目,现在我们一般都用mockplus做了,做原型和修改效率都特别高。支持国产的软件,希望功能越来越完善。

回复
07月14日评论

要那么多工具干嘛,熟练Axure就好

回复
  1. 07月14日评论 回复
登录后参与讨论
Ctrl+Enter 发表