在UI設(shè)計(jì)的學(xué)習(xí)過(guò)程中，我們掌握了很多知識(shí)和技能，但是要掌握這些技能，首先，我們必須掌握ui設(shè)計(jì)模式，通過(guò)對(duì)Ui最基本模式的掌握，進(jìn)而加強(qiáng)對(duì)ui設(shè)計(jì)的理解， 后期對(duì)于設(shè)計(jì)思路的開(kāi)闊也有很大的幫助。

簡(jiǎn)單分析以下5種Ui設(shè)計(jì)模式：

1、彈出框

用戶體驗(yàn)設(shè)計(jì)中，打斷進(jìn)行中的用戶體驗(yàn)是一項(xiàng)大忌。而許多網(wǎng)站直到現(xiàn)在，依然在使用令人頭疼的彈出框。試想，剛剛打開(kāi)網(wǎng)站或者正在閱讀網(wǎng)站內(nèi)容的時(shí)候，閱讀的內(nèi)容被彈出框所打斷這是多么令人頭疼的一件事情！無(wú)論彈出的提醒、廣告、郵件訂閱框還是免費(fèi)福利，這種設(shè)計(jì)模式始終還是從體驗(yàn)上將用戶向外推。

2、社交媒體聚合

在社交媒體上分享內(nèi)容是一個(gè)有機(jī)的過(guò)程，它不應(yīng)該是一種粗暴的推銷的后果，也不應(yīng)該是強(qiáng)制性的。如果用戶的分享體驗(yàn)并不好，那么用戶將不會(huì)再來(lái)主動(dòng)分享其中的內(nèi)容。因此，你應(yīng)該恰當(dāng)?shù)叵拗颇闼峁┑拿襟w分享按鈕的數(shù)量，并考慮在文章結(jié)尾提供更為走心的內(nèi)容，讓用戶真心實(shí)意地將內(nèi)容分向到社交媒體上，值得享受的分享過(guò)程，才是讓用戶不?；貋?lái)的動(dòng)力。

（圖片來(lái)自網(wǎng)絡(luò)）

3、超大的導(dǎo)航菜單

大型的導(dǎo)航菜單對(duì)于包含大量不同子頁(yè)面的網(wǎng)站而言，似乎是一個(gè)很好的解決方案，然而實(shí)際情況并非如此。超大的導(dǎo)航菜單對(duì)于絕大多數(shù)的普通用戶而言，看起來(lái)更像是迷宮，尤其是當(dāng)他們要找的內(nèi)容是其中的一個(gè)并不顯眼的小分類。這種看似足以滿足全部用戶的需求，實(shí)則讓全部用戶都覺(jué)得不那么爽的解決方案，其實(shí)算不得體驗(yàn)優(yōu)秀。

4、主體/細(xì)節(jié)模式

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

（圖片來(lái)自網(wǎng)絡(luò)）

5、調(diào)色盤(pán)/畫(huà)布

調(diào)色盤(pán)/畫(huà)布雖然不算最常見(jiàn)模式，但它對(duì)于創(chuàng)造圖形類文檔有著不可替代的優(yōu)勢(shì)：比如設(shè)計(jì)線性或非線性圖；流程圖；頁(yè)面布局；制定物理大小的設(shè)計(jì)/圖表或控制布局。對(duì)于設(shè)計(jì)師來(lái)說(shuō)調(diào)色盤(pán)/畫(huà)布這種模式并不陌生，常用軟件，例如：Axure、ps都是采用這種方式

以上介紹是最常見(jiàn)的ui設(shè)計(jì)模式，除此之外設(shè)計(jì)模式還有很多，在實(shí)際的設(shè)計(jì)過(guò)程中會(huì)見(jiàn)到更多，需要設(shè)計(jì)師利用自己的智慧進(jìn)行實(shí)際操作和設(shè)計(jì)。