在UI設計的學習過程中，我們掌握了很多知識和技能，但是要掌握這些技能，首先，我們必須掌握ui設計模式，通過對Ui最基本模式的掌握，進而加強對ui設計的理解， 后期對于設計思路的開闊也有很大的幫助。

簡單分析以下5種Ui設計模式：

1、彈出框

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

2、社交媒體聚合

在社交媒體上分享內容是一個有機的過程，它不應該是一種粗暴的推銷的后果，也不應該是強制性的。如果用戶的分享體驗并不好，那么用戶將不會再來主動分享其中的內容。因此，你應該恰當地限制你所提供的媒體分享按鈕的數量，并考慮在文章結尾提供更為走心的內容，讓用戶真心實意地將內容分向到社交媒體上，值得享受的分享過程，才是讓用戶不停回來的動力。

（圖片來自網絡）

3、超大的導航菜單

大型的導航菜單對于包含大量不同子頁面的網站而言，似乎是一個很好的解決方案，然而實際情況并非如此。超大的導航菜單對于絕大多數的普通用戶而言，看起來更像是迷宮，尤其是當他們要找的內容是其中的一個并不顯眼的小分類。這種看似足以滿足全部用戶的需求，實則讓全部用戶都覺得不那么爽的解決方案，其實算不得體驗優秀。

4、主體/細節模式

主體/細節模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁面下，引導他們在類目下高效地切換，這無疑是一種理想的方式。如果主體信息對于用戶來說更重要，最好選擇橫向布局。或是主體部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。

（圖片來自網絡）

5、調色盤/畫布

調色盤/畫布雖然不算最常見模式，但它對于創造圖形類文檔有著不可替代的優勢：比如設計線性或非線性圖；流程圖；頁面布局；制定物理大小的設計/圖表或控制布局。對于設計師來說調色盤/畫布這種模式并不陌生，常用軟件，例如：Axure、ps都是采用這種方式

以上介紹是最常見的ui設計模式，除此之外設計模式還有很多，在實際的設計過程中會見到更多，需要設計師利用自己的智慧進行實際操作和設計。