在上图中我们可发现，36氪和今日头条的标题设计方案也有细微差别。36氪的标题是居中设计，这样的设计原理是因为不规则形状所产生的割裂感能把标题和正文内容非常明显的进行区分，而今日头条的标题左对齐设计方式则无法达到不规则性质所产生的视角效果。

　　从这里我们可以发现，没有一种设计方案是绝对正确或适应所有产品应用场景的，通过在不同产品同样的“透明标题栏”设计，所产生的效果是不一样的。

　　同类产品的不同布局

　　在很多时候我们也很容易忽视这样一个事实：即同行业、相同目标用户的同类产品，也需要考虑其产品的不同点导致最终产品的不同设计方案和最终展现形态。不同点主要会在这几个方面：产品核心价值观不同、产品定位不同、产品核心功能不同、应用场景不同。

　　继续来举个栗子：

　　同是音乐类产品的网易云音乐和QQ音乐，我们仔细观察也会发现很有意思的地方。云音乐跟QQ音乐最大的区别在于核心功能上，云音乐核心功能是推荐，QQ音乐是搜索。

　　由于产品价值观和核心功能的不同，造就了他们在设计方案上的天差地别。云音乐的搜索功能是在操作最不方便且处于视角盲区的右上角，但即使如此也不影响云音乐整体的产品架构，因为云音乐核心功能在推荐，而不需要通过频繁的使用搜索功能才能找到自己喜欢的音乐。而QQ音乐则把搜索功能以搜索框的形式放在了顶部菜单栏的中间，从视角上更突出该功能的重要性。

　　产品颜色

　　在大量成熟的产品中，我们也可发现一些关于颜色的使用规律，虽然产品色彩搭配是由UI来负责，但最终产品整体呈现效果还是需要我们产品经理来审核把关。

　　在色彩的选择上最忌讳把设计图要求做的各种好看和酷炫，其实设计师和普通人一样，都有自己的审美观，一味追求漂亮和酷炫，而忽视特定的用户、特定的场景、特定的需求，这样的设计图方案是无法为用户创造任何价值的。

　　通过观察和临摹多个成熟产品发现好的产品一定是非常突出和容易识别产品主色调的，在色彩上同样讲究简约原则。一般情况产品不会超过3种色彩搭配，颜色过于复杂，会加强人们对于信息的辨识难度，造成不必要的信息干扰。

　　如何分析一款产品

　　市面上成熟的产品可以给予我们参考和借鉴的意义，给予我们自己设计产品做出方案上的引导，但是如何去分析一款产品并结合到自己的产品上则成了关键。我总结了这几个绘制原型图的核心维度：页面布局、核心功能位置、视角顺序及视角落脚点、参数的选择及位置(参数选择围绕需求、核心功能、产品动机来决定)、元素间层次关系。

　　元素关系可以通过颜色、大小和形状的不同来进行区分，具体在原型设计中可以通过间隔线区分、系统底层留白、不同颜色板块区分等方法来打造清晰的元素间层次关系，让相关联的元素排列在一起，使得产品的整体层次感更加有条理。

　　原型绘制的小细节

　　原型设计初始阶段不建议使用最深的颜色来表达，给颜色降一维，让真正需要使用深色去突出某功能时留出一定空间。

　　临摹作品展示

　　资讯详情页4种方案对比

　　透明标题栏+标题居中，透明标题栏+标题左对齐

　　深色标题栏+标题居中，深色标题栏+标题左对齐

　　过程感悟

　　为什么要画原型图

　　绘制的过程=设计的过程;绘制的结果=想法的表达;

　　注重设计时的思考过程，如何更好表达对产品的理念和想法，而不是机械抄袭;

　　认识不同设计方案的原理、作用和使用场景，通过多种设计方案对比和分析，扩展自己原型设计的素材，应对将来设计产品时有灵活方案的选择;

　　进一步熟练掌握参数选择、页面布局、功能位置、视角顺序、元素关系等核心技能;

　　从原型设计中可初步简单体会产品的取舍之道;

　　怎么画原型图