本文是一位同学提供的总结。这篇文章也希望给新人朋友一些启发：我们画原型图并不只是画图而已，画原型图已经等同于在设计产品了，要思考的内容也很多。如果你已经掌握了一种成熟的原型图绘制方法，可以和他一样进行训练，相信会有不小的收获的。

　　主题

　　通过为期一周的原型图绘制练习，深刻理解原型图设计的核心，为自己产品道路未来发展打好坚实基础。

　　背景

　　在6天中临摹了7款成熟产品(包含36氪、网易云音乐、微博、腾讯视频、In、支付宝、美拍)，共18个页面。

　　收获

　　心态的打造

　　产品经理工作最容易被人忽视的误区之一：敷衍、无所谓的心态画原型图。

　　在设计原型图时就必须以严谨、认真的心态去面对。很多初级产品经理或者从事多年产品的人都忽视了原型图设计这个最基础也最重要的能力，产品经理本来输出内容就不多，多数情况都是原型图和需求文档。

　　在“人人都是产品经理”这个大旗下，绘制原型是一个多么简单又基础的工作，只要会使用axure工具就可以画原型了(连程序猿都可以办到)。但原型图和需求文档是产品经理最基本的输出，因为基本、简单，却又包含了最深刻的原理在里面—-设计的过程和想法的表达。

　　在我练习原型图一周后深刻认识到原型图的重要性，并总结了以下心得：

　　借鉴成熟产品时学会思考别人产品的设计原理，不要仅是简单的抄袭和模仿，却不知为何这样设计;这样做有两个问题：其一是我们没去分析别人为什么这么做，在不同场景下设计方式不一定适合所有情况，也许在你的产品里就不适用，反而起到反效果;再者是只会简单的模仿，其实你就永远比别的产品慢一步，并且你会渐渐丧失作为一个产品人最核心的能力—-深入思考。

　　面对同类产品的不同设计方案时，学会对比分析，从布局方式、视角顺序、参数选择等去综合思考;

　　忌讳浮躁、不认真、不思考、机械抄袭的设计方案;

　　在以上3点的前提下可以建立如下好处：在开发介入前即可进行“不存在的产品迭代”，而非等到产品开发上线后再去思考如何迭代;靠原型图进行推演模拟用户使用场景和用户感受。

　　如果没有正确的去面对原型图设计，必然导致设计的原型都是粗糙和敷衍的，是无法做到“不存在的产品迭代”这个核心理念的。

　　文章详情页设计分析

　　在临摹资讯产品的资讯详情页时，就遇到了最典型的同类产品在资讯详情页的不同设计理念，对比今日头条和36氪两种设计方案之后，才发现原型设计的真正伟大之处是一种妙不可言的感悟和体会，只有在用心去透彻分析和理解设计的原理才会发现一切核心都在细节微妙处。

　　产品经理常常喜欢把用户体验挂在嘴边，而真正的体验则都是从细节做起，我们都学会了去说的更好而不知道如何做好，体验到底该怎么做?可以细化到一句文案的顺序变化、词语的调整，都会导致用户对产品体验发生质的转变，产品设计就是把细节打造完美，而打造细节就在于不停的去通过不同设计方案的对比、分析、思考得出最优设计方案，也即一个打磨产品原型的过程。

　　我们以资讯详情页在设计菜单栏和标题时的四种方案来做分析讲解;四种方案分别如下：

　　深色标题栏+标题居中

　　深色标题栏+标题左对齐

　　透明标题栏+标题居中

　　透明标题栏+标题左对齐

　　首先看无标题栏设计(透明标题栏)这种方式，它在产品设计中是不常见的，一般产品做法都会把顶部标题栏用深色做突出，为的是让用户视角更好的注意到标题栏去操作一些重要功能。而透明标题栏的设计好处在于通过借助颜色的使用(颜色跟内容底层一致)，让用户感觉不到标题栏的存在，可以在产品整体视角空间上显得更加“宽广”一点，而标题栏的存在会压缩人们的视角空间，将应用面积变小了(举个栗子：网易云音乐把皮肤换成白色)。

　　而在资讯详情页中，“透明标题栏”的设计方式所传达的视角效果就完全不一样了，因为透明标题栏的设计在这里会让人觉得文章标题并不在“顶部”，而是在“顶部偏下”的位置，因为“上面是空的”，并且因为“上面是空的”给了一种内容的视角延长，在标题“暗示”上就显得弱化了(举个栗子：36氪)。

　　反例就是今日头条，通过“深色标题栏”的设计就会让人认为文章标题已经在“顶部”。