推薦：網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析
進(jìn)入21世紀(jì)，人類社會(huì)正經(jīng)歷著從原子時(shí)代向數(shù)字時(shí)代的轉(zhuǎn)變，新世紀(jì)的天是互聯(lián)網(wǎng)的天，互聯(lián)網(wǎng)正在全世界進(jìn)行著越來越深刻的革命�；ヂ�(lián)網(wǎng)代表著一種嶄新的信息交

二、視覺結(jié)構(gòu)和層級關(guān)系。

頁面表現(xiàn)的層級關(guān)系和結(jié)構(gòu)是用視覺的形式表現(xiàn)出來的，比如包含關(guān)系及業(yè)務(wù)的先后順序的表現(xiàn)。讓用戶通過視覺就能夠直接的明白應(yīng)該先看什么，后看什么，元素時(shí)間是什么關(guān)系等等。就地取材，讓我們來看下面的兩張圖：

圖五

wordpress博客的后臺治理界面，我們可以看到清楚的從屬關(guān)系：治理–>文章–>文章內(nèi)的修改區(qū)域。

圖六

圖六中，vista系統(tǒng)的界面：三個(gè)區(qū)域的層級關(guān)系一目了然 ，“1”區(qū)域要高出“2”區(qū)域，“2”區(qū)域要比“3”區(qū)域的顏色深，這樣整體的從屬關(guān)系就很明顯：

圖七

當(dāng)然我只是說明層級關(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è)。對于一個(gè)新手，下面那張圖的刷新圖標(biāo)和后退圖標(biāo)顯得太象了，意思區(qū)別不是太明確，會(huì)造成誤解。就準(zhǔn)確性而言，上面那個(gè)刷新圖標(biāo)更讓我輕易接受。我承認(rèn)我這樣假設(shè)有點(diǎn)扣小節(jié)，我的本意是為了說明圖形表達(dá)準(zhǔn)確性。

分享：廣告體驗(yàn)?zāi)阕⒁獾搅藛幔?/a>
當(dāng)我們把所有的注重力都放在了網(wǎng)站的體驗(yàn)設(shè)計(jì)，流程設(shè)計(jì)，交互設(shè)計(jì)，顏色的交互，語言的交互，等這些針對性比較強(qiáng)和細(xì)節(jié)性比較突出的網(wǎng)站功能以及網(wǎng)站操作的時(shí)