關(guān)于某個電門來說也是一樣,適度的底細讓右邊某個旋鈕看上去就是一張照片而很難以為是界面的一全體。
正在此引薦自己讀一下Scott McCloud的 《Understanding Comics》,和GUI有關(guān),然而每個設(shè)想師讀過以后確定都有受害 :D
但正在其余范圍,該署新技能對于可用性卻一定編成了多少奉獻。而Acorn某個圖形編者硬件也正如他的名字所體現(xiàn)的,運用了一度橡果來作為順序圖標。正在這種場所,咱們需求體現(xiàn)的但是一度一定順序而沒有是狹義的概念,最終手段就是把圖標和硬件的品牌、價格間接聯(lián)絡(luò)興起,讓用戶一看就曉得。
翻看一下近些年來用戶界面的聽覺設(shè)想你定然會發(fā)覺“寫真格調(diào)”正逐漸成為支流。
千萬也有一度畛域是尤其的,那就是順序圖標,只用于指代你的順序。原文:http://ignorethecode.net/blog/2010/01/21/realism_in_ui_design/(義務(wù)編者:帝位庫)
正在此尤其感激Max Steenbergen和Cameron Kenley Hunt,第二個Home圖標來自Dellustrations的圖標集Dellipack。
那怎么辦的底細是適當?shù)?,怎么辦的底細是會讓用戶專心的呢?
圖表上的數(shù)值并沒有是來自實踐測試中的數(shù)據(jù),我但是想注明優(yōu)良的GUI設(shè)想該當涌現(xiàn)正在直線的兩頭全體,聽覺上只要要保障剩余而沒有花哨的底細就能夠了。
。圖形用戶界面根本上就是一堆記號,大全體旋鈕、圖標以及其余控件但是指代了某些概念或者這個主意, 比方牙輪圖標并沒有象征著一度牙輪,他但是通知你點擊以后能夠停止硬件的安裝。而現(xiàn)實上實踐場所中咱們所運用的界面控件正常沒有會去指代一度一定的貨色。越多的底細和越高的寫真性會讓用戶的關(guān)心焦點脫離該署概念。
從左到右,咱們看到從一間一定的房屋到狹義上的Home概念的變遷,底細越多,越難搞分明其指代的概念。
讓咱們用一度并沒有太迷信的圖表來注明成績:
異樣的,底細也沒有能過少,去掉窗子和煙囪以后某個Home圖標就變得像一度 ?按鍵了。為了增多底細,咱們曾經(jīng)能夠運用3D成效、暗影、通明以至一些情理特點來潤飾界面。從某個事例看得進去,假如為了抒發(fā)一度概念而運用暗喻,那聽覺上的底細就必需縮小。
正在設(shè)想中增多底細的手段沒有是讓界面和圖標看上去像照片這樣實正在,而是進步辨認性,協(xié)助用戶更好地和各族控件停止交互操作
就像掃尾所說,圖形用戶界面就是一堆記號,而記號的精華就是簡明。
右邊某個旋鈕太過寫真,沒有適宜放到界面當中,而左邊的只要一度邊框,也很難激發(fā)用戶的點擊愿望。因為順序圖標可供設(shè)想師施展的時間就很大了。
例外狀況
正當?shù)厥褂冒涤?、突變等底細,讓用戶既能區(qū)分得出某個元素又能沒有專心于圖形上的成效可以協(xié)助咱們制造美妙而可辨認的界面。咱們所運用的計算機越來越微弱,進度越來越快,設(shè)想師們也有了更多的發(fā) 揮時間。
論斷
Coda的樹葉圖標沒有是指代樹葉,而是用豐盛的底細、外形和色彩特色讓用戶一眼就看出這是Coda的紙牌。
接上去咱們再來看看計算機上的實踐事例,一度專人“網(wǎng)頁”的圖標:
右邊某個是人臉,左邊某個你就很難分分明是蛋還是球了。這內(nèi)中有些成效能明顯好轉(zhuǎn)可用性,比方暗影可以更好地協(xié)助用戶 差別激活與非激活形態(tài)的窗口、iPhone零碎中的豐盛但無效的動畫片成效也能極大縮小用戶的進修利潤。
千萬,底細也沒有能太少,保障多余的辨認性確定是大前提,至多要讓用戶看得出這是什么貨色:
最右邊的圖明顯是個一定的男士,而左邊那個笑容抽象簡直能指代任何一集體。讓用戶快捷精確地讀懂記號以及其面前的含意是咱們每個GUI設(shè)想師的主要義務(wù),過多樸實無華的寫真性只能正在可用性上帶來顯然的成績。