原型设计｜6种原型图的优缺点

原型图的格式，属于“道”，“法”，“器”，这3个层次中的“器”。如果想在用户体验上，走的更远；那么就需要在“道”，“法”，这2个层次上，积累更多的项目经验，还有不同岗位的思维方式和沟通思路。

互联网产品设计过程中，原型图的常用格式，我见过6种以上。

它们的优点和缺点，介绍如下：

1. Axure格式的原型图

优点：

可以在另一台电脑上，阅读和编辑Axure原型图；

在Axure预览模式下，可以在浏览器左侧显示网页的目录；

Axure软件有Mac版本和windows版本。

缺点：

如果接收文件同事的电脑，没安装Axure，就打不开了；

不能在手机微信聊天窗口上，直接阅读Axure原型图；

Axure低版本，不能打开高版本的Axure文件。

2. Sketch格式的原型图

优点：

可以在另一台Mac电脑上，阅读和编辑Sketch原型图；

Ui设计师，可以直接在Sketch里面，把原型图，做成高保真的Ui设计稿；

可以导出PDF格式的多页面PDF原型图。

缺点：

Sketch软件，目前只有Mac版本，没有Windows版本；

在手机微信App的聊天窗口上，不能直接阅读Sketch原型图；

Sketch低版本，不能打开高版本的Sketch文件。

3. PPT格式的原型图

优点：

可以在Mac或Windows电脑上，阅读和编辑PPT格式的原型图；

在手机微信App的聊天窗口上，直接阅读PPT格式的原型图；

可以通过其它软件，将画好的原型图，导入PPT里面。

缺点：

ppt页面的面积太小，不支持表达多个页面之间的跳转关系；页面的缩放，难以操作；

PPT里面的画图控件太少，画图工具隐藏的比较深，操作起来，不方便；

4. Html网页格式的原型图

优点：

可以在任何电脑上，用浏览器打开，直接阅读Html原型图；

不能在手机微信聊天窗口上，直接阅读Html压缩包的原型图；

可以先用Axure设计原型图，然后导出Html网页格式。

缺点：

不支持Html网页原型图的再次编辑，不支持在浏览器左侧显示网页的目录；

邮件接收Html原型图的压缩包，需要解压，然后还需要在众多网页文件中，一个个点开查看；

页面之间的跳转关系，各种中间状态的逻辑判断，Html难以表达清楚。

5. 一大张jpg图片格式的原型图

优点：

可以在任何电脑上，阅读和编辑jpg图片格式的原型图；

邮件发送jpg图片格式的原型图，文件可以很小；

可以在手机微信聊天窗口上，直接阅读jpg格式的原型图；

可以通过其它软件，将画好的原型图，导出为jpg图片格式。

缺点：

在电脑上，jpg图片格式的原型图，比较难操作：比如：调整到100%大小，并左右移动查看页面跳转关系；

在手机上，微信发送的时候，具有流程关系的一大张jpg图片格式的原型图，会压缩，导致微信接收后不清晰。

6. PDF格式的原型图

优点：

可以通过其它软件，将画好的原型图，导出为PDF格式。

可以在Windows或Mac上阅读；支持软件：Adobe Reader，极速PDF，福昕pdf，Acrobat；

可以在智能手机上，阅读pdf格式的原型图；支持手机APP软件：WPS，极速PDF，福昕pdf，Acrobat，甚至微信app的聊天窗口，直接发送，对方直接打开。

在电脑上，页面容易调整到100%大小，并且左右移动查看页面的跳转关系；

Mac电脑自带的预览pdf软件，可以合并多个pdf，旋转pdf的某一张内页；

电脑版的福昕pdf软件，可以给pdf内页添加标注文本，可以在多页面的pdf左侧添加目录链接；

缺点：

如果需要重新编辑pdf里面的某一页，那么就要提取多页pdf文件中的某一页，待修改好之后，再合并到多页PDF文件里；

电脑阅读和手机阅读pdf，最好是已经安装了专业的PDF阅读器。

总结：

APP产品设计的原型图，重在表达意思，只要意思传达到位了，那么格式可以不必在意。

原型图的格式，属于“道”，“法”，“器”，这3个层次中的“器”。