OETY欧亿|Home

135-2716-3909
网站建设资讯详细

格式塔原丨理在网站◥设计中的□□应用

发表日期:2026-07-16 14:45:57   作者来源:陈永慧   浏览:3640   标签:网站设计    
前言:我们虽然丨每天都看□□□到很多广◥告信息,但是真正□□□□记住的并□□不多,当我们看□□□到复杂的□□□事物的时□□□□候,心里会涌♦现一种不□□□□舒服的奇□□□怪感受,而且还无□□□□法用语言□□□来描述,为什么会□□□有这些感✦受呢?
其实道理很简单,我们设计的东西是给用户用的,人的认知和记忆是有限的,视觉设计和心理是相互联系的,并且相互影响。
接下来给◈大家分析□□□下什么是□□□格式塔原•理,相信大家□□□□比较熟悉□□格式塔这□□个词,但是格式□□塔到底是□□□□什么?
网上对于□□□□格式塔的▼解释天花□□乱坠,简单来说○就是你的◎大脑有把□□□信息化繁□□□□为简的能□□□□力,当然化繁□□□□为简不是□□□□目的,人脑会先□□通过简化□□□筛选信息,找到感兴□□□趣的信息□□了再了解□□□具体内容。如果做不□□□□到简化和□□□引导,大家就会□□□觉得这个□□设计说不•清哪里有□□□点怪,就是不舒□□□□服,相信你自▽己在看设□□计的时候□□也会遇到□□□类似的情□□□况,大脑处理□□□信息的过▽程是无意□□□识的,但是作为◥设计师要□□□□有意识的□□□的用一些□□□设计手段□□简化引导□□□用户的注□□□□意力。
 
格式塔的七个基本原则:

接近性原则 law of proximity

两个元素□□□越是接近,组合在一□□□□起的可能□□□性就越大。说明它们□□之间关系□□□更强。但是接近□□也是有对□□□□比的,简单来说□□□就是接近丨的元素更◎容易被看□□□成一个整□□□体,或者同一◎组信息。这个原则★比较简单。
 

设计案例1

 

相似性原则law of similarity

我们的眼❖睛很容易◉关注那些✦复杂环境□□□中外表相□□□□似的东西,这点在 UI设计中运□□□用非常多,因为 UI界面中的◢元素非常□□多,可以利用◇相似原则□□组织好界·面中的信❖息和层级□□□关系。

用户会把□□那些明显□□□具有共同□□□特性(如形状、大小、共同运动、方向、颜色等)的事物当□□□□成一个整□□□体。

设计案例2
 
连续性原则law of continuity

人的视觉有追随一个方向上的连续性,以便把不关联的元素联系到一起,连续与闭合并存的情况很多,为了好区分,放一个闭合的例子做比较。

设计案例3
 
闭合性原则law of closure

闭合是一□□□□种完成某□□□种图形(完形)的行动。就算没有□□□□外形的约□□□□束,我们也会◢自动把图□□□形脑补完□□□□全。比如半个◉形状或者□□有缺口的□□□形状我们□□□不会认为□□是一条线◢或各种零□□□□碎的图形,而是一个•完整的形□□状。闭合是指□□□一种完形□□□□的认知规丨律。
包括常见❖的 MBE风格 icon 其实也是□□这一原则☆的延伸。这样去处□□□理 icon 会让 icon 更透气,更具有趣□□□□味性,更有节奏◆感。

设计案例4


主体/背景原则

当小图形□□□重叠大图□□形之上,我们的视◤觉会倾向□□□□于将小图·形归为主□□□□体,大色块为●背景,这就是格□□式塔中的※主体与背□□□景原则。

设计案例5

简单对称性原则

简单原理♦适用于设□□□计中的三▼角形构图,均衡构图,对称构图,向心构图,摄影中的◈对角线,X型构图等。这些构图□□方式都是□□为了把复□□杂的信息□□□元素通过□□简单的方□□□□式让观者□□□易于理解。
熟练运用□□□这几种构☆图技巧,就可以牢□□□□牢抓住观•者的眼球,做出为人□□□□称道的好□□□设计&摄影&插画,让画面更□□具视觉冲□□击力和感□□□□染力。

设计案例6
 
 
如没特殊注明,文章均为OETY欧亿原创,转载请注明来自https://www.hd-banhen.com/news/6204.html