浅谈网页设计的形式美法则

不知为什么会突然想起写这方面的内容，作为一个前端开发人员，设计能力不是主要的，但是我觉得艺术或者关于美学方面的知识，了解多些对提升自我是大有裨益的。它不仅仅对前端开发的用户体验方面有较大的帮助，也会提高个人的审美眼光和品味。世间万物基本都有着千丝万缕的联系，设计也一样，它对个人的提升不仅仅限于设计上那么简单。

这里我仅仅谈一些我个人对设计的看法和以前平面设计理论总结。主要分析一下“形式美”法则。网页设计上常用的形式美法则主要是：统一与变化，主从和重点，对秤与均衡。

1，统一与变化：就是说，设计的网页在颜色等主题上统一，在统一基础上最求变化。看下面的例子：http://scoot.co.jp/

这是个日本网站，色彩以白色为主，你也许会说很多网站都是白色背景的，没错，白色是最常用的色彩也是最简约的，当白色为背景色的时候，主色调不一定就是白色，要由视觉决定的。白色为主，辅以黑色和灰色，就是这个网站的主色调，也就是统一色调。变化的地方就是绿色和红色，这两种色虽然占的面积很少，却避免了画面的呆板。

2，主从和重点：在设计中，主从关系非常密切，没有重点，则显得平淡；都是重点，也就无重点可言了。视觉中心设置的好坏可直接影响到设计的艺术感染力。一般来说，一个造型，一幅图画或一个镜头，视觉中心往往不止一个，但必须有主次之分。主要的视觉中心必须最突出，最有吸引力，而且只能有一个，其余为辅助的次要的。

还是以上图为例，第一眼的视觉中心就是左上图片，当点击图片的时候，右边的内容就是新的重点，很符合视觉心理学。

3，对称与均衡：上图的例子的元素看起来虽然看起来有些无章法，但是看起来并不觉得乱，这是因为视觉上比较对称均衡，右下角的那个红色的LOGO元素，它就是起到平衡视觉的作用，面积虽然小，但是红色在视觉心理上是重色彩，左上角的元素色调普遍比较轻，所有能起到对称平衡的作用。

基本上，大多优秀的网页设计作品，都能看到以上三点法则的运用。在生活上，很多美学的设计也应用到这些原理。例如摄影，如果上面三点运用得当，拍出优秀的作品是没问题的。