圖3—另一種視覺組織
相同應(yīng)用工具,三種不同視覺組織,三種不同主操作:查找聯(lián)系人信息、管理客戶交流以及維護客戶記錄。每個例子中,影響視覺設(shè)計的因素大體一致:顏色、字體、漸變和圖片。
顯而易見,視覺設(shè)計不僅是美化此工具。它傳達工具的核心功能:它是什么?如何使用?為什么要使用?,而同時有美化了界面。
能讓這個更突出嗎?
很多網(wǎng)站都喜歡把logo做得比較大,客戶和老板常要求視覺設(shè)計師著重強調(diào)頁面上某些元素。這類評論有時可以幫助我們發(fā)現(xiàn)設(shè)計中的最重要元素,但也常引發(fā)視覺設(shè)計的另一常見誤解:改善網(wǎng)站視覺設(shè)計,通過加大、加粗、變紅或同時使用三種方法來實現(xiàn)!
頁面任何元素的相對重要性都是由其周邊元素決定。白色頁面放上紅色圓圈,會吸引很多注意力。但把紅圈放在10個粉色圓圈旁就不會吸引那么多注意力。突出重要元素是整體設(shè)計的一個過程,并不是改變?nèi)魏螁我辉。給予單個元素額外視覺權(quán)重會破壞布局平衡,攪亂相關(guān)元素、主操作等之間的關(guān)系。
要是滿足客戶和老板每個強化某些功能的需求,頁面所有元素都會去搶著吸引用戶注意—結(jié)果就是都得不到注意。圖4和圖5,兩個互聯(lián)網(wǎng)瀏覽器下載頁面。Firefox頁面,下載瀏覽器號召很明顯,頁面其他元素—-Thunderbird、 Mozilla商店和最新內(nèi)容—–沒有干擾。
圖4—Firefox下載頁
圖5,F(xiàn)lock下載頁面強調(diào)了許多不同元素,設(shè)計團隊決定提供四個下載入口——右上角、左側(cè)菜單底部、新聞面板右上角和頁腳。如果頁面上沒強調(diào)那么多其他元素,F(xiàn)lock下載頁面或許可以和Firefox一樣只用一個下載按鈕。
本文鏈接:http://www.95time.cn/design/doc/2009/6688.asp
出處:美味
責(zé)任編輯:bluehearts
上一頁 視覺設(shè)計常見誤解 [1] 下一頁
|