网页设计中的金科玉律，违反了必定会丑的规则

从字体设计、制图到页面版式，设计总有那么几条通用的原则，它适用于网页或者印刷。然而，在网页设计这边，很多本应该有的规则都被搞乱了，就只是跟着感觉走。这并不是说设计师在规则方面有松懈，而是大多数网络工作者都不知道要遵守这些规则——就算他们知道，也不知道怎么去用。

结合网页讲，就是以下几条：

平 衡

平衡感挺难拿捏的。网页上呈现出的平衡有两种——对称和不对称。我们都很习惯了看对称的图片，就像我们小时候剪纸花，都会两边一起剪，这样打开就是对称化的。这种对称的平衡很好识别（反正都镜面反射一下），而在不对称构图里面做到平衡才难。

对称平衡

苹果是现代网页中实现对称平衡的典范。如图二，每个元素都是在中轴线两侧排布，创造出了一个视觉上的和谐情景。

比 例

对于网页元素来说，并不是看得清楚就好，或者文本多长就弄多大，它的排布跟网页的平衡视觉上强调谁有很大关系。

而到底如何去权衡这些元素的大小，跟每个元素本身的性质有很大关系，举个例子：你在浏览两栏式的网页的时候，一般会发现右边的框要比左边的框大，也放了一些关键的信息在里面。这是由人的视觉习惯决定——哪怕是文本框放在左侧，目录这些元数据放在右侧，也会不自觉的看向右边。所以说，元数据在右边占地方是不太科学的。有些人喜欢每栏一样宽度的栅格布局，就像图一那样；另外的人可能喜欢黄金分割率，也就是右边的框是左边框的1.62倍。

在这个页面上，各元素的比例控制得很好。不仅是视觉上的层次很好，意义上的层次也很好。从产品的logo开始，然后引导用户的行为，再到文字比较密集的相关介绍，排布都很合理。图文混排的区域，标题的权重和正文隔开，还有和左侧icon的关系都很注意。浏览这个页面的时候也会觉得整体非常协调。

节奏

网页上的节奏感非常重要，甚至比数据更重要。尤其那些数据量大，页面长的网页。比如这个叫Digg的网站，页面上出现了双目录，但也是遵循了节奏感方面的一些原则。

如果所有的元素在网页上的权重都一样，那节奏也是太一致了，这样读者不会感到乏味吗（想想那些口水歌）看一下就不想再看下去了，何谈看到你想让他们看到的东西呢？

而如果页面上面变化太多，又会显得很乱。这就违反了同一性的原理（下面会讲）。最重要的是要在网页的某些部分保留一致性。

每个部分的节奏感是根据各个不同的需要决定的，就像Digg，但整体也需要通过颜色或形状呈现一致性。

强调

在设计中，再没有比圆形更有魅力的图案了，尤其是在充斥着四边形的网页设计领域。一个圆圈并不需要借助亮眼的颜色或留白，仅仅靠它的形状特点就能轻松引起用户的注意。这就是为什么你的眼睛总能被那些最近流行的标志所吸引，不过“圆形”最大的魅力其实还是发挥在Logo上。

整体感

整体感是一个见仁见智的概念，一种“合而为一”的感受。没有什么元素是实在无法符合设计氛围和感觉的。

你可能还不是大牛，但我希望你在这些例子中能吸收到一定的设计经验。这些经验既能助你做出最渴望达到的视觉效果，也能使用户的眼球遵循你的意图到达指定页面。没有这些元素，即使你的设计“看上去”也不赖，你也无法再有所突破。