原型绘制杂谈

＃人人都喜欢eyecandy
为什么要画原型呢？因为我们需要快速头脑风暴尝试形成不同的概念——高保真需要的动画效果和视觉效果的处理都需要时间。低度保真通常都是手绘草图，中度保真只用灰度等一些简单的效果强调视觉层次以及空间排列，几乎没有色彩以及真实图片。

可是产品经理们会喜欢原型图吗？似乎有些产品经理更喜欢拿到高保真进行直接观赏，布局以及功能放置区位，拓展性等等问题他们似乎并不看重。谁都喜欢漂亮的eye candy，如果连产品经理都不重视通过原型阶段补充文档完善构思清晰思路，那么设计师就很容易走向制造仅仅是漂亮的设计——毕竟哪个设计师都想过审而非被敷衍一句你到时候拿出高保真给我们吧我们再看高保真才知道效果。

上有好之，下必从焉。

＃分离
最近越来越倾向于在sketch内从低保真到高保真一起完成。因为这样能更方便产出美观而且空间比例合宜的的低保真外，同时也能保证彻底分离原型绘制与制作展示用原型以及对应动效的过程。

现在越来越多的动效制作工具，如果没有更为高保真的图进行配合，实际效果很难做到美观。动效制作和ui支持密切相关，也需要一定的编程技能自己调试函数写点儿代码（所以逼着交互设计师必须能独立产出ui以及写代码 ＝ ＝！）。

其实axure这种图形绘制与动效制作一体的庞然大物最大的问题便是两者堆叠过程中带来的图层堆叠与动态面板带来的文档结构不清晰。彻底分离图形绘制与动效制作两个过程有利于制作维护性更高的文档，我只需要绘制图并且导出图像或用其他支持sketch的工具进行制作动画，但是我的原文件中有多个page和artboard，足够涵盖很多内容——比如同一个模块的不同方案，文档内容等等。

＃看
细腻的针对单个页面进行展示动效是做给工程师看的，最好能使用生成代码的工具。

面向产品的展示更多集中于关键流程以及整体效果，一个个页面的精致效果对他们而言反而耗时间。我始终觉得针对每个页面的每个元素都慢慢的制作好动效所耗费的时间并不太划算，关键动效才有制作价值。

视觉设计师关注的重点在于区域之间的划分明确流程中全部的异常状态输出都能提供。

顺带一说，我觉得对于某些不愿看文档的工程师而言，交互设计师／视觉设计师的文档产出更多是提供给相同职位的同事，保证产品的延续性和一致性。

＃dribble
dribble本身就是做showcase的方便招聘双方勾搭的地方，又不是一手交钱一手交货拿到全套设计过程的地方，所以没有完整的设计以及设计本身偏向于好看而非好用也是很正常的。我倒是觉得经常逛下这类设计师社区，多学习下各种好看的视觉效果如何制作色彩如何搭配挺好的。更重要的是，只有多看这些视觉效果并且尝试去理解这些效果带来的后果，才能对自己的交互设计成稿具有把握性。