网页设计的四个基本准则

　　许多网页设计师或者网页设计爱好者都并非是科班出身，他们没有接受过系统的设计理论的教育。所以做网页设计时，往往是凭自己灵感或者参考别人作品，导致设计出来的作品无论在整体还是细节上都不能达到一些专业水准的水平。

　　但是，实际上只要掌握本教程所介绍的4基本的设计准则，那么就能显着提高网页设计师的设计水平，让你完成从业余设计师到专业设计师的蜕变。

　　事实上，这四个基本准则不仅仅适用于网页设计领域，在平面设计、视频设计等领域也被广泛被运用，因为设计是相通的。这四个基本准则有一个好记的名字“鲤鱼(CRAP)”，英文单词鲤鱼是由CRAP四个字母组成的，分别是是四个单词的首字母缩写，这四个准则是：

　　Contrast：对比

　　Repetition：重复

　　Alignment：对齐

　　Proximity：相似

　　这四个准则可谓实用又好用，所以本教程是一个系列教程，后续文章会对四个准则分别进行介绍，本文是概述。

　　1、对齐(Alignment)

　　对齐是设计理论中一个非常重要的准则，但是却很容易掌握。判断一个网站的设计是业余水准还是专业水准，通过看是否恰当运用对齐准则就知道了。没有运用对齐准则的网页，所有东西好像是随意散落在页面上似的，结构很松散，没有较强的目的性。

　　对齐准则：设计网页时，网页上任何设计元素都不应该被随意放置，所有设计元素和页面上的其他元素要有视觉上的联系，这个联系手段就是对齐。

　　2、重复(Repetition)

　　专业的网页设计会保持一个统一的页面风格，各个页面的风格不会互相冲突。保持这种风格统一性的秘诀就在于运用重复准则。

　　重复准则：一些设计元素在整个网页设计过程中要有一些重复。

　　重复准则也可以帮助访问者知道网站上面哪些元素在功能上是一样的，或者哪些元素在内容的重要性上是属于哪个等级的。

　　3、对比(Contrast)

　　很显然，如果网页设计的时候，所有的元素都设计得相差不大，那么自然很难找到所需要的内容。因为没有重点和非重点的区别。要把内容区分出来，就必须用到对比准则。

　　对比准则：网页上的内容应该有一定的对比和区分度。

　　4、相似(Proximity)

　　一些糟糕的网页设计例子：

　　你看到一张图片，却不知道描述这张图片的具体文字是那一段。

　　你花了很长时间才知道某一个设计元素和其他设计元素原来是同一类别。

　　这些都是因为设计网页时，没有运用到相似准则。

　　相似准则：相关联或者类似的项目应该组成一组。