网页设计与平面设计有什么差异

第一：网页设计受平面设计及界面设计的影响

  很难说网页设计是从平面设计或者界面设计之中派生出来的。在最早的年代，网页设计应该是由浏览器开发公司来做的，也就是网景。至于现在发展成如此蓬勃的一个领域，有望超过传统的平面设计和界面设计，中间的过程中我的脑海中是一团混沌。但无疑，现代的网页设计是受了很多平面设计以及界面设计的影响。其中我认为平面设计的影响尤甚。

  前面有提到用户在网页上一个重要需求是浏览信息，而网页设计的一个职能便是有效地、准确地传达信息，并且同时保证美感。而这正是平面设计的一个重要职能。举个最普遍的例子，大家通常谈到的网页设计中的排版和布局(layout)，实际上正是来源于广泛应用在平面设计中的格式塔心理学理论的完形法则：

相近(Proximity)。 距离相近的各部分趋于组成整体。

相似(Similarity)。 在某一方面相似的各部分趋于组成整体。

封闭(Closure)。 彼此相属、构成封闭实体的各部分趋于组成整体。

简单(Simplicity)。 具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。

  而色彩理论、构图理论等等，很多也是直接基于平面设计发展多年积累下来的经验结果的。甚至现在很多设计师直接把平面设计中独特的风格引入到网页设计里。

第二：网页设计和平面设计的视觉元素不同。

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

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

第三：网页设计和平面设计的呈现方式不同。

展现形式：平面设计为纯静态；网页设计：拥有诸多动态因素，在视觉感受上较为活泼，能引导用户的操作行为，增加互动性。

视觉焦点：平面设计完整性较强，用户感受相对只管；网页设计受制于显示屏，会尽可能把重要信息展示在第一屏以内，完整性相对于平面设计弱一些。

第四：浏览方式不同

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

第五：信息载体不同。

  平面设计的载体媒介是纸质、布料等，真实感强。画面尺寸就直接反映了信息量的大小，同时无法进行二次更新，不能及时获取用户反馈信息。网页设计的载体是显示器，因为电脑等终端媒介的特殊性，依赖于HTM，信息量在同页面中可以大到无限。并且更新比较简单，即使有错误信息也能够及时的更正发布，对用户的信息的采集比较快捷。