四、軟件以及網(wǎng)站中的例子
軟件或網(wǎng)站界面顯然不具備可觸摸的特點(diǎn),不過我們的設(shè)計(jì)師也盡量會(huì)模擬出類似現(xiàn)實(shí)中物品的可以操作的形狀和質(zhì)感。
「圖5」
播放器常用的UI。點(diǎn)擊中間的“播放”與“暫!辨I即可切換操作?梢钥闯,這里忽略了狀態(tài)的表現(xiàn),我無法直觀的看到現(xiàn)在是播放還是暫停的狀態(tài)。原因很簡單,就像開關(guān)電燈一樣,影片的打開與關(guān)閉是可以直接感知到的,不需要專門的狀態(tài)提示。
「圖6」
再來看列表的視圖切換。圖上箭頭所示“切換到大圖”功能也是此類應(yīng)用,忽略了狀態(tài)的表現(xiàn)。因?yàn)椤扒袚Q到大圖”動(dòng)作執(zhí)行后,界面的狀態(tài)會(huì)明顯的改變(大圖模式),不需要專門的狀態(tài)來標(biāo)識(shí)。
再看另一種情況
「圖7」
音樂播放器中的隨機(jī)播放。因?yàn)椤半S機(jī)”與“按順序”播放并不容易直觀察覺,因此狀態(tài)需要明確標(biāo)識(shí)。而動(dòng)作本身由于并不是核心功能被弱化了,僅僅依賴界面功能區(qū)塊劃分來表示此處的可操作性。
「圖8」
出處:
責(zé)任編輯:bluehearts
上一頁 界面設(shè)計(jì)中"狀態(tài)"和"動(dòng)作"的表達(dá) [2] 下一頁 界面設(shè)計(jì)中"狀態(tài)"和"動(dòng)作"的表達(dá) [4]
|