讓我們用一個并不太科學(xué)的圖表來說明問題:
圖表上的數(shù)值并不是來自實際測試中的數(shù)據(jù),我只是想說明優(yōu)秀的GUI設(shè)計應(yīng)該出現(xiàn)在曲線的中間部分,視覺上只需要保證足夠而不花哨的細(xì)節(jié)就可以了。
那什么樣的細(xì)節(jié)是恰當(dāng)?shù),什么樣的?xì)節(jié)是會讓用戶分心的呢?
左邊這個按鈕太過寫實,不適合放到界面當(dāng)中,而右邊的只有一個邊框,也很難激起用戶的點擊欲望。
對于這個開關(guān)來說也是一樣,過度的細(xì)節(jié)讓左邊這個按鈕看起來就是一張照片而很難認(rèn)為是界面的一部分。
合理地運用陰影、漸變等細(xì)節(jié),讓用戶既能分辨得出這個元素又能不分心于圖形上的效果能夠幫助我們打造美觀而可識別的界面。
例外情況
當(dāng)然也有一個領(lǐng)域是特別的,那就是程序圖標(biāo),只用來指代你的程序。
Coda的樹葉圖標(biāo)不是指代樹葉,而是用豐富的細(xì)節(jié)、形狀和顏色特征讓用戶一眼就看出這是Coda的葉子。而Acorn這個圖形編輯軟件也正如他的名字所表現(xiàn)的,使用了一個橡果來作為程序圖標(biāo)。在這種場合,我們需要表現(xiàn)的只是一個特定程序而不是廣義的概念,最終目的就是把圖標(biāo)和軟件的品牌、價值直接聯(lián)系起來,讓用戶一看就知道。所以程序圖標(biāo)可供設(shè)計師發(fā)揮的空間就很大了。
結(jié)論
就像開頭所說,圖形用戶界面就是一堆符號,而符號的精髓就是簡潔。讓用戶快速準(zhǔn)確地讀懂符號以及其背后的含義是我們每個GUI設(shè)計師的重要責(zé)任,過多華而不實的寫實性只能在可用性上帶來明顯的問題。
在設(shè)計中增加細(xì)節(jié)的目的不是讓界面和圖標(biāo)看起來像照片那樣真實,而是提高識別性,幫助用戶更好地和各種控件進(jìn)行交互操作。
在此特別感謝 Max Steenbergen 和Cameron Kenley Hunt,第二個Home圖標(biāo)來自Dellustrations的圖標(biāo)集Dellipack
譯文:http://www.jjying.cn/blog2/realism-in-ui-design/
本文鏈接:http://www.95time.cn/design/doc/2010/7397.asp
出處:
責(zé)任編輯:bluehearts
上一頁 GUI設(shè)計中的寫實性 [1] 下一頁
|