|
二、視覺結(jié)構(gòu)和層級(jí)關(guān)系。
頁面表現(xiàn)的層級(jí)關(guān)系和結(jié)構(gòu)是用視覺的形式表現(xiàn)出來的，比如包含關(guān)系及業(yè)務(wù)的先后順序的表現(xiàn)。讓用戶通過視覺就能夠直接的明白應(yīng)該先看什么，后看什么，元素時(shí)間是什么關(guān)系等等。就地取材，讓我們來看下面的兩張圖：
圖五
wordpress博客的后臺(tái)管理界面，我們可以看到清晰的從屬關(guān)系：管理–>文章–>文章內(nèi)的修改區(qū)域。
圖六
圖六中，vista系統(tǒng)的界面：三個(gè)區(qū)域的層級(jí)關(guān)系一目了然 ，“1”區(qū)域要高出“2”區(qū)域，“2”區(qū)域要比“3”區(qū)域的顏色深，這樣整體的從屬關(guān)系就很明顯：
圖七
當(dāng)然我只是說明層級(jí)關(guān)系需要視覺表達(dá)，其中有很多的細(xì)節(jié)因素就不再次贅述了。
三、是什么就是什么，圖形達(dá)意盡量明確。
視覺元素在軟件中都代表著一定的含義，什么樣子代表什么都有其特定的視覺暗示，如果不是游戲，我們應(yīng)該盡量避免和用戶捉迷藏。例如應(yīng)該用頁簽來表現(xiàn)的從屬關(guān)系，我們不應(yīng)該簡單的做幾個(gè)鏈接，這樣會(huì)表達(dá)不清楚各部分關(guān)系。除此類的布局因素之外，圖標(biāo)的表達(dá)是軟件視覺中的一大塊，好的圖形表達(dá)可以幫助用戶直觀感受功能，縮短操作時(shí)間，提高效率；不過表達(dá)不好可就麻煩了，用戶可能要歪著腦袋想半天！
圖八
在圖八中，箭頭所指之處為刷新圖標(biāo)，上面那個(gè)刷新圖為原來圖標(biāo)，下面的刷新圖標(biāo)是我做個(gè)假設(shè)。對(duì)于一個(gè)新手，下面那張圖的刷新圖標(biāo)和后退圖標(biāo)顯得太象了，意思區(qū)別不是太明確，會(huì)造成誤解。就準(zhǔn)確性而言，上面那個(gè)刷新圖標(biāo)更讓我容易接受。我承認(rèn)我這樣假設(shè)有點(diǎn)扣小節(jié)，我的本意是為了說明圖形表達(dá)準(zhǔn)確性。
出處：UCDChina.com
責(zé)任編輯：moby
上一頁 淺談視覺設(shè)計(jì)的準(zhǔn)確性 [1] 下一頁 淺談視覺設(shè)計(jì)的準(zhǔn)確性 [3]
|
第 1 頁 
第 2 頁 淺談視覺設(shè)計(jì)的準(zhǔn)確性 [2]
