我最喜歡的設計書籍之一就是《Robin Williams Design Workshop》。它深入實際的設計理論，并且包含許多極棒的設計實例。其中一個值得關注的地方就是4項主要的設計原則，它們已經在設計中為我所用。這4項原則就是：反差， 重復， 排列， 和分類。

本文將討論這4項與web設計相關的原則。只要在腦海中牢牢記住了這4項原則，你就一定可以設計出更加整潔漂亮的網頁。

1.反差效果

好的反差效果設計可以給用戶一個極好的第一印象。如果用戶的眼睛沒有焦點，注意力就會在處處是相同尺寸的元素和排版界面中迷失。設計師需要設計出很明顯的突出視覺元素來引導用戶的體驗。你可以通過選擇圖片、顏色和字體等來形成良好的反差效果。

圖片反差

當需要在很多小元素后面展示一個大尺寸的插圖時，這種方法很有效。這個網頁利用一張大圖片來吸引用戶的注意。而同時網頁很自然的單色又讓很少的藍色應用有了更好的效果。

當你眼睛看到這個頁面的時候，首先你會注意到什么？最有可能的就是盒子上面的那個星星了。跟 The Invoice Machine 一樣，它們都是通過用一張大圖片和很少的顏色來制造一個視覺焦點。

顏色反差

恰到好處地使用少量顏色，是網頁中另一種制造視覺反差的有效方法。可以在網頁的頭部和文本拷貝中使用不同的顏色，也可以在一張圖片或插圖的顏色里面應用。

2.重復原則

跟web設計相比，重復原則在書本設計中應用得更加普遍，不過它在兩者之間都是一樣有效的。重復的設計元素可以使頁面顯得很連貫，還能提升品牌。在web設計中，可以很好地達到這個目的的一個方式是在網頁的頭部和腳部重復放元素。

3.排列原則

你的網站外觀設計得很業余還是很專業，排列原則在其中扮演了一個很復雜的角色。最近我很主張在設計網頁時使用格欄。這么做可以讓你的設計很干凈，也可以提供一個很好的設計框架。

4.分類原則

最后一個原則是分類。只有在將相關元素分組，將無關元素分開的時候才會用到這個原則。假如你將所有東西都分到同一塊文本塊中，絕對會摧毀用戶的體驗。這就是為什么使用頭部標簽和適當的留空是那么的重要。

當你腦中時刻惦記著這4個基本原則時，你會發現你的設計有了不可思議的改進。當然肯定還有許許多多別的東西也需要考慮，但是以反差、重復、排列和分類作為基礎你的設計會取得長足進步。