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

今天跟大家分享六個(gè)常見(jiàn)的UI設(shè)計(jì)理論。希望對(duì)大家的移動(dòng)APP設(shè)計(jì)或者網(wǎng)頁(yè)設(shè)計(jì)有所提升。

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

“法則是用來(lái)參考，具體問(wèn)題具體分析，設(shè)計(jì)需要靈活變通?！?/span>

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

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

和談?wù)勅绾芜M(jìn)行產(chǎn)品設(shè)計(jì)以及產(chǎn)品情感化設(shè)計(jì)等優(yōu)秀UI設(shè)計(jì)理論干貨。

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

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

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

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

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

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

第3個(gè)UI設(shè)計(jì)理論：3次點(diǎn)擊法則

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

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

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

可能為你帶來(lái)80％的利潤(rùn)，使你對(duì)它們的注意程度最大化。

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

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

1. 努力做到連貫

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

3. 提供信息反饋

4. 為關(guān)閉這一動(dòng)作設(shè)計(jì)對(duì)話框

5. 提供簡(jiǎn)單的設(shè)計(jì)處理

6. 允許簡(jiǎn)單的撤銷操作

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

8. 降低短期記憶載荷

第6個(gè)UI設(shè)計(jì)理論：設(shè)計(jì)簡(jiǎn)單法則

1.減少（REDUCE）：?達(dá)到簡(jiǎn)單的最簡(jiǎn)單方法，就是用心割舍。

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

3.時(shí)間（TIME）：?節(jié)省時(shí)間會(huì)讓人感覺(jué)簡(jiǎn)單。

4.學(xué)習(xí)（LEARN）：?知識(shí)使一切變得更簡(jiǎn)單。

5.差異（DIFFERENCES）：?簡(jiǎn)單和復(fù)雜相輔相成。

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

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

8.信任（TRUST）：?我們相信簡(jiǎn)單。

9.失?。‵AILURE）：?有些事物不可能簡(jiǎn)單。

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

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

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

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

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

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

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

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