|
還是音樂(lè)播放器，這次不同的是線性的狀態(tài)表示。音量的大小并不只是“開、關(guān)”兩個(gè)狀態(tài)那么簡(jiǎn)單，而是由小到大線性變化的。上面那個(gè)UI通過(guò)左右兩個(gè)喇叭的形狀很好的表達(dá)了音量大小的兩端，中間的圓鈕既是動(dòng)作的操縱桿又是音量大小的刻度標(biāo)識(shí)。因?yàn)樗妥髠?cè)很好的連接在一起形成水槽效果，填滿部分的長(zhǎng)短再一次反映了音量的大小，非常巧妙。而下面那個(gè)UI只在左側(cè)放了音量大小標(biāo)識(shí)，雖然不同因量大小時(shí)左側(cè)圖標(biāo)也會(huì)相應(yīng)改變，但相比之下初次使用會(huì)難理解很多。
「圖9」
上面是某帳戶管理的UI，將狀態(tài)和操作（動(dòng)作）明顯的分兩列標(biāo)識(shí)，雖然顯得有些啰唆，但也清楚的表達(dá)出了應(yīng)有的含義。
最后我們來(lái)看一個(gè)手機(jī)界面的應(yīng)用。
「圖10」
仿照物理?yè)軇?dòng)開關(guān)的質(zhì)感與色彩表達(dá)，很好的”動(dòng)作“與”狀態(tài)“結(jié)合的例子。這樣的設(shè)計(jì)你還會(huì)犯錯(cuò)么？
五、小結(jié)
前面作了很多應(yīng)用的舉例，那么到底怎樣才能做好”動(dòng)作“與”狀態(tài)“結(jié)合的設(shè)計(jì)呢？
-
分離狀態(tài)與動(dòng)作的表示（如圖9）。最直接，產(chǎn)生歧義的可能最小，但可能會(huì)占用大量空間，以及造成信息冗余。
-
忽略狀態(tài)，突出動(dòng)作（如圖6）。當(dāng)狀態(tài)無(wú)需標(biāo)識(shí)也能直觀識(shí)別時(shí)適用。
-
忽略動(dòng)作，突出狀態(tài)（如圖7）。當(dāng)動(dòng)作操作已經(jīng)被劃分指定區(qū)域，可以預(yù)期其可操作性時(shí)適用。
-
具象與仿生（如圖10）。當(dāng)與現(xiàn)實(shí)物品建立感官聯(lián)系時(shí)，人們的學(xué)習(xí)成本會(huì)大大降低。此類運(yùn)用不好定義其適用范圍，留給大家探討吧。
本文鏈接：http://www.95time.cn/design/doc/2010/8090.asp 
出處：
責(zé)任編輯：bluehearts
上一頁(yè) 界面設(shè)計(jì)中"狀態(tài)"和"動(dòng)作"的表達(dá) [3] 下一頁(yè)
|
第 1 頁(yè) 
第 4 頁(yè) 界面設(shè)計(jì)中"狀態(tài)"和"動(dòng)作"的表達(dá) [4]
