2014-4-29 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://tweetduck.com/blog/?post=1838
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
互聯(lián)網(wǎng)信息時代，很多內(nèi)容為主的網(wǎng)站都信息過載，這導(dǎo)致了載入速度過慢。電商網(wǎng)站如此，新聞類網(wǎng)站也是如此，而一些UI設(shè)計師作品集網(wǎng)站或者設(shè)計機構(gòu)的網(wǎng)站設(shè)計也是如此，老實說，作為設(shè)計師，應(yīng)該避免信息過載現(xiàn)象的出現(xiàn)。而一旦你掌握這些技巧，那么你離高薪酬的資深界面設(shè)計師也就不遠(yuǎn)咯。今天藍(lán)藍(lán)設(shè)計的的這篇文章，涵蓋了一堆信息量大，但是卻不雜亂的網(wǎng)頁設(shè)計，具備愉悅的即視感。不吹牛，您可以挨個點看感受一下：）
Butterfly
信息密集的作品集網(wǎng)站，設(shè)計師很有技巧的利用色彩和扁平的圖像來中和”繁雜的信息”
Health
著名的在線雜志，信息結(jié)構(gòu)層次分明，背景干干凈凈。
My Own Corks
干凈優(yōu)雅，扁平化的區(qū)塊帶來了額外的呼吸空間。
Karl Anders
結(jié)構(gòu)堅實有力，標(biāo)準(zhǔn)的平鋪式格局。黑白配色，去除了繁雜感。
Tomorrow Counts
大量的文本和信息，因此他們仔細(xì)的調(diào)整了布局，以便達(dá)到更好的可讀性。柔軟的綠色，活力的橙色，這兩種顏色作為點綴，點亮了整個頁面。
REI 1440
從來沒見過吧，概念化、、效果令人振奮。
通過鍵盤便可以實現(xiàn)縮略圖的滾動。
The Camry Effect
很好的將功能不同的區(qū)塊和數(shù)據(jù)良好的結(jié)合到了一起，網(wǎng)站也提供了過濾功能，讓用戶自行定制顯示內(nèi)容。
Phillips Internet Consulting
標(biāo)準(zhǔn)的圖像滑動，屏幕只有一半用來顯示圖像，這給導(dǎo)航元素留下了大量的空間。不過，深邃的背景和較大的字體有點讓人感覺雜亂。
Accuel AZKS
簡明、直觀、，讓用戶快速了解設(shè)計師作品，深色效果，每個作品的風(fēng)格不一，彼此襯托。欄式布局有效的防止了視覺混淆。
Etch
整個網(wǎng)站，黑色支配，但是Lomo風(fēng)的圖像賦予整個頁面一種活力。內(nèi)容之間留下了充足的空間，讓頁面變得很有序。
Vogue
信息量大，內(nèi)容非常的流行。沒有沿襲雜志等紙媒傳統(tǒng)，完美無瑕的展示各個照片，通過白色背景作為間隔。三欄式布局。
The New York Times
深思熟慮的設(shè)計，如何在內(nèi)容量大的前提下保證信息組織的效率？類似報紙的風(fēng)格。盡管這個頁面的第一印象是繁雜，但是仔細(xì)觀察，你會發(fā)現(xiàn)頁面的分割、組織其實非常有效率，易于消化。
How Cool
又一個流行時尚類網(wǎng)站，主要通過圖片的視覺表現(xiàn)來吸引用戶注意。主頁面看起來非常協(xié)調(diào)整齊，因為對留白區(qū)域的合理運用。
Mamo
很用心的布局，僅僅包含了Logo、標(biāo)題以及圖像。讓整個頁面很干爽。
大體上來說，網(wǎng)格式布局可以幫助信息量大的網(wǎng)站有效組織布局，合理設(shè)置信息層級，達(dá)到一致性的視覺效果。
你是如何通過布局來防止信息過載的？有什么訣竅嗎？求分享！
藍(lán)藍(lán)設(shè)計的小編 http://tweetduck.com