|
交互設(shè)計師在設(shè)計線框圖原型時，熟知常見的web設(shè)計模式很有幫助，做到“心中有數(shù)”才能創(chuàng)造出符合需求，用戶易學(xué)易用的界面來。所謂“沒有必要重復(fù)發(fā)明輪子”，模式往往容易解決常見問題，正確的模式能幫用戶熟悉界面、提高效率。
常見的UI設(shè)計模式如下圖：
下面分別進行具體分析，遇到不同需求的時候就可以選擇合適UI設(shè)計模式。
1.主體/細節(jié)（Master/Detail）模式
主體/細節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁面下，引導(dǎo)他們在類目下高效地切換，這無疑是一種理想的方式。如果主體信息對于用戶來說更重要，最好選擇橫向布局。或是主體部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。
舉例來說：
Windows窗口屬于縱向排布
Mac mail的橫向排布
出處：用戶體驗與交互設(shè)計
責(zé)任編輯：bluehearts
上一頁 下一頁 常見UI設(shè)計模式 [2]
|
第 1 頁 常見UI設(shè)計模式 [1]
第 2 頁 
