下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、格式塔原理在UI设计中的运用格式塔心理学派中的“格式塔”源自德语“Gestalt”,意即“整体”、“完形”。他的核心理论是,人的视觉是具有整体化、简化处理图形倾向的,因此,当一个不完整的图形出现在人的视觉当中时,人的视觉思维会倾向于自动将其补全,使其变成一个已知的、完整的、常见的、整体图形,即“完形”。打个比方说,当你看到一个圆形,但圆形的边上有一个很小的缺口,你的大脑会倾向于将它识别为一个完整的圆形;当你看到天空中的一朵云,你会下意识的把它想成一个动物或一个别的你知道的物体的形象;往远了说,在神话故事里,那些妖魔鬼怪、神仙菩萨,他们的形象也是由已知的、熟悉的形象组合而成,而不是凭空出现的格式
2、塔原理作为一个著名的心理学派,他的理论几乎适用于所有与视觉相关的领域,它与UI设计的关系尤其密切,它可以帮助我们,梳理界面的信息结构、层级关系,提升界面的可读性,他主要有几个特性,即相似性、接近性、封闭性、连续性、主体与背景关系、均衡原理下面就来一一讲述下相似性人的潜意识里会根据形状、大小、颜色、亮点等,将视线内一些相似的元素组成整体,根据我们的潜意识分类,一般来说,在大小一样的情况下,人们更容易把颜色一样的看成一个整体,而忽略掉形状的不同所以当我们有几个平行的功能点,但又想突出一个的时候,就可以把那一个做成特殊的形状或者是不同的颜色、大小等,这样用户能一眼看到你要突出的那部分,而再细看那部分
3、又和其他部分是一个整体,不突兀,类似于平面设计中的 “特异”接近性元素之间的相对距离会影响到我们视觉感知,通常我们认为互相靠近的元素属于同一组,而那些距离较远的则不属于,和相似性很像,不过相似性强调的是内容;而接近性强调位置,元素之间相对距离会直接影响到他们是不是同属于一组; 在UI中最常见的就是列表以及文字展示、图文展示了,在列表页信息多的时候,都会把功能趋于相似的放在一起,利用相近原理,使他们在视觉上趋于一个整体,这样既能让界面功能清晰易懂,不至于杂乱无章在文字展示的时候,标题也会更趋近于自己的正文内容,其实这一点,就跟美国作者Robin Williams在写给大家看的设计中中所提出的“亲
4、密性”意思一样,亲密性主要讲的是彼此有关联的元素在页面上的距离要近些,而没有关联的要离得远些,如果页面上的亲密性一样,那么我们可以把他当成一个整体封闭性人的眼睛在观看时,大脑并不是在一开始就区分各个单一的组成部分,而是将各个部分组合起来,使之成为一个更易于理解的统一体,这个统一体是我们日常生活中常见的形象,如正方形、圆形、三角形、猫、狗等这一原则在很多地方都会用到,比如在一屏幕页面的时候,我们总会露出下一个模块的边角,或者是左右滑动的轮播图,都会外露下一模块的内容,这本质上就是利用了这一原则,人的眼睛的自动补全功能,不用看到全部,就能脑补出下一模块会出现什么连续性人的视觉具备一种运动的惯性,会
5、追随一个方向的延伸,以便把元素链接在一起成一个整体,如下图,你是会把它当成两个大的圆形,还是当成无数个小圆呢?毋庸置疑,第一眼看到的时候,肯定是两个大的圆形,而不是无数个小圆主体与背景关系我们在看一个页面的时候,总是不自觉的将视觉区域分为主体和背景,而且会习惯把小的、突出的那个看成是背景之上的主体。主体越小的时候,主体与背景的对比关系越明显,主体越大则关系越模糊而在UI设计中,最常见的区分背景和主体的方式就是,蒙版遮罩以及毛玻璃效果,这两种都能起到弱化背景,突出主体的作用,是他们的对比关系更明显均衡原理我们的视觉在观察一个物体的时候,会下意识的去寻找他们的平衡点,元素在页面上处于一种平衡状态,会让人心情舒缓愉悦。而在APP界面设计中这一点尤为重要,可能你都没意识到这一点,但却在设计的时候会不自觉的注意这一点PS:视觉大小元素大小,比如相同大小的一个正方形和圆形,在视觉上我们会觉得他们不是一样大的,所以我们要让其“一样大”,就得把圆形调大一点,或者把正方形调小一点最后,想说明一下,格式塔的各
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 互联网教育行业人才协议
- 服装行业新品发布会策划
- 工程拆除清理服务合同
- 科技期刊学术交流网络构建
- 智能教育弱电施工合同
- 体育馆开幕式舞蹈演员合同
- 通信网络监理人员招聘协议
- 石油公司聘用合同模板
- 专利许可合同履行办法
- 地下安全系统引孔施工合同
- GA 614-2006警用防割手套
- 智慧购物中心整体解决方案
- 压力表以及压力变送器-课件
- BIM技术咨询管理服务招标投标文件技术标
- 最美动画大师新海诚介绍PPT讲义
- 送达地址确认书(完整版)
- 高中化学必修1 优秀课件萃取
- 河北省邢台市药品零售药店企业药房名单目录
- 外贸基础知识考题(50题)
- 围绝经期异常子宫出血专家共识55张课件
- 四川省绵阳市各县区乡镇行政村村庄村名居民村民委员会明细
评论
0/150
提交评论