網(wǎng)頁(yè)設(shè)計(jì)的四個(gè)基本準(zhǔn)則

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

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

　　事實(shí)上，這四個(gè)基本準(zhǔn)則不僅僅適用于網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域，在平面設(shè)計(jì)、視頻設(shè)計(jì)等領(lǐng)域也被廣泛被運(yùn)用，因?yàn)樵O(shè)計(jì)是相通的。這四個(gè)基本準(zhǔn)則有一個(gè)好記的名字“鯉魚(CRAP)”，英文單詞鯉魚是由CRAP四個(gè)字母組成的，分別是是四個(gè)單詞的首字母縮寫，這四個(gè)準(zhǔn)則是：

　　Contrast：對(duì)比

　　Repetition：重復(fù)

　　Alignment：對(duì)齊

　　Proximity：相似

　　這四個(gè)準(zhǔn)則可謂實(shí)用又好用，所以本教程是一個(gè)系列教程，后續(xù)文章會(huì)對(duì)四個(gè)準(zhǔn)則分別進(jìn)行介紹，本文是概述。

　　1、對(duì)齊(Alignment)

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

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

　　2、重復(fù)(Repetition)

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

　　重復(fù)準(zhǔn)則：一些設(shè)計(jì)元素在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中要有一些重復(fù)。

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

　　3、對(duì)比(Contrast)

　　很顯然，如果網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，所有的元素都設(shè)計(jì)得相差不大，那么自然很難找到所需要的內(nèi)容。因?yàn)闆]有重點(diǎn)和非重點(diǎn)的區(qū)別。要把內(nèi)容區(qū)分出來(lái)，就必須用到對(duì)比準(zhǔn)則。

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

　　4、相似(Proximity)

　　一些糟糕的網(wǎng)頁(yè)設(shè)計(jì)例子：

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

　　你花了很長(zhǎng)時(shí)間才知道某一個(gè)設(shè)計(jì)元素和其他設(shè)計(jì)元素原來(lái)是同一類別。

　　這些都是因?yàn)樵O(shè)計(jì)網(wǎng)頁(yè)時(shí)，沒有運(yùn)用到相似準(zhǔn)則。

　　相似準(zhǔn)則：相關(guān)聯(lián)或者類似的項(xiàng)目應(yīng)該組成一組。