网页设计(web design)和用户界面设计(UI design)

计和界面设计，中间的过程中我的脑海中是一团混沌。但无疑，现代的网页设计是受了很多平面设计以及界面设计的影响。其中我认为平面设计的影响尤甚。

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

1. 相近（Proximity）。距离相近的各部分趋于组成整体。

2. 相似（Similarity）。在某一方面相似的各部分趋于组成整体。

3. 封闭（Closure）。彼此相属、构成封闭实体的各部分趋于组成整体。

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

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

而网页设计和平面设计最大的不同，也就是在“操作数据”上。事实上，网页设计的发展也一直受软件界面设计的影响，先前已经提到网页中的交互越来越“软件化”。而交互的发展必然会影响到网页设计中的“视觉”部分。事实上这两部分谁先影响谁很难说清楚，是一个鸡生蛋，蛋生鸡的问题。另外一个网页设计有别于平面设计和用户界面设计的地方，我认为是css, html, js三者身上。前端代码的发展对网页设计的影响非常大，甚至有段时间会主导网页设计的发展潮流，比如用jQuery轻松实现的one page style（本站首页就是如此）。而在平面设计领域，没有代码环节；在用户界面设计

领域，GUI Builder的革新速度远远慢于前端代码。事实上，有点脱胎于平面设计和用户界面设计的网页设计，已经开始反向影响它的祖先了。

从美学上对比网页设计和用户界面设计的发展

在这个维度上来比较的话，影响网页设计的美学风格非常之多：国际主义（Swiss style），复古风格（Retro style），极简设计（Minimalist design），包豪斯主义（Bauhaus），垃圾风

格（Grunge style），自然模拟风格（Organic style）等等等等。而用户界面设计的美学风格通常是在质感的摸索上，比如Windows Vista风格，苹果风格等等，比较受局限。这也是因为网页设计的美学风格通常从平面设计那派生而来（当然也有自己独特的比如Grunge style, Organic style等），而用户界面设计则很难从平面设计那里取经。

花了这么长篇幅来说自己对网页设计和用户界面设计的看法，其实更多地都是个人实践和思考的

结果。在工作中这些称呼实际上无关痛痒，只是网页设计和用户界面设计这两者在本质上有着许多不同，而且在具体实践中感受也不一样。不过今后有可能这两个概念会最终变成一个，按现在的互联网发展速度，桌面软件以后会逐渐迁移到云端，到那时也许只有一个设计称谓了。

源地址：/bl……C2%BB+blog%29

人人都是产品经理（）中国最大最活跃的产品经理学习、交流、分享平台