<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 格式塔原理在產品交互設計中的應用

    2023-8-8    鶴鶴

    一、格式塔的起源

    格式塔的德文為“Gestalt”,意思為「形狀」和「圖形」,在心理學中可以看作是任何一種被分離的整體。格式塔心理學的研究源于視知覺,是現代認知主義學習理論的先驅,為后來的社會心理學的發展打下了堅實的基礎,其創始人是韋特海墨、考夫卡和苛勒。

    二、格式塔的定義

    格式塔的核心為“整體大于部分之和”,即人類的視覺感知具有整體性,當感知到復雜的事物時,會從神經系統層面感知形狀、圖形或物體,并在大腦的指揮下將視覺輸入自建結構成為一個整體,而不是單獨的互不相關的邊、線或區域。

    格式塔原理試圖解釋人們在合適的情況下如何看待視覺元素。這些建立在四個關鍵想法上:【出現】、【物化】、【多穩定性】、【不變性】。

    三、格式塔原理在設計中的運用

    格式塔原理描述的是人類視覺從神經系統對事物的感知方式,經心理學研究者總結并得出若干理論,但在設計中,常用的有以下7種:

    接近性原則
    相似性原則
    連續性原則
    封閉性原則
    簡單對稱性原則
    主體與背景原則
    共同命運原則

    四、接近性原則

    接近性原則指出,物體之間的相對距離會影響我們感知它們的關系,元素之間越是接近,組合在一起的可能性就越大,會被看作成一個整體,反之那些距離較遠的則自動劃分到組外。

    【接近性原則】在UI設計中的應用

    在UI中最常見的就是列表以及文字展示、圖文展示了,在列表頁信息多的時候,都會把功能趨于相似的放在一起,利用相近原理,使他們在視覺上趨于一個整體,這樣既能讓界面功能清晰易懂,又不至于雜亂無章。

    五、相似性原則

    相似性原則指出,有共同視覺元素的物體看起來更有關聯性,我們傾向于將彼此相似的元素(形狀、尺寸、方向、顏色...)分為一組,這就意味著當功能、含義和層次結構相同時,更應該讓它們在視覺上保持一致性。

    【相似性原則】在UI設計中的應用

    在UI設計中,當界面元素過多,接近性原則不足以滿足信息層級區分時,可以使用相似性原則來統一視覺樣式、表達統一的功能性。

    六、連續性原則

    連續性原則指出,人的視覺傾向于完整的連接一個圖形,而不是零散的碎片,通過感知事物的形狀和運動方向將分散的元素連接在一起,使直線繼續成為直線、曲線繼續成為曲線并朝著特定的方向延續。

    【連續性原則】在UI設計中的應用

    在互聯網產品中,做字體設計時,合理的通過斷點來打破常規并不影響識別度,這正是利用的連續性原則。UI界面中的banner輪播圖交互模塊、圖標等,很多都結合了連續性設計來提升用戶的視覺體驗。

    七、封閉性原則

    封閉性原則指出,人們的視覺系統傾向于將不完整的局部當做一個整體來感知。看起來與連續性有諸多相似,不過連續性是通過物體的形狀和運動方向、按照視覺慣性來制定閉合規律,而封閉性則并無特定規律,只要把握好不完整物體的尺度、使各元素之間相互輔助,就能讓其與我們認知模型中的原型匹配。

    【封閉性原則】在UI設計中的應用

    在圖形用戶界面中,運用封閉性原則做省略或減法處理,可以節省很多空間資源。

    八、簡單對稱性原則

    簡單對稱性原則指出,人們在觀察事物的過程中第一印象更傾向于簡單且對稱的物體,當看到一個復雜的事物時,神經系統會潛意識地移除無關細節并簡化它們,使其成為簡單且統一的形狀。

    【簡單對稱性原則】在UI設計中的應用

    在UI設計中,大家也會經常利用簡單對稱原則做設計。

    九、主體與背景原則

    主體與背景原則指出,在同一畫面中,不管有多少元素,都只能存在一個主體。人們在感知事物的時候,總是會將視覺區域分為主體和背景兩個部分,主體指的是最吸引視覺注意力的元素,其他的元素皆為背景,這對于我們區分重要信息和次要信息至關重要。

    【主體與背景原則】在UI設計中的應用

    將主體與背景原則運用于UI設計中,能幫助設計師在設計過程中抓住用戶注意力。

    十、共同命運原則

    共同命運原則指出,人們傾向于將具有共同運動形式的事物感知為一個彼此相關的整體,無論元素之間的距離有多遠、或其他屬性(形狀、顏色、大小)各異,但只要沿著相同的方向、相同的速度運動,共同命運就會將其歸類。

    【共同命運原則】在UI設計中的應用

    移動端產品中有很多這樣的案例,如iOS系統中,長按刪除某個APP時,所有桌面圖標會抖動、且左上角都有一個相同的刪除圖標,通過一致性的動作告知用戶圖標的可操作狀態,非常直觀。

    十一、總結

    設計要求和諧有序、層次分明,這不僅是輔助傳達內在業務信息的存在,還是一門關于溝通、性能和便利性的學問,靈活運用格式塔原理能幫助我們實現這些目標,對產品體驗的提升有很大的幫助,所以不管是產品經理還是設計師,都應該重視格式塔原理。

    從上述的設計案例中不難發現,這七項原理并不是獨立存在的,它們之間相輔相成,具有高度的關聯性。在實際工作中,我們需要根據不同的需求和使用場景,將這些基本法則組合使用,才能使你的設計方案更加有據可依,用戶也能更好地理解、使用我們的產品。

    作者:哆啦的設計筆記
    來源:站酷
    著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 精品久久久久久无码专区 | 亚洲精品乱码久久久久久按摩 | 亚洲精品国产高清不卡在线| 色花堂国产精品第一页| 日本一卡精品视频免费| 精品精品国产欧美在线小说区| 大伊香蕉精品视频在线导航| 亚洲一区二区精品视频| 国产一区二区三区精品视频 | 国产精品无码无在线观看| 亚洲精品国产精品国自产观看 | 国产成人精品无人区一区| 国产成人精品日本亚洲直接| 熟女精品视频一区二区三区| 亚洲av无码成人精品国产| 精品国产一区二区三区2021| 青青青青久久精品国产h| 国产精品久线在线观看| 久久香蕉国产线看观看精品yw| 亚洲国产精品综合久久网络 | 国产线视频精品免费观看视频| 日韩欧国产精品一区综合无码| 亚洲国产精品自在拍在线播放| 国产成人精品久久亚洲| 久久精品人人做人人爽97| 欧美精品亚洲精品日韩传电影 | 无码人妻精品一区二区三区66| 网友偷拍日韩精品| 四虎国产精品永免费| 人妻VA精品VA欧美VA| 久久亚洲国产成人精品无码区| 国产精品青青在线观看爽香蕉| Aⅴ精品无码无卡在线观看| 2021国产三级精品三级在专区| 四虎国产精品永久地址51| 四虎永久在线精品884aa下载| 欧美亚洲国产精品第一页| 久久99精品国产一区二区三区 | 91精品国产乱码久久久久久| 国产91精品一区二区麻豆网站 | 中文字幕九七精品乱码|