午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

用超多案例,幫你學會經典格式塔理論的7個視覺原則

2022-3-23    周周

什么是格式塔原理 (Gestalt)


格式塔心理學誕生于 1912 年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現象并對它們編定了目錄。其中最基礎的發現是人類視覺是整體的:我們的視覺系統自動對視覺輸入構建結構,并在神經系統層面上感知形狀、圖形和物體,而不是只看到互不相連的邊、線和區域。「形狀」和「圖形」在德語中是 Gestalt,因此這些理論也稱作視覺感知的格式塔原理。

格式塔創始人總結的七個基本原則:

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

用超多案例,幫你學會經典格式塔理論的7個視覺原則

在上圖的兩個圖形組合中,我們可以看出「A」中的圓角矩形給我們的視覺效果是以橫向的「行」為單位進行組合,而「B」中更像是以「列」為單位進行組合。因「A」每兩個圓角矩形之間的間距橫向 20px 大于豎向30px,而「B」與之相反所以會產生這樣的視覺效果。距離近的關聯親密,距離遠的就各自獨立分組這就是格式塔理論中的接近性原則。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

在視覺效果上,圖上單獨的特征已經不是特別明顯了,替換而來的是接近組合形成了層次分明的整體。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

我們在做版式設計時會把圖文信息以不同形狀、大小、顏色分組排列,在視覺上營造視覺層次,便于用戶閱讀。如上圖元素以組的形式分布在海報中的各個位置,形成不同大小的視覺層次,讓我們能夠依次看到主要信息、次要信息、輔助信息等內容。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

上圖微信的發現頁面中,把功能分組用戶,硬性分割每組是一個整體。而 App store 中的「探索更多」和「為你推薦」和下方內容距離更近,在中間沒有明確分割線的情況下進行軟性分割,用戶也會知道他們和下方內容是一個整體。

2. 相似性原則

用超多案例,幫你學會經典格式塔理論的7個視覺原則

人們在觀察事物的過程中經常會將相近或者相似的東西自動的合并在一起,如上圖中我們會在視覺中默認分為「灰-粉-灰」三部分。人們在感知事物過程中會形成的心理模型,相似的物體默認歸屬于一組,這就是格式塔的相似性原則。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

上圖中的郵件界面就是格式塔相似性原則的體現。我們在瀏覽的過程中,會從心理上默認把縱向的郵件圖標、發件人、郵箱標題等自動歸為一類。

相關閱讀:

用超多案例,幫你學會經典格式塔理論的7個視覺原則

因擁有共同的視覺元素具有聯系性,上圖是以「圖片+標題+作者」為一個模塊,從而在視覺上我們把界面分成一個個組類。

3. 連續性原則

因人眼的視覺會偏向連續的形式,使閱讀上更具有連貫性,在觀察事物的過程中會情不自禁地形成一種視覺延續的感受,這就是格式塔的連續性原則。

上圖中 IBM 的 logo,我們之所以能看出來是 IBM,就是因為我們在視覺上看到的不是離散的線條,而是連續的圖形。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」就是我們在閱讀過程中形成的視覺延續的體現,有橫向或縱向的閱讀模式。因此,在設計中有效的對齊可以減弱用戶的視覺疲勞感,不打破視覺的連續性。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

4. 閉合性原則

閉合性與連續性比較相似。真實的圖形是非閉合的,但在視覺上我們會自動把空白填滿形成封閉的空間,這就是格式塔的閉合性原則。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

圖中 IBM 的 logo,我們的視覺會將非閉合事物進行閉合處理。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」中我們的視覺系統自動的嘗試將敞開的圖形封閉起來,從而將其感知為完整的物體而不是分散的碎片。

5. 簡化對稱性原則

在觀察事物過程中,我們第一印象更傾向于簡單而且對稱的圖形,這就是格式塔的簡化對稱性原則。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」中是屬于人類視覺的自然感知,①屬于一種視覺經驗第一時間感知,而②和③屬于視覺的強烈感知,是通過分析和解析。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」就是格式塔的簡化對稱性的體現,用戶在瀏覽的的過程中有效減輕了閱讀壓力。

6. 主體與背景原則

當小圖形重疊大圖形之上,我們的視覺會傾向于將小圖形歸為主體,大色塊為背景,這就是格式塔中的主體與背景原則。如「下圖」。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」就是利用了主體與背景的原理,體現了圖形之間的共生關系,凸顯主體與背景。

7. 共同命運原則

共同命運是為運動物體的體現,與接近性原理和相似性原理相像,都與我們的視覺系統會有著給對象進行分組來感知事物的傾向相關,但是一起運動的物體會被感知為屬于同一組或是彼此相關這樣的一種視覺現象,這就是格式塔中的共同命運原則。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」選中的圖形 02、07、08、12、13、14、21、22,我們在處理的過程當中,會默認把它們歸為一類。

用超多案例,幫你學會經典格式塔理論的7個視覺原則

「上圖」格式塔理論中共同命運涉及到運動的物體,iPhone 中刪除應用時候,左上角都有一個刪除的標記,在處理的過程中,要么刪除,要么保留,這就是共同命運原則。



總結


格式塔原則的體現在設計中比比皆是,我們只有更好的利用視覺空間設計作品,減少設計的復雜性,盡量保持格式塔原則的完整,用戶才能更好更容易地理解使用我們的產品。





文章來源:優設網 作者:土撥鼠

分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板: 一区二区乱子伦在线播放 | 双腿打开揉弄高潮H苏安安秦慕深 | 无码内射成人免费喷射 | 动漫美女被爆挤奶歪歪漫画 | 老师我好爽再深一点老师好涨 | 美国ZOOM动物在线观看 | 精品久久久爽爽久久久AV | 俄罗斯mm| 久久99国产精品一区二区 | 亚洲免费国产在线日韩 | 99国产精品偷窥熟女精品视频 | 少妇被阴内射XXXB少妇BB | 囯产少妇BBBBBB高潮喷水一 | 国产精品欧美一区二区在线看 | 浴室里强摁做开腿呻吟的漫画男男 | 人妻精品久久无码专区 | 亚洲色偷偷偷网站色偷一区人人藻 | 久久精品综合电影 | 国产亚洲精品a在线观看app | 午夜伦理电影在线观免费 | 91免费永久在线地址 | 麻豆啊传媒app黄版破解免费 | 国产亚洲精品久久久久久线投注 | 亚洲精品乱码8久久久久久日本 | 青青视频国产依人在线 | 日日噜噜夜夜狠狠视频 | 欧美 亚洲 日韩 中文2019 | 久久国产露脸老熟女熟69 | 久久不射电影网 | 久久性色AV亚洲电影无码 | 成人毛片18岁女人毛片免费看 | 免费看的一级毛片 | 亚洲一区二区三不卡高清 | 真实国产精品视频国产网 | 国产精品私人玩物在线观看 | 亚洲日本香蕉视频观看视频 | 被老师按在办公桌吸奶头 | 抽插H浊水H嫩B父皇 虫族bl文全肉高h | jizzxxxx18中国内地 | caoporn 超碰免费视频 | 18岁末年禁止观看免费1000个 |