一個好的網(wǎng)站，可以容納很多內(nèi)容信息設(shè)計，當每次我們嘗試向用戶展示一個干凈的，所有的信息組織架構(gòu)都完美化的，都是在努力的為用戶創(chuàng)造良好的使用習慣和一個愉快的體驗。當用戶享有了它的權(quán)力并適合于常規(guī)范圍習慣，不但你會獲得一些新的用戶，也可能會帶來一些他們的朋友。

信息及功能是一磚一瓦砌成的，以下有幾個設(shè)計的原則和大家分享下：

1.?? 空白：內(nèi)容及信息都可讓用戶的眼睛得到一個可呼吸的空間

2.?? 色塊、邊框及圖形：分割成視覺類信息

3.?? 一個直觀的搜索：讓你的用戶直接跳到他們需要的信息

4.?? 網(wǎng)格：清晰的線條和設(shè)計的剛性布局，可使所需的井然有序的設(shè)計事半功倍

5.?? 強大的信息層次結(jié)構(gòu)：建立使用內(nèi)容類型一致的設(shè)計元素

6.?? 視覺層次：不同的內(nèi)容和要素，其中相對重要的可以在許多方面來視覺暗示，如文字處理、圖像的大小和位置及飽和度等。

舉幾個列子：

多邊形

多邊形是愛好游戲者的評論網(wǎng)站

????? 多邊形的文章是長滾動，非傳統(tǒng)的布局，打破了文本的致密體而形成的巨大模塊版式，每一篇文章的內(nèi)容已經(jīng)被故意擺出來，而不是簡單地“平鋪”為了適合所有的模板尺寸而定制。

????? 強大的信息層次結(jié)構(gòu)，戲劇性尋找引用突出的評論的核心點。

????? 可用的搜索，有一個令人印象深刻的實時搜索欄的粘在瀏覽器窗口頂部，使更快速深入具體查詢。

康泰納仕

康泰納仕是許多最著名的雜志的母公司，該網(wǎng)站的時尚基因融合了每一個時尚的元素精華和內(nèi)涵，但其巧妙和謹慎的處理，使得成為一個具有前瞻性和嚴格的設(shè)計網(wǎng)站。

????? 大膽的視覺層次，沖擊著眼球，美麗的內(nèi)容版式區(qū)在都會突出標題來作為分隔塊，使你真的不可能錯過什么信息，它會讓你最快速的瀏覽到今日最重要的新聞。

????? 可定制的篩選功能，本網(wǎng)站明智地避免試圖提供給用戶所有可用的內(nèi)容，在用戶的手中，可自由控制，而不是強制控制用戶來看我只給你看的信息。

今日美國

作為美國最大的報紙之一，版面上如何在有限的空間管理更大量的內(nèi)容。

????? 干凈的，有組織的網(wǎng)格，大方，清晰的線條和本來的設(shè)計的剛性布局，保持這個網(wǎng)站的一個井然有序的感覺，避免了視覺感官的混亂

????? 用戶可調(diào)的布局，為用戶提供了選擇列表，可允許用戶控制呈現(xiàn)內(nèi)容及版式，使用戶能夠有效地選擇自己喜歡的方式瀏覽內(nèi)容

波士頓環(huán)球報

????? 空白，作為新聞報紙網(wǎng)站，迄今為止最重要的內(nèi)容是文本，故空白可確保用戶有一個愉快的閱讀環(huán)境

????? 視覺層次，圖像比文章更吸引人，視覺上更加豐富，因此圖文交互混排比起沒有圖像的文章更容易抓人眼球

????? 極簡主義，整體的視覺是干凈的，結(jié)構(gòu)化，簡約的，以突出內(nèi)容為首

????? 首推新聞的隱藏，在導航的每一類新聞里大頭條被巧妙地隱藏在大菜單，并呈現(xiàn)出浮層樣式，突出以交互形式來呈現(xiàn)，有序而不亂

因此，要記住以上原則是值得的

其實當我們更多的優(yōu)先考慮，當一切都很重要，我們應(yīng)該明確哪些內(nèi)容是要展示在用戶所需之前，什么可以隱藏。但可隱藏的信息在需要的時候又能很容易地找到。

一貫的設(shè)計，讓所有的元素，在排版和間距之間，使整個網(wǎng)站呈現(xiàn)整體一致時，不僅是為用戶著想，更減少未來的維護問題。

來源：http://mdc.sohu.com/?p=1798