主流原型设计工具 2152817孙施俊哲

发布时间 2023-05-16 16:53:40作者: 苏打猫

软件原型(software prototype)是软件的最初版本,以最少的费用、最短的时间开发出的、以反映最后软件的主要特征的系统。

最早的软件原型需要通过编程一个小型系统来实现,而在软件工程发展愈发发达的现在,我们拥有了众多方便、快捷、更符合设计直觉的软件原型设计工具,减少了大量风险成本。接下来就容我介绍其中的几个产品:

 

1.Axure RP

它是软件原型设计工具中的巨人,强大的编程和文档书写能力使其成为了这一行业的“巨人”,地位就像图片处理工具中的PS。强大的功能还可以实现一部分的前端代码。

Axure RP作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。作为一款快速原型设计工具,它可以实现超大型的系统,为此它也拥有团队协作的功能,便于分工合作。和许多原型设计工具不同,它的文档输入是高保真的。

它也存在缺点:功能过于复杂,高自定义性带来的学习成本变高,不易上手,而且素材库需要自己找第三方,对积累有要求。作为一款专业性软件,这不需要苛责,它的特点就是高度自定义和强大的功能交互,但是这也会给设计者带来无形的压力。

 

上图是Axure RP的主界面,菜单栏和工具栏类似word这样的办公软件,左侧是文件子列表和元件库,可以管理页面和快速添加元素,右侧则是设置样式和交互的区域。

 

2.墨刀

 

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

 

相对于Axure RP,墨刀是一款更加年轻的国产软件原型设计工具,它的地位相对于Axure RP的PS更倾向于美图秀秀。在软件原型设计的难度上更加容易上手和利用模板来做出好看的效果,但是缺少了一些变量控制等的自定义交互功能。它生成的项目文件可以导入Axure RP中,也满足了一定的前置设计任务需求。在功能领域特点上,墨刀更偏向于移动端的开发,有许多模板可供使用。

 

这款软件的缺点是组件库过少,无法完成复杂的交互功能,它的连线功能有时候会导致用户逻辑产生混乱。不过在后续的版本更新中,不少新的功能被加入,团队协作功能也得以完善实现,可以期待以后的更新。

 

上图是墨刀移动端的开发界面,它的设计元素更偏向于年轻化和小白,有大量官方模板使用。

 

3.Invision

InVision是一款基于网页的在线原型设计和协作工具。 设计师可简单上传各种原型设计界面或部件图片,为其添加热区,并根据演示需要,独自或协作制作完成多样的原型交互动画。

这款在线设计软件在国外发展势头很强。

它的特点是可以上传sketch和ps的文件,并且快速为其提供交互,但后来发布的 Invison studio 具备从基础开始的设计功能,可以完成相当精细的设计稿,较为强大的交互动效功能也可以满足大多数设计者的动效需求。利用 InVision Studio,还可以将团队的设计规范落地在设计工作中。

它的缺点对于国内用户最明显的是其主要服务地区在国外,因此国内网络访问速度过于一般,而且价格较贵,因此不太适合国内市场。

 

上图为mac版本的Invision studio界面,可以看到其界面简洁干净,可以先利用其从头做出各种先行素材再快速导入Invision中。

 

 

4.POP(Prototyping on Paper)

POP⽐较特殊,通过给拍照的⼿画草图直接做交互。使⽤⼿机拍下草图原型,编辑图⽚哪个区域连接到哪个页⾯,添加跳转链接。内嵌侧滑、展开、消失等,满⾜⼀般动态展⽰需要。但功能较简单,⽆法满⾜更深层次的需求。

但是POP拥有独一档的上手难度,它是在非专业领域非常火的一款原型软件,第一次满足了大家人人都是产品经理的感觉。

它的缺点和它的上手难度一样明显:没有控件,所有东西都靠照片。而且分享不便。动画有如侧滑、展开、消失,快现的摇一摇。操作只可以单击。

 

 

 

以下是我利用墨刀快速做出的我们PCSX App的一个使用界面:

 

 

制作流程和制作流程图有异曲同工之妙,在界面右边有组件以及图标可供拖入设计页面中。我先拖入了一个1920*1080的白色矩形作为主框体,然后添加各种小矩形完善页面元素。在样式中设计各元素的属性(有一点与ppt相像),在这个页面完善后,再添加新的页面就可以在各个页面之间实现跳转等交互了。