- 相關(guān)推薦
常見UI設(shè)計模式有哪幾種
交互設(shè)計師在設(shè)計線框圖原型時,熟知常見的web設(shè)計模式很有幫助,做到“心中有數(shù)”才能創(chuàng)造出符合需求,用戶易學(xué)易用的界面來。所謂“沒有必要重復(fù)發(fā)明輪子”,模式往往容易解決常見問題,正確的模式能幫用戶熟悉界面、提高效率。
常見的UI設(shè)計模式如下圖:
下面分別進行具體分析,遇到不同需求的時候就可以選擇合適UI設(shè)計模式。
01.主體/細節(jié)(Master/Detail)模式
主體/細節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁面下,引導(dǎo)他們在類目下高效地切換,這無疑是一種理想的方式。如果主體信息對于用戶來說更重要,最好選擇橫向布局;蚴侵黧w部分不僅條目多而且包含信息也多,那也該選擇這種橫向布局。
舉例來說:
Windows窗口屬于縱向排布
Mac mail的橫向排布
0.2分欄瀏覽(Column Browse)
分欄瀏覽也分為橫向和縱向兩種。用戶可以通過它,選擇不同的類別點進并逐步引導(dǎo)用戶找到需要的信息。
【常見UI設(shè)計模式有哪幾種】相關(guān)文章:
UI設(shè)計教程,ui設(shè)計需要學(xué)什么08-03
java設(shè)計模式:多例模式08-12
java設(shè)計模式:裝飾模式07-08
java設(shè)計模式:工廠模式05-27
java設(shè)計模式:DAO模式03-13
專升本有哪幾種形式?12-17