6個常見的UI設計理論和設計法則分享

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

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

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

“法則是用來參考,具體問題具體分析,設計需要靈活變通?!?/span>

設計高手之路,也是在深刻理解這些設計法則或者是UI設計理論的基礎發(fā)揮自己的設計本領的。

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

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

設計法則

 

 

第1個UI設計理論:7±2法則

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

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

彈出導航菜單

第2個UI設計理論2秒鐘法則

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

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

移動觸摸手勢圖標

第3個UI設計理論3次點擊法則

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

app交互設計

 

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

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

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

 

 

第5個UI設計理論:界面設計的8個黃金法則

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

1. 努力做到連貫

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

3. 提供信息反饋

4. 為關閉這一動作設計對話框

5. 提供簡單的設計處理

6. 允許簡單的撤銷操作

7. 提供控制器。支持內部控制點

8. 降低短期記憶載荷

minimalist

第6個UI設計理論:設計簡單法則

1.減少(REDUCE):?達到簡單的最簡單方法,就是用心割舍。

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

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

4.學習(LEARN):?知識使一切變得更簡單。

5.差異(DIFFERENCES):?簡單和復雜相輔相成。

6.背景(CONNEXT):?簡單的周邊事物決非無關緊要。

7.感情(EMOTION):?感情越多越好。

8.信任(TRUST):?我們相信簡單。

9.失敗(FAILURE):?有些事物不可能簡單。

10.單一(THE ONE)?:簡單是減少明顯的,增加有意義的。

 

附加字體設計法則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)一字體色調強調版面第一印象

 

每天更新,
全站高品質素材免費下載!