設計良好網頁的4項原則(2)

2.重復原則

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

Ten24 Media

Ten24 Media 在頭部和腳部都使用了很有創意的插畫。

Silverback

這個網站絕對是超贊的！我絕對可以在前面“反差原則”部分就可以把它作為一個好例子亮出來的，可它在“重復原則”部分也是一個好例子，因為它的界面風格和品牌部分都很明顯地應用了這個原則。仔細看它用香蕉來當做列表前面的圖標，還有頭部、腳部的森林插畫。

3.排列原則

你的網站外觀設計得很業余還是很專業，排列原則在其中扮演了一個很復雜的角色。最近我很主張在設計網頁時使用格欄。這么做可以讓你的設計很干凈，也可以提供一個很好的設計框架。如果你有興趣想學習更多關于格欄設計的知識，去看看我最近的文章吧（在這王婆賣瓜，自賣自夸一下），Design A Fresh Blog Theme On The 960 Grid.

Black Estate Vineyard

這個網站在960 Grid website上有展示。它的版面排列很連貫也很引人注目。我很欣賞它將主要內容整齊地排在左邊的做法，盡管有些大級別的頭部破壞了這個規則并排到了左側邊欄里面。對留空的大量使用和字體反差大小的使用都非常不錯。

A List Apart

A List Apart 中使用的可視格欄非常有特色。里面的欄目設計良好，把所有包含內容都變得易于閱讀。研究表明過寬的欄目會造成嚴重的閱讀困難。在跟隨那么寬的欄目中的文字時，你的眼睛會變得很累。 A List Apart

4.分類原則

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

Envato

這個網站漂亮地將內容規整地組織到三個主要分類下，這些內容的定義既清晰又規整。

Paradigm Reborn

這個網站結構良好。頭部既整潔又簡單明了。空白留的很好，內容分開放得很有邏輯。

最終思想

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

到你了

加入到討論中吧。你對這些設計原則有什么看法？能否分享別的一些東西？

譯文原文：http://www.yeeyan.com/articles/view/75357/38221