之前25學堂分享和討論了好幾種UI設(shè)計模式，當我們遇到不同需求的時候就可以選擇合適UI設(shè)計模式。但是每一套UI設(shè)計模式的都是基于設(shè)計UI設(shè)計理論來布局和設(shè)計的。

今天跟大家分享六個常見的UI設(shè)計理論。希望對大家的移動APP設(shè)計或者網(wǎng)頁設(shè)計有所提升。

但是我們作為一名優(yōu)秀的設(shè)計師，必須謹記

“法則是用來參考，具體問題具體分析，設(shè)計需要靈活變通。”

設(shè)計高手之路，也是在深刻理解這些設(shè)計法則或者是UI設(shè)計理論的基礎(chǔ)發(fā)揮自己的設(shè)計本領(lǐng)的。

大家也可以閱讀移動端UI設(shè)計必看的三本APP設(shè)計書籍

和談談如何進行產(chǎn)品設(shè)計以及產(chǎn)品情感化設(shè)計等優(yōu)秀UI設(shè)計理論干貨。

第1個UI設(shè)計理論：7±2法則

因為人腦處理信息的能力有限,所以它通過把信息分成塊和單元來處理復雜問題。根據(jù)George A Miller 的研究，人們短期記憶每次能處理5～9件事情。這經(jīng)常貝作為把導航菜單的元素限制在7個以內(nèi)的依據(jù)。但是關(guān)于“7±2”的爭論很激烈。以至于如何把他應用到網(wǎng)站上還不明確。

主要使用范圍是網(wǎng)頁設(shè)計的的導航上。

第2個UI設(shè)計理論：2秒鐘法則

這是個松散的原則，用戶在使用某類系統(tǒng)時的等待反映(比如:功能切換和功能載入)的時候不應該超過2秒。選擇2秒也許有一點隨意，但是這卻是一個合理的數(shù)量級。一個更可信的原則是，用戶等待的時間越短，用戶體驗更佳！

這個法則也使用與移動APP的啟動頁面或者交互觸發(fā)。

第3個UI設(shè)計理論：3次點擊法則

用戶在3次點擊之內(nèi)如果還沒有找到他們想要的信息或了解網(wǎng)站特色，他們就會離開該網(wǎng)站。這條原則突出樂清晰的導航，符合邏輯的結(jié)構(gòu)和易于理解的網(wǎng)站層級的重要性。如果你的網(wǎng)站能夠讓用戶知道他在哪里，從哪里來，要到哪里去，并且能夠讓用戶了解如何完成目標，這樣的點擊及時10次也是沒有問題的。

第4個UI設(shè)計理論：2/8法則(Pareto定律)

Paretod定律(也被稱為“少數(shù)關(guān)鍵定律”或“因素稀疏定律”)表明80％的結(jié)果，由20％的原因產(chǎn)生。這是商業(yè)中一條記本的經(jīng)驗法則（80％的銷量來自20％的客戶），但是也同樣適用于設(shè)計領(lǐng)域和可用性領(lǐng)域。比如，對20％的用戶，客戶，活動，產(chǎn)品或過程的定位，

可能為你帶來80％的利潤，使你對它們的注意程度最大化。

第5個UI設(shè)計理論：界面設(shè)計的8個黃金法則

Ben Shneiderman 通過對用戶界面的設(shè)計的研究，提出了一系列的原則，這些原則來自經(jīng)驗和啟發(fā)，適用于大多數(shù)交互系統(tǒng)。這些原則和所有的用戶界面設(shè)計都相關(guān)，嚴格意義上說，也適用于網(wǎng)站設(shè)計。

1. 努力做到連貫

2. 允許頻繁使用系統(tǒng)的用戶使用快捷方式

3. 提供信息反饋

4. 為關(guān)閉這一動作設(shè)計對話框

5. 提供簡單的設(shè)計處理

6. 允許簡單的撤銷操作

7. 提供控制器。支持內(nèi)部控制點

8. 降低短期記憶載荷

第6個UI設(shè)計理論：設(shè)計簡單法則

1.減少（REDUCE）：?達到簡單的最簡單方法，就是用心割舍。

2.組織（ORGANIZE）：?妥善組織能使復雜的系統(tǒng)顯得比較簡單。

3.時間（TIME）：?節(jié)省時間會讓人感覺簡單。

4.學習（LEARN）：?知識使一切變得更簡單。

5.差異（DIFFERENCES）：?簡單和復雜相輔相成。

6.背景（CONNEXT）：?簡單的周邊事物決非無關(guān)緊要。

7.感情（EMOTION）：?感情越多越好。

8.信任（TRUST）：?我們相信簡單。

9.失敗（FAILURE）：?有些事物不可能簡單。

10.單一（THE ONE）?：簡單是減少明顯的，增加有意義的。

附加字體設(shè)計法則6條：

法則1 ：統(tǒng)一文字方向控制版面整體傾向

法則2 ：統(tǒng)一字體斜度使版面更具動感

法則3： 統(tǒng)一字體筆畫粗細增強版面平衡感

法則4 ：統(tǒng)一字體整體風格表現(xiàn)版面獨創(chuàng)性

法則5 ：統(tǒng)一字體空間保持版面形態(tài)美

法則6： 統(tǒng)一字體色調(diào)強調(diào)版面第一印象