安靜的結構:控制頁面的視覺(3)_網頁設計教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:讓網站似個彬彬有禮的紳士不可否認,web的用途越來越廣。大家在互聯網上看資訊/電影、聊天、找朋友/工作、玩游戲、寫小說/日志、交易/買賣、聽音樂/廣播;ヂ摼W已經不僅僅是一個窗口,
安靜的結構
為了幫助你理解什么是安靜的視覺,什么是吵鬧的視覺。我們來比較以下兩個無內容、純結構的展示圖片。來測試下它們在視覺上的“分貝”。
PK...
我們能夠注重到USA Today的不一致性:粗糙,雜糅,寬度混亂。而CNN卻有顯著的一致性:極簡且清楚的空間結構。
來看下面的圖片。當你第一次瀏覽USA Today的這個頁面時,最先引起你注重的是這個頁面吵鬧的結構:
讓我們再看看CNN的這個頁面。你可以很明顯看出,安靜的結構是如何使內容成為頁面上最顯眼的元素的。
希望大家注重本文強調的各個要點,無論好點還是壞點。也許某一個點不會直接影響內容的清楚展現。但是,它們的結合卻能產生巨大的能量。除了要點,文中列舉的圖例也可以作為借鑒。
雖然某些網站的設計,不會涉及到大的閱讀內容欄目。但文中這些排版方式,可以給你清楚的設計思路。
還有很多設計安靜結構的方法這里沒有涉及到,希望讀者花一些來自己完善。這些有用的技術可以幫助你玩轉頁面結構中的視覺“分貝”。當然,戲法人人會變,巧妙各有不同。要活學活用! (編輯:68design_2)
分享:初步了解信息架構結合一葉千鳥對信息架構的講解,談談自己的看法。我是學信息專業畢業的,考過信息架構師,但是似乎和工作中的了解還是有點區別,就此拿出項目實例和大家分享
相關網頁設計教程:
- 相關鏈接:
- 教程說明:
網頁設計教程-安靜的結構:控制頁面的視覺(3)
。



