網(wǎng)頁設計的四個基本準則

　　許多網(wǎng)頁設計師或者網(wǎng)頁設計愛好者都并非是科班出身，他們沒有接受過系統(tǒng)的設計理論的教育。所以做網(wǎng)頁設計時，往往是憑自己靈感或者參考別人作品，導致設計出來的作品無論在整體還是細節(jié)上都不能達到一些專業(yè)水準的水平。

　　但是，實際上只要掌握本教程所介紹的4基本的設計準則，那么就能顯著提高網(wǎng)頁設計師的設計水平，讓你完成從業(yè)余設計師到專業(yè)設計師的蛻變。

　　事實上，這四個基本準則不僅僅適用于網(wǎng)頁設計領域，在平面設計、視頻設計等領域也被廣泛被運用，因為設計是相通的。這四個基本準則有一個好記的名字“鯉魚(CRAP)”，英文單詞鯉魚是由CRAP四個字母組成的，分別是是四個單詞的首字母縮寫，這四個準則是：

　　Contrast：對比

　　Repetition：重復

　　Alignment：對齊

　　Proximity：相似

　　這四個準則可謂實用又好用，所以本教程是一個系列教程，后續(xù)文章會對四個準則分別進行介紹，本文是概述。

　　1、對齊(Alignment)

　　對齊是設計理論中一個非常重要的準則，但是卻很容易掌握。判斷一個網(wǎng)站的設計是業(yè)余水準還是專業(yè)水準，通過看是否恰當運用對齊準則就知道了。沒有運用對齊準則的網(wǎng)頁，所有東西好像是隨意散落在頁面上似的，結構很松散，沒有較強的目的性。

　　對齊準則：設計網(wǎng)頁時，網(wǎng)頁上任何設計元素都不應該被隨意放置，所有設計元素和頁面上的其他元素要有視覺上的聯(lián)系，這個聯(lián)系手段就是對齊。

　　2、重復(Repetition)

　　專業(yè)的網(wǎng)頁設計會保持一個統(tǒng)一的頁面風格，各個頁面的風格不會互相沖突。保持這種風格統(tǒng)一性的秘訣就在于運用重復準則。

　　重復準則：一些設計元素在整個網(wǎng)頁設計過程中要有一些重復。

　　重復準則也可以幫助訪問者知道網(wǎng)站上面哪些元素在功能上是一樣的，或者哪些元素在內(nèi)容的重要性上是屬于哪個等級的。

　　3、對比(Contrast)

　　很顯然，如果網(wǎng)頁設計的時候，所有的元素都設計得相差不大，那么自然很難找到所需要的內(nèi)容。因為沒有重點和非重點的區(qū)別。要把內(nèi)容區(qū)分出來，就必須用到對比準則。

　　對比準則：網(wǎng)頁上的內(nèi)容應該有一定的對比和區(qū)分度。

　　4、相似(Proximity)

　　一些糟糕的網(wǎng)頁設計例子：

　　你看到一張圖片，卻不知道描述這張圖片的具體文字是那一段。

　　你花了很長時間才知道某一個設計元素和其他設計元素原來是同一類別。

　　這些都是因為設計網(wǎng)頁時，沒有運用到相似準則。

　　相似準則：相關聯(lián)或者類似的項目應該組成一組。