淺談視覺設計的準確性(2)_網頁設計教程
推薦:網頁設計之視覺信息傳達分析進入21世紀,人類社會正經歷著從原子時代向數字時代的轉變,新世紀的天是互聯網的天,互聯網正在全世界進行著越來越深刻的革命。互聯網代表著一種嶄新的信息交
二、視覺結構和層級關系。
頁面表現的層級關系和結構是用視覺的形式表現出來的,比如包含關系及業務的先后順序的表現。讓用戶通過視覺就能夠直接的明白應該先看什么,后看什么,元素時間是什么關系等等。就地取材,讓我們來看下面的兩張圖:
wordpress博客的后臺治理界面,我們可以看到清楚的從屬關系:治理–>文章–>文章內的修改區域。
圖六中,vista系統的界面:三個區域的層級關系一目了然 ,“1”區域要高出“2”區域,“2”區域要比“3”區域的顏色深,這樣整體的從屬關系就很明顯:
當然我只是說明層級關系需要視覺表達,其中有很多的細節因素就不再次贅述了。
三、是什么就是什么,圖形達意盡量明確。
視覺元素在軟件中都代表著一定的含義,什么樣子代表什么都有其特定的視覺暗示,假如不是游戲,我們應該盡量避免和用戶捉迷藏。例如應該用頁簽來表現的從屬關系,我們不應該簡單的做幾個鏈接,這樣會表達不清楚各部分關系。除此類的布局因素之外,圖標的表達是軟件視覺中的一大塊,好的圖形表達可以幫助用戶直觀感受功能,縮短操作時間,提高效率;不過表達不好可就麻煩了,用戶可能要歪著腦袋想半天!
在圖八中,箭頭所指之處為刷新圖標,上面那個刷新圖為原來圖標,下面的刷新圖標是我做個假設。對于一個新手,下面那張圖的刷新圖標和后退圖標顯得太象了,意思區別不是太明確,會造成誤解。就準確性而言,上面那個刷新圖標更讓我輕易接受。我承認我這樣假設有點扣小節,我的本意是為了說明圖形表達準確性。
分享:廣告體驗你注意到了嗎?當我們把所有的注重力都放在了網站的體驗設計,流程設計,交互設計,顏色的交互,語言的交互,等這些針對性比較強和細節性比較突出的網站功能以及網站操作的時
- 相關鏈接:
- 教程說明:
網頁設計教程-淺談視覺設計的準確性(2)
。



