产品设计是一个相对宽泛的概念，其中包含的内容不胜枚举。尤其对于新人小白来说，产品设计的分工分类着实令他们头痛。有些设计人员很多时候连自己画的到底是什么都不知道。领导叫你画个图，结果拿过来一看：天哪！你画了个什么？今天我们就来讲一下，效果图和原型图，这对常常扰乱大家工作的完美CP。

首先，我们需要对两者有一个充分的认识：

原型图，是产品或数据系统的一个基本的实用模型，通常为示范目的或开发程序的部份结构。在一个完整的系统开发生命周期中，需要设计原型模型，即建构和测试系统的一个基本版本，如果必要的话还要重复修改，直到达成一个完整的一个可接受的原型。原型图存在的意义，就是能够在开发过程中充分的表达出设计师的意图的思想。

效果图，顾名思义，是带有视觉效果的图片。这一类图片往往是UI设计师们已经处理过的成图，用于展现近乎于真实产品的效果。产品效果图是一种设计师表现自己创意的方式，同时，优秀的效果图可以客观的加深用户对于产品的认识和理解，体现出产品的价值所在。

从概念上来说，效果图和原型图还是相差比较远的，通过以下几个细节，我们就可以区分出效果图和原型图：

一、通过颜色分辨

原型图的颜色以黑白为主，当然，灰度原型也是原型图家族中的名门贵族。为什么原型图的颜色会是如此的单调？原因很简单：其一，原型设计师并非UI设计师，如果在原型图中加入了大量的色彩，那么这就会很容易的影响到UI设计师的思考和创作；其二，原型图面对的是开发人员而非客户，这一阶段重视的东西是逻辑概念和交互方式，并不是颜色。

一般情况下，效果图色彩更加丰富些。如果一款产品的效果图的色彩运用和原型图相差无几，除非是有意而为之，不然这位设计师也绝对是low的可以了。作为产品成型之前的“漂亮脸蛋”，效果图的色彩必须是经过设计师考虑研究、用心琢磨过的。也只有这样，才能拿出令人满意的效果。

二、通过图标分辨

现在的原型图设计过程中，很多时候都会涉及到图标的设计和使用。而从严格意义上来讲，原型图内是不需要出现图标的，图标位置方块代替。原因其实和上一点基本相同，那就是要在原型设计中尽可能的降低对其他同事的影响，比如UI设计师。当然，现在的原型设计工具中普遍都提供了一些比较简单实用的图标。这些图标样式相对简单，代表的含义也比较直接。这样既省去了文字描述的繁琐，也最大程度地降低了对于设计师的干扰。

而效果图在这方面有着更多的讲究，类似图标的细节往往决定着一个效果图的成败，而一个效果图的成败，有很大程度上左右这这款产品的命脉。所以，效果图中的图标，即便是精雕细琢，也请你不要大惊小怪。一个优秀的设计师，能够在效果图的每一个细枝末节都体现出自己的创造力。

三、通过注释分辨

从我个人的理解来说，一张真正优秀的效果图，是不需要注释就能说明一切问题的。既然效果图是一种面向用户的产品表现形式，那么就应当通过设计和画面把基本问题全部解释清楚。除非是特殊情况，否则文字注释的随意出现，一定会使得设计师的身价大打折扣。

但是原型就不同了。如果只是单纯的线框图，那么没有文字说明的话，几乎就没什么价值。如果是带有交互的原型设计，那么文字说明和注释的量相对来说会少很多，但绝对不会一点没有。很多情况下，从时间成本和操作成本上考虑，简单的文字有时会有更高的实际效果。

其实，通过以上三点我们可以总结一个判断的标准，即：以逻辑为主导、以好用为准则的原型图和以视觉为主导、以好看为准则的效果图。看完这些之后，有没有想明白，昨天你画的那个，到底是什么？