之前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次也是沒有問題的。
第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. 降低短期記憶載荷
第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)一字體色調強調版面第一印象
全站高品質素材免費下載!