2023-8-8 ui設計分享達人
一、格式塔的起源
格式塔的德文為“Gestalt”，意思為「形狀」和「圖形」，在心理學中可以看作是任何一種被分離的整體。格式塔心理學的研究源于視知覺，是現代認知主義學習理論的先驅，為后來的社會心理學的發展打下了堅實的基礎，其創始人是韋特海墨、考夫卡和苛勒。
二、格式塔的定義
格式塔的核心為“整體大于部分之和”，即人類的視覺感知具有整體性，當感知到復雜的事物時，會從神經系統層面感知形狀、圖形或物體，并在大腦的指揮下將視覺輸入自建結構成為一個整體，而不是單獨的互不相關的邊、線或區域。
格式塔原理試圖解釋人們在合適的情況下如何看待視覺元素。這些建立在四個關鍵想法上：【出現】、【物化】、【多穩定性】、【不變性】。
三、格式塔原理在設計中的運用
格式塔原理描述的是人類視覺從神經系統對事物的感知方式，經心理學研究者總結并得出若干理論，但在設計中，常用的有以下7種：
接近性原則
相似性原則
連續性原則
封閉性原則
簡單對稱性原則
主體與背景原則
共同命運原則
四、接近性原則
接近性原則指出，物體之間的相對距離會影響我們感知它們的關系，元素之間越是接近，組合在一起的可能性就越大，會被看作成一個整體，反之那些距離較遠的則自動劃分到組外。
【接近性原則】在UI設計中的應用
在UI中最常見的就是列表以及文字展示、圖文展示了，在列表頁信息多的時候，都會把功能趨于相似的放在一起，利用相近原理，使他們在視覺上趨于一個整體，這樣既能讓界面功能清晰易懂，又不至于雜亂無章。
五、相似性原則
相似性原則指出，有共同視覺元素的物體看起來更有關聯性，我們傾向于將彼此相似的元素（形狀、尺寸、方向、顏色...）分為一組，這就意味著當功能、含義和層次結構相同時，更應該讓它們在視覺上保持一致性。
【相似性原則】在UI設計中的應用
在UI設計中，當界面元素過多，接近性原則不足以滿足信息層級區分時，可以使用相似性原則來統一視覺樣式、表達統一的功能性。
六、連續性原則
連續性原則指出，人的視覺傾向于完整的連接一個圖形，而不是零散的碎片，通過感知事物的形狀和運動方向將分散的元素連接在一起，使直線繼續成為直線、曲線繼續成為曲線并朝著特定的方向延續。
【連續性原則】在UI設計中的應用
在互聯網產品中，做字體設計時，合理的通過斷點來打破常規并不影響識別度，這正是利用的連續性原則。UI界面中的banner輪播圖交互模塊、圖標等，很多都結合了連續性設計來提升用戶的視覺體驗。
七、封閉性原則
封閉性原則指出，人們的視覺系統傾向于將不完整的局部當做一個整體來感知。看起來與連續性有諸多相似，不過連續性是通過物體的形狀和運動方向、按照視覺慣性來制定閉合規律，而封閉性則并無特定規律，只要把握好不完整物體的尺度、使各元素之間相互輔助，就能讓其與我們認知模型中的原型匹配。
【封閉性原則】在UI設計中的應用
在圖形用戶界面中，運用封閉性原則做省略或減法處理，可以節省很多空間資源。
八、簡單對稱性原則
簡單對稱性原則指出，人們在觀察事物的過程中第一印象更傾向于簡單且對稱的物體，當看到一個復雜的事物時，神經系統會潛意識地移除無關細節并簡化它們，使其成為簡單且統一的形狀。
【簡單對稱性原則】在UI設計中的應用
在UI設計中，大家也會經常利用簡單對稱原則做設計。
九、主體與背景原則
主體與背景原則指出，在同一畫面中，不管有多少元素，都只能存在一個主體。人們在感知事物的時候，總是會將視覺區域分為主體和背景兩個部分，主體指的是最吸引視覺注意力的元素，其他的元素皆為背景，這對于我們區分重要信息和次要信息至關重要。
【主體與背景原則】在UI設計中的應用
將主體與背景原則運用于UI設計中，能幫助設計師在設計過程中抓住用戶注意力。
十、共同命運原則
共同命運原則指出，人們傾向于將具有共同運動形式的事物感知為一個彼此相關的整體，無論元素之間的距離有多遠、或其他屬性（形狀、顏色、大小）各異，但只要沿著相同的方向、相同的速度運動，共同命運就會將其歸類。
【共同命運原則】在UI設計中的應用
移動端產品中有很多這樣的案例，如iOS系統中，長按刪除某個APP時，所有桌面圖標會抖動、且左上角都有一個相同的刪除圖標，通過一致性的動作告知用戶圖標的可操作狀態，非常直觀。
十一、總結
設計要求和諧有序、層次分明，這不僅是輔助傳達內在業務信息的存在，還是一門關于溝通、性能和便利性的學問，靈活運用格式塔原理能幫助我們實現這些目標，對產品體驗的提升有很大的幫助，所以不管是產品經理還是設計師，都應該重視格式塔原理。
從上述的設計案例中不難發現，這七項原理并不是獨立存在的，它們之間相輔相成，具有高度的關聯性。在實際工作中，我們需要根據不同的需求和使用場景，將這些基本法則組合使用，才能使你的設計方案更加有據可依，用戶也能更好地理解、使用我們的產品。
作者：哆啦的設計筆記
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。