国产一区二区三区精品视频导航-国产一区二区三区精品综合-国产一区二区三区久久精品-国产一区二区三区乱-国产一区二区三区乱码福利-国产一区二区三区乱码在线观看

“大產品小細節”,5分鐘讓你了解格式塔原則!

要想產品做的好,小細節是絕對不能放過的,要從細節作出大產品。今天,天津網站建設小編就來聊聊設計中常用的一個心理學原則——格式塔原則。相信對于這個原則還是有很多設計師有所了解,但其運用就比較少見了。讓我們一起來學習一下吧。
  一、格式塔原則
 
  首先簡單介紹一下格式塔原則,格式塔原則分成五個部分:
 
  相近(Proximity):距離相近的各部分趨于組成整體。
  相似(Similarity):在某一方面相似的各部分趨于組成整體。
  封閉(Closure):彼此相屬、構成封閉實體的各部分趨于組成整體。
  連續(Continuity):我們傾向于完整地連接一個圖形,而不是觀察殘缺的線條或形狀。
  簡單(Simplicity):具有對稱、規則、平滑的簡單圖形特征的各部分趨于組成整體。
  二、說明與舉例
  相近
 
  人們通常把位置相對靠近的事物當成一個整體。下面用一幅圖說明:

同樣都是16個圓形,你會把左圖的16個圓形當成一個整體;但是右邊那幅圖,上面8個圓形和下面8個圓形分別靠近,所以你會把上面8個圓形當成一個整體,下面8個當成另外一個整體。
 
  這里需要注意的是,相近性作為第一條原則,它的「權重」非常大,大到可以抵消其他原則,比如為上面的圓形添加顏色,甚至改變其形狀,人們也會把相近的事物當成一個整體:
 

那么相近性原則的實際應用,又有哪些呢?較為常見的地方是功能列表頁面,比如設置,或者像微信的「發現」頁面那樣的功能列表頁面。大家會把「掃一掃」和「搖一搖」、「購物」和「游戲」當成一個整體,這樣可以使界面顯得更加清晰,同時還能突出重點,這個列表的兩頭實際上是最突出的,像「朋友圈」和「小程序」。如果沒有使用格式塔的相近原則,界面就會顯得非常雜亂了。

相似
 
  人們會把那些明顯具有共同特性(如形狀、大小、共同運動、方向、顏色等)的事物當成一個整體。比如下方第一幅圖,大家會把同行的正方形當成一個整體,其他圓形當成一個整體。第二幅圖,人們就會把大正方形當成整體,小正方形當成另一個整體。

而這里需要注意的一點是人們對形狀、大小、共同運動、方向、顏色的「感受權重」是不一樣的,在這里顏色屬性會覆蓋其他屬性的影響:

 左邊這幅圖,大家會把正方形當成一個整體,加了顏色后的右圖,就變成豎列圓形+方形是個整體了。
 
  全面提到了一個叫共同運動的東西,估計大家會很陌生,這里以安卓的交互規范為例,說明共同運動。安卓的懸浮按鈕,就是一個用了相似性(共同運動)的設計,點擊右下角的分享,從下往上會出現多個操作按鈕,雖然icon不是一樣的,但是因為同樣是從下往上移動,所以人們會把他們當成一個整體。
 

封閉
 
  人會將不完全封閉的東西當成一個統一的整體,所以有些時候完全閉合是沒有必要的。比如世界自然基金會的Logo,就是一個典型地用到封閉原則的設計:

熊貓的頭部和背部并沒有明顯的封閉界限,但是我們依然會把它當成一只完整的熊貓。
 
  那么封閉性原則又在哪些地方使用呢?這一原則其實很多地方都用到,不過我們一般不叫其為封閉性原則,而是叫截斷式設計。為了讓用戶感知到還有內容,一般我們會使用截斷式設計。像微信的錢包頁面,底部因為屏幕大小的關系被截掉了部分內容,但是用戶可以通過殘留的部分,“腦補”出下方仍然有個完整的整體:
 

連續
 
  我們傾向于完整地連接一個圖形,而不是觀察殘缺的線條或形狀。首先請大家看看這幅圖片:

大家覺得圖里的是兩個圓形呢?還是兩個殘缺圓和一個兩圓相交的重合?

按照格式塔原則,我猜大家看到的應該是上方左邊的兩個圓形吧。
 
  這個法則我們在交互設計上用得比較少,但是在視覺設計中會用得多一點,比如某些應用就喜歡把AppStore上的應用截圖做成連續的圖片。

 簡單
 
  具有對稱、規則、平滑的簡單圖形特征的各部分趨于組成整體。給大家看看一個例子:
 
  左邊的界面就是個對稱頁面,所以我們會覺得左邊的各個卡片是個整體,下方還有一個新的卡片。但是右邊的卡片就不是了,因為整個頁面不是對稱的,用戶可能會疑惑右邊是不是還有卡片。

果然網絡小編溫馨提示:看過以上幾個例子后,相信您也發現,其實這幾個原則都是可以混合使用的。希望這篇文章可以幫助大家設計出更優秀的界面!在這里我想強調幾點:
 
  1、以前讀書的時候,對這些理論不屑一顧,但是真的工作后,才發現熟練使用這些理論可以極大地提高你的工作效率。
  2、原則不是一成不變的,熟練使用這些理論后,可以嘗試「打破」這些原則,說不定可以創造出更棒的效果!



聯系我們

如有問題請聯系我們,我們7*24小時竭誠為您服務

主站蜘蛛池模板: 91免费视频播放 | 欧美综合视频在线 | 国产99久久九九精品免费 | 精品午夜福利1000 | 日韩美女网站 | 亚洲欧洲国产综 | 欧美成人理论片免费观看 | 日本高清在线视频www色下载 | 中文精品人人永久免费 | 91黄色 | 又硬又粗又长又爽免费看 | 国产成人拍精品免费视频 | 91精品综合 | 午夜免费视频 | 日本精品一区二区三区高清 | 免费美女搞黄视频网站 | 国产精品无码一区二区三区 | 精品亚洲成a人在线观看 | 97久久久久国产精品嫩草影院 | 亚洲欧美综合区自拍另类 | 青青国产成人久久111网站 | 中字幕视频在线永久在线 | 亚洲欧美国产国 | 亚洲国产另类久久久精品秋霞 | 日韩欧美一区中文字幕在线 | 亚洲欧美久久一区二区电影 | 国产肉丝袜美腿 | 免费视频播放器 | 香蕉亚洲精品网站国产一二三四 | 午夜福利亚洲精品久久 | 伊人色播激情五月丁香 | 国产免费一卡二卡三卡四卡 | 3d动漫av在线观 | 日本国产亚洲一区不卡 | 午夜福利免费看 | 波多野结衣乳巨码无在线观看 | 91久久精品久久精 | 国产在线观看免费视频在线 | 国产成人精品免费视频大全 | 日韩国产一级成人黄片av专区在线 | 欧美福利在线一区二区三区p |