|
GUI設(shè)計(jì)中的寫實(shí)性
原文：Realism in UI Design
翻看一下近些年來用戶界面的視覺設(shè)計(jì)你一定會(huì)發(fā)現(xiàn)“寫實(shí)風(fēng)格”正逐步變成主流。我們所使用的電腦越來越強(qiáng)勁，速度越來越快，設(shè)計(jì)師們也有了更多的發(fā)揮空間。為了增加細(xì)節(jié)，我們已經(jīng)可以使用3D效果、陰影、透明甚至一些物理特性來修飾界面。這其中有些效果能顯著改善可用性，比如陰影能夠更好地幫助用戶區(qū)別激活與非激活狀態(tài)的窗口、iPhone系統(tǒng)中的豐富但有效的動(dòng)畫效果也能極大減少用戶的學(xué)習(xí)成本。
但在其他方面，這些新技術(shù)對(duì)可用性卻未必作出了多少貢獻(xiàn)。圖形用戶界面基本上就是一堆符號(hào)，大部分按鈕、圖標(biāo)以及其他控件只是指代了某些概念或某個(gè)想法，比如齒輪圖標(biāo)并不意味著一個(gè)齒輪，他只是告訴你點(diǎn)擊之后可以進(jìn)行軟件的設(shè)置。越多的細(xì)節(jié)和越高的寫實(shí)性會(huì)讓用戶的關(guān)注焦點(diǎn)脫離這些概念。
在此推薦大家讀一下Scott McCloud的 《Understanding Comics》，和GUI無關(guān)，但是每個(gè)設(shè)計(jì)師讀過之后肯定都有受益 :D
最左邊的圖顯然是個(gè)特定的男士，而右邊那個(gè)笑臉形象幾乎能指代任何一個(gè)人。從這個(gè)例子看得出來，如果為了表達(dá)一個(gè)概念而使用隱喻，那視覺上的細(xì)節(jié)就必須減少。而事實(shí)上實(shí)際場(chǎng)合中我們所使用的界面控件一般不會(huì)去指代一個(gè)特定的東西。
當(dāng)然，細(xì)節(jié)也不能太少，保證必要的識(shí)別性肯定是前提，至少要讓用戶看得出這是什么東西：
左邊這個(gè)是人臉，右邊這個(gè)你就很難分清楚是蛋還是球了。
接下來我們?cè)賮砜纯措娔X上的實(shí)際例子，一個(gè)代表“主頁(yè)”的圖標(biāo)：
從左到右，我們看到從一間特定的房子到廣義上的Home概念的變化，細(xì)節(jié)越多，越難搞清楚其指代的概念
同樣的，細(xì)節(jié)也不能過少，去掉窗子和煙囪之后這個(gè)Home圖標(biāo)就變得像一個(gè) ⇧按鍵了。
出處：
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) GUI設(shè)計(jì)中的寫實(shí)性 [2]
|
第 1 頁(yè) GUI設(shè)計(jì)中的寫實(shí)性 [1]
第 2 頁(yè) 
