火星網(wǎng)校
技術分享|交互設計七大定律(下篇)
發(fā)布時間：2024-08-15 19:13:59 瀏覽量：168次
繼續(xù)了解交互設計七大定律，你知道還有哪4大法則？
01 接近法則
我們常常會將距離較近的事物視為一個整體，這就是接近法則。比如下圖中的圓形組合即展示了這一法則：
接近法則
接近法則的影響力巨大，甚至能夠抵消其他規(guī)律，比如給上述圓形添加顏色，我們同樣會將其視為一個整體。
接近法則
生活中的“接近法則”
在小區(qū)規(guī)劃中，過道、綠植、圍欄等元素常用于劃分不同標段之間的關系。
生活中的“接近法則”
界面中的“接近法則”
留白在界面設計中扮演著重要角色，它能夠引導用戶注意力、區(qū)分信息層次，提升閱讀體驗。對于信息較多的情況，可以通過“塊”來分隔功能區(qū)域。
界面中的“接近法則”
界面中的“接近法則”
02 泰斯勒定律（復雜性守恒定律）
泰斯勒定律又稱為復雜性守恒定律，強調每個過程都存在固有復雜性，一旦超過臨界點，就無法再簡化，只能將復雜性轉移至其他地方。
泰斯勒定律（復雜性守恒定律）
生活中的“泰斯勒定律”（復雜性守恒定律）
隨著技術演進，物理按鍵逐漸被屏幕按鍵所取代，這體現(xiàn)了復雜性守恒定律的轉變。
界面中的“泰斯勒定律”（復雜性守恒定律）
03 奧卡姆剃刀原理
奧卡姆剃刀原理強調不要浪費過多資源做一件事情，在設計中應盡可能簡單有效。
奧卡姆剃刀原理
在功能頁面設計中，要先理解用戶的使用場景和行為，避免添加不必要的內容。設計需要從發(fā)散逐漸回歸到簡約，使用戶瀏覽更舒適。
奧卡姆剃刀原理也體現(xiàn)在視覺上的"修剪"設計中，去除多余元素，使設計更簡潔、純粹，增強用戶體驗。
生活中的“奧卡姆剃刀原理”
04 新鄉(xiāng)重夫：防錯原則
用戶在界面上的錯誤大多來自于設計和開發(fā)的疏忽，因此設計中應考慮防錯機制，特別是在涉及毀滅性操作時應加強提示和確認，防止用戶犯下不可挽回的錯誤。
公眾號后臺最近新增了系統(tǒng)識別錯別字功能，當編輯文字時系統(tǒng)會提示錯別字位置，便于作者修改，這符合“接近法則”并提高了編輯體驗。
界面中展示的“防錯原則”
以上就是交互設計七大定律的全部分享，歡迎將這些知識應用到實際工作中，實踐是檢驗真理的最佳方式哦！
想了解更多關于交互設計的內容？點擊咨詢
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
9. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
10. 武漢UI設計培訓班費用怎么樣？想學UI設計要多少錢？
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
