如何画好原型

场景：

原型设计

背景：

原型图作为最高效最有效的需求沟通工具，好的原型图，可以满足对外与客户的需求确认、对内与研发团队的探讨。

那么怎么能工期短、任务重的情况下，快速画好原型图的？什么样的原型图才是好的原型图呢？

一、前期准备：

明确需求，了解背景和目的

首先需要有想法，想清楚思路再下手

有流程，能够梳理出前后关系

二、原型绘制：

1.创建标准，按照规范去做输出；使用统一控件

2.积累经验，调用经验，控件、套用、新设计能够按照场景去选择、快速完成原型图

3.积累组件、控件，用透几个组件

4.MDCA原则，信息不可遗漏，且主次分明

5.有一定的设计基础，运用界面布局能力

三、后期校验与提升：

1.切换角色思考，按照小白的思路做解决方案

2.多看多学多体验，做得好是本分做得不好就去解决掉，多找一下原因

3.形成自己的方法论，固定作图习惯

三要素：

原型图作为需求沟通的有效工具，要画好原型图，主要在于三个步骤：想、画、验。

想：是明确需求，理清流程与业务逻辑，形成初步的原型图方案；

画：则是绘制的过程，通过标准、控件、信息表达原则、界面设计原则进行原型绘制，并逐步积累，形成自己的组件库与作图习惯；

验：原型的校验，切换角色思考，校验业务场景；通过MECE(相互独立完全穷尽)原则，校验信息是否遗漏。

另外还需要对症下药，根据不同的使用场景进行原型图的绘制，比如用于招投标，要求较高时，则需要尽善尽美，把所有的交互、规则等都绘制出来。

而对于与研发的沟通，在工期紧的情况下，有些交互，可以直接用文字描述，只要对方能理解，就可以了。

磨刀不误砍柴工。采用好的工具，可以做到事半功倍的效果，特整理绘制原型的工具，供参考：

axure：原型图工具的元老，多年的积累，功能强大、操作方便，有较多的组件或提供下载使用；但相对来说操作门槛有点高。

墨刀：原型图工具的后起之秀，有很模板，可以直接使用，大大提高绘图的效果，拖拽几下就可以出来一个页面；但要收费。同类工具有慕客、蓝湖等。

adobe XD：XD作为后来者，在adobe的设计工具丰厚的基础上，操作界面与设计工具相似，也出了较多的模板，效率也比较高，可找到破解版本；但交互效果的编辑有较大的缺陷。

PPT、excel：只要能表达清楚需求，ppt、excel照样也可以绘制原型，主要是编辑展示页面信息和初步的布局，交互很难实现；在讨论页面信息的时候，是不错的选择。

手绘：手绘也是一种选择，特别是在琢磨思路或是小团队讨论的时候，画起来非常方便；不好的是费时费纸，且不可复用、难以修改。

共享工具：axure什么都好，就是分享做的很烂，放在国外服务器，访问外链如龟速。所以，很多时间建议大家自己或者找技术同事搭一个共享文件路径给公司内部同事访问，比如FTP、svn等。