常見(jiàn)UI設(shè)計(jì)模式有哪幾種

　　交互設(shè)計(jì)師在設(shè)計(jì)線框圖原型時(shí)，熟知常見(jiàn)的web設(shè)計(jì)模式很有幫助，做到“心中有數(shù)”才能創(chuàng)造出符合需求，用戶易學(xué)易用的界面來(lái)。所謂“沒(méi)有必要重復(fù)發(fā)明輪子”，模式往往容易解決常見(jiàn)問(wèn)題，正確的模式能幫用戶熟悉界面、提高效率。

　　常見(jiàn)的UI設(shè)計(jì)模式如下圖：

　　下面分別進(jìn)行具體分析，遇到不同需求的時(shí)候就可以選擇合適UI設(shè)計(jì)模式。

　　01.主體/細(xì)節(jié)(Master/Detail)模式

　　主體/細(xì)節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁(yè)面下，引導(dǎo)他們?cè)陬?lèi)目下高效地切換，這無(wú)疑是一種理想的方式。如果主體信息對(duì)于用戶來(lái)說(shuō)更重要，最好選擇橫向布局�；蚴侵黧w部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。

　　舉例來(lái)說(shuō)：

　　Windows窗口屬于縱向排布

　　Mac mail的橫向排布

　　0.2分欄瀏覽(Column Browse)

　　分欄瀏覽也分為橫向和縱向兩種。用戶可以通過(guò)它，選擇不同的類(lèi)別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。

【常見(jiàn)UI設(shè)計(jì)模式有哪幾種】相關(guān)文章：

UI設(shè)計(jì)教程，ui設(shè)計(jì)需要學(xué)什么08-03

java設(shè)計(jì)模式：多例模式08-12

java設(shè)計(jì)模式：裝飾模式07-08

java設(shè)計(jì)模式：工廠模式05-27

java設(shè)計(jì)模式：DAO模式03-13

專(zhuān)升本有哪幾種形式？12-17

《ai ei ui》的教學(xué)設(shè)計(jì)07-07

ai ei ui教學(xué)設(shè)計(jì)02-07

《ai ei ui》教學(xué)設(shè)計(jì)03-15