平面设计与网页设计的区别 - 图文

用心教育 通向杰出

平面设计与网页设计的区别

这段时间，一直在做印象派的商品设计，如照片书、台历之类。从网页产品设计转行过来的我，时常在想，平面设计和网页都是设计，但区别又是那么大，那不就与大自然中的猫和老虎一样嘛，它们都属于猫科动物，但又不是同一种生物，有着很大的差别。

现在就让我们来分析一下同样作为视觉传达设计，她们之间的差异性。

1.视觉元素

在色彩方面平面设计与网页设计使用的色彩模式完全不同，平面设计因为后期的实现依赖于印刷，所以采用CMYK的色彩模式，而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似)，而网页设计(产品类)更注重的是信息结构关系的梳理，如果将色彩运用的过多过强，很容易引起视觉的疲劳感。

我们平时在设计过程中，平面设计的字体选用更为自由一些，不用担心后期实现的问题，所有的文字最后都会输出为图形进行印刷，而网页设计就需要考虑的更为全面，并且在字体的选用范围上也很小，为了让输出的成品大小不对服务器造成压力，基于html的特性，所有字体都是根据用户操作系统内默认字体而定的，当然近年随着技术的沿革与发展，这个差距也逐步在缩小，目前通过html5的API可以实现个性化字体的使用而不需要将个性化的字体最终输出为图形，在不增加后端压力的同时，大大提升了用户体验，非常赞。

从图形使用上，平面设计比网页设计丰富，表现方式也多样化，特别是对于产品类的网页设计，模块化的设计思路更为明显，在视觉表现上也是如此，平面对于图形的表现是不

地址：中国?上海 徐汇区漕溪路165号12楼 电话：021-61551415 传真：021-60852342 www.tj-px.com 1

用心教育 通向杰出

需要考虑到后期的实现的，在一点上是有目共睹的。在来说一下咱们设计时使用的尺寸单位问题，平面设计在使用尺寸标注时都用的是物理尺寸的概念，比如英寸，厘米，毫米等，而网页使用的像素。

2.呈现方式

3.信息载体

4.浏览方式

地址：中国?上海 徐汇区漕溪路165号12楼 电话：021-61551415 传真：021-60852342 www.tj-px.com 2

用心教育 通向杰出

平面设计的属于渐进式的浏览方式，无法对整个浏览的过程进行多样化串联，网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式，在拥有同样一种信息架构的条件下，信息之间的串联性更为丰富，用户选择信息的自由度更大，但平面设计也自然有其优势所在，比如平时我在设计照片书这类产品的时候，就很明显的发现，这一类的产品在电脑显示器上进行翻阅，不如印刷成为一个真实的书本来翻阅感受要更好一些，并且更具有收藏及纪念意义。

5.信息传播

平面设计属于比较传统的信息媒介设计，一般会通过张贴、销售、邮寄派送等形式进行传播，这样传播的方式范围小且成本较高，相对而言在这方面网页设计的信息传播能力却非常的强，但依赖于第三方媒介的支持，平面设计却拥有更为广泛的受众人群，不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的，毕竟网络信息获取的将会存在一个学习成本，在今后网络信息的不断普及以及终端媒介用户体验的不断提升，在受众人群方面在我看来差距会越来越小。

这两种设计形式拥有着不同的用户体验，我们应该根据不同设计内容，选择正确的设计形式提升用户体验，以上这些只是个人对平面与网页设计的一些粗浅认识，也作为抛砖引玉希望大家能分享出自己对于设计的想法，引用一段平面设计大师陈幼坚的一段话“做创意最重要就是定位清晰，如果定位清楚目标明确，很多创意就会自然创造出来。这就好像你想找一个喜欢的姑娘，就跑到酒吧去张望，这太麻烦了。要先确定你要找什么样的女孩子，到酒吧就指，哦，这个，那个。——多简单！”

转载：http://uedc.163.com/9139.html

地址：中国?上海 徐汇区漕溪路165号12楼 电话：021-61551415 传真：021-60852342 www.tj-px.com 3