无论是app设计还是网页设计,原型都是设计过程中最重要且最基本的一个部分。但如今,形形色色的产品原型设计工具摆在眼前,每款工具都各有千秋。然而怎样去选择一款适合自己的原型工具,就成了设计师的一大难题。特别是对于一些刚入门的设计师来讲,会稍显茫然。选择一款高效的设计工具,可让你得到事半功倍的效果。反之,将徒劳无功。本文我会以我的亲身经验来教大家如何选择一款适合自己的工具。
为了选择正确的原型设计工具,我们可以从以下4点来评估,看看其是否符合我们的需求。
1.学习曲线
学习曲线的定义是在一定时间内获得的技能或知识的速率。通俗一点来讲就是设计师需要多长时间来掌握这款工具。由于所有的原型工具所提供和展示的功能都不尽相同,因此设计人员需要从自身实际情况出发,来选择适合自己的工具。一些新手很可能进入一个误区,一开始便使用复杂的工具进行创作。结果往往走了很多弯路,劳而无功。所以对于一些新手设计师来讲,最好是选择较为简单的原型设计工具。但在大多数情况下,最好从笔和纸开始。首先先勾勒出你的想法,再选用数字工具。
2.易用性
原型工具的易用性对节省设计人员的时间和提高设计效率来说显得尤为重要。因为在设计过程中,你可能会经历创建上千个原型的过程,你会反复修改并进行重复设计。它应该尽量简化设计师的操作步骤,而不是让其更复杂。对于大多数原型而言,只是起到一个传达的效果。所以没有必要把它们设计的非常精致,也不需要把时间浪费在处理细节或复杂的交互上面。
3.团队协作
团队协作功能也是原型设计的一个关键部分。因为你可能需要与其他人分享自己的源文件并进行协作。由于每个设计师对项目都有自己的看法和想法,开展头脑风暴,会对你作品的改进有极大的帮助。所以你所选择的产品原型设计工具应该具备团队协作的能力,确保每个项目参与者对产品设计的结构和功能都有一个同步的认识。这也是为什么我们不推荐在设计工具(像illustrator或photoshop)中创建原型的原因。
4.保真度
设计师应该了解自己对原型的要求是什么?就应用程序的布局或者交互的复杂程度而言我们可以把原型三个类别即低,中,高保真度。低保真度意味着“纸上原型”,只有框架和链接。中保真度是更加侧重于布局,信息和交互的设计。而高保真来说,最重要的就是视觉设计、动画和微交互。设计师可以根据自己的需求来选择原型的保真度。
讲了这么多理论,相信大家对如何选择原型工具有了一个清晰的认识。那么接下来开始分享干货。这里我推荐几款特别简单且好用的原型工具给大家:
1. mockplus
推荐指数:★★★★★
推荐理由:简单,易上手;3步实现交互
价格:个人版199rmb/年699rmb/终身
团队版999rmb/年3999rmb/终身
正如摹客官网所说:如果axure是一头大象, 那么mockplus则是一只轻快的小鹿。产品原型设计工具mockplus遵循化繁为简的原则,可以帮助你在短时间内创建好原型。不需要任何基础,简单,易上手,只需要简单的拖拽便可实现动态交互。并且mockplus拥有丰富的图标和组件资源库(包括3000多个图标和200个组件)。另外不得不提的一点:通过mockplus这款强大的工具成员之间可轻松实现团队协作和成员之间的审阅和页面分工编辑的功能。摹客还因及时的售后服务被粉丝们评为最贴心并且最接地气的国产原型工具。
2. invision
推荐指数:★★★★
推荐理由:高保真,在线协作
价格:个人版157rmb/月 1660rmb/年
团队版623rmb/月 6768rmb/年
invision是一款基于网页的原型交互设计工具,也是目前最流行的原型工具之一。用户制作一个在线原型只需要四部:即创建一个项目、上传视觉设计稿、添加链接以及生成在线原型。他们的团队会不断增加新功能来帮助设计人员进行更高效的原型设计。通过invision设计师可简单而轻松的进行设计并向客户展示。同时该工具还支持协作和分享功能,项目参与者可随时随地的参与评论与交流。
3. wireframe sketcher
推荐指数:★★★
推荐理由:灵活,操作简便
价格:623rmb/年
wireframe是一款强大的、简单的线框图工具。可帮助设计人员,开发人员和产品经理快速创建用于桌面,web和移动应用程序的线框和原型。值得一提的是wireframe sketcher还是一款带有手绘风格的创作工具,这样会避免设计师被一些细节所干扰。
总而言之,各有所好。对设计师而言最好的工具就是最顺手的工具。我个人比较倾向于简单高效的产品原型设计工具。正如mockplus,为我的创作节省了大量的时间。