<button id="g4keu"></button>
  • <rt id="g4keu"><acronym id="g4keu"></acronym></rt>
  • 您的位置: 首頁 > 資訊 > 設計

    用戶界面設計中“狀態”和“動作”的表達

    藝術中國 | 時間: 2012-01-09 11:10:08 | 文章來源: aliued.cn

    四、軟件以及網站中的例子

    軟件或網站界面顯然不具備可觸摸的特點,不過我們的設計師也盡量會模擬出類似現實中物品的可以操作的形狀和質感。


    「圖5」



    播放器常用的UI。點擊中間的“播放”與“暫停”鍵即可切換操作。可以看出,這里忽略了狀態的表現,我無法直觀的看到現在是播放還是暫停的狀態。原因很簡單,就像開關電燈一樣,影片的打開與關閉是可以直接感知到的,不需要專門的狀態提示。


    「圖6」



    再來看列表的視圖切換。圖上箭頭所示“切換到大圖”功能也是此類應用,忽略了狀態的表現。因為“切換到大圖”動作執行后,界面的狀態會明顯的改變(大圖模式),不需要專門的狀態來標識。

    再看另一種情況

    音樂播放器中的隨機播放。因為“隨機”與“按順序”播放并不容易直觀察覺,因此狀態需要明確標識。而動作本身由于并不是核心功能被弱化了,僅僅依賴界面功能區塊劃分來表示此處的可操作性。


    「圖8」



    還是音樂播放器,這次不同的是線性的狀態表示。音量的大小并不只是“開、關”兩個狀態那么簡單,而是由小到大線性變化的。上面那個UI通過左右兩個喇叭的形狀很好的表達了音量大小的兩端,中間的圓鈕既是動作的操縱桿又是音量大小的刻度標識。因為它和左側很好的連接在一起形成水槽效果,填滿部分的長短再一次反映了音量的大小,非常巧妙。而下面那個UI只在左側放了音量大小標識,雖然不同因量大小時左側圖標也會相應改變,但相比之下初次使用會難理解很多。

    「圖9」



    上面是某帳戶管理的UI,將狀態和操作(動作)明顯的分兩列標識,雖然顯得有些啰唆,但也清楚的表達出了應有的含義。

    最后我們來看一個手機界面的應用。


    「圖10」



    仿照物理撥動開關的質感與色彩表達,很好的”動作“與”狀態“結合的例子。這樣的設計你還會犯錯么?

    五、小結

    前面作了很多應用的舉例,那么到底怎樣才能做好”動作“與”狀態“結合的設計呢?

    1、分離狀態與動作的表示(如圖9)。最直接,產生歧義的可能最小,但可能會占用大量空間,以及造成信息冗余。
    2、忽略狀態,突出動作(如圖6)。當狀態無需標識也能直觀識別時適用。
    3、忽略動作,突出狀態(如圖7)。當動作操作已經被劃分指定區域,可以預期其可操作性時適用。
    4、具象與仿生(如圖10)。當與現實物品建立感官聯系時,人們的學習成本會大大降低。此類運用不好定義其適用范圍,留給大家探討吧。

       上一頁   1   2  


     

    凡注明 “藝術中國” 字樣的視頻、圖片或文字內容均屬于本網站專稿,如需轉載圖片請保留 “藝術中國” 水印,轉載文字內容請注明來源藝術中國,否則本網站將依據《信息網絡傳播權保護條例》維護網絡知識產權。

    打印文章    收 藏    歡迎訪問藝術中國論壇 >>
    發表評論
    用戶名   密碼    

    留言須知

     
     
    延伸閱讀
    主站蜘蛛池模板: 国产精品一区亚洲一区天堂| 分分操这里只有精品| 国产精品va在线观看一| 国产成人av在线影院| 国产av一区二区三区日韩| 依依成人精品视频在线观看| 亚洲国产精品综合久久网络| 久久精品中文字幕一区 | 亚洲黄网在线观看| 亚洲丝袜第一页| 丰满人妻一区二区三区视频| A级毛片无码久久精品免费| 老司机天堂影院| 舔舔小核欲成欢| 特黄aaaaaaaaa及毛片| 最近免费高清版电影在线观看| 手机看片福利日韩国产| 国内精品伊人久久久久妇| 国产成人综合久久| 免费欧洲毛片A级视频无风险| 亚洲一区欧洲一区| 一级一级一级一级毛片| 在线观看xxx| 精品无码久久久久久久动漫| 欧美成人四级剧情在线播放| 扒开双腿猛进湿润18p| 国产精品国产高清国产av| 四月婷婷七月婷婷综合| 亚洲国产精品成人精品小说| 中文字幕亚洲综合久久| 香港三级欧美国产精品| 精品国际久久久久999波多野| 欧美乱人妖大交xxxx| 小草视频免费观看| 国产成人av在线免播放观看| 人妻尝试又大又粗久久| 久久久噜久噜久久gif动图| 91嫩草视频在线观看| 精品国产不卡一区二区三区| 日韩欧美电影在线| 国产色婷婷精品综合在线|