格式塔知觉中临近原则案例运用Word文档格式.docx

格式塔知觉中临近原则案例运用Word文档格式.docx

《格式塔知觉中临近原则案例运用Word文档格式.docx》由会员分享，可在线阅读，更多相关《格式塔知觉中临近原则案例运用Word文档格式.docx（8页珍藏版）》请在冰豆网上搜索。

人们的审美观对整体与和谐具有一种基本的要求。

简单地说，视觉形象首先是作为统一的整体被认知的，而后才以部分的形式被认知。

通俗的讲我们先“看见”一个构图的整体，然后才“看见”组成这一构图整体的各个部分。

这个logo大家应该不陌生，我们在识别他的时候是不是先看到了一个整体的U然后才看到里面组合的各种元素。

如果去深入研究格式塔原理，可能需要相当长的时间来学习理解，作为视觉设计师，其实只要理解这几个原理的含义和使用方法，就可以对自己的设计做出指导和支撑了。

比如：

接近性、相似性、闭合性、连续性、简单性、图形和背景。

比较常见的是前面四条，也是我们视觉设计包括平面设计当中常用的四条。

下面就来具体解读这些原理

接近性

距离/位置相近的元素趋于组成一个整体。

就像上图一样，由于两个圆之间的距离更近，一般我们首先看到的就是3组圆而不是6个独立的小圆。

这里要注意一点，相近性作为格式塔的首要原则，它的影响非常大，大到可以抵消其他原则，比如上图的圆形添加颜色，甚至改变其形状，人们也会把相近的事物当成一个整体。

这则原理在平时的视觉设计中应用比较广泛，比如上图的app列表页。

设计师在设计的时候会有意识的将相似的功能聚合在一起，让其变成一个整体，使整个页面结构更加清晰便于理解。

相似性

在某一方面（大小、颜色、形状等）相似的元素趋于组成一个整体。

观察上图我们会发现有2种圆，而不是15个圆。

这是因为我们的眼睛很容易关注那些外表相近的物体归为一组。

这里要注意一点，颜色作为相似性的参照依据要强于形状，因为相较于形状，醒目的颜色更能吸引人的注意力。

比如上图中我们会首先将颜色鲜红的图标归为一个整体，其次再根据圆形的轮廓确定将上下两行功能图标归为一类。

这样设计的好处是能让设计重点更加突出，同时又不破坏整体感。

闭合性

构成闭合造型的元素趋于组成一个整体。

观察上图我们会发现有1个圆圈，和1个点，而不是9个点。

我们的视觉系统自动的尝试将敞开的图形封闭起来，从而将其感知为完整的物体而不是分散的碎片。

比如文章开始的时候联合利华的logo就是运用了这条原理。

在页面设计过程中也有很多地方利用了这条原理。

比如上图右侧的图片被不自然的切断了，但是用户可以通过残留的部分，脑补出右侧仍然有个完整的整体，这样用户很自然知道可以左滑查看更多的信息。

连续性

当发现一个视觉规律后，倾向于将对象按规律延续下去。

比如上面这张图，你首先会意识到这是一个圈、三条直线和一条曲线，我们从小就知道直线、圈和曲线，所以当我们看到这张图的时候，知觉上会弱化这些线条分割所带来的“块”，而依然意识到是由三条直线、一个圆、一条曲线组成的。

这条原理对设计师的启发在于，要为用户创建一个条形规律，辅助他阅读理解页面。

像上图，用户可以通过阅读前三名的信息，组建出一条自己阅读规律方便后续的阅读。

比如有些用户关注运动时常，这样他在阅读该信息的时候只需要关注最右侧的运动时间，因为时间都展现在右侧。

简单性

将复杂的视觉信息降低为更为简单的，更有对称性，更容易理解，更有意义的东西

比如上图，一般人更倾向于将左侧的图形理解为两个圆形，而不是右侧的两个形状。

这个原则在扁平风格当道的今天特别受用，比如上图，图标越来越简洁。

图形和背景

一定范围内，图形与背景对比越大，位置越突出，则图形越容易被发觉。

上图对比后会发现左侧的白色图形更容易被发现。

这条原理告诉我们图形与背景的对比越大就越明显，反之我们也可以降低对比度来弱化不重要的信息。

比如上图顶部三个功能按钮使用明亮的颜色增加了图形与背景的对比度，是他比下面的功能更容易被发现。

总结

对于原理本身，因为他是由我们人类自己的神经系统感知图形的规律总结出来的东西，也就是说我们每个人潜意识里就具备这项技能，在解释原理的过程中你也会发现很容易理解，但是我们在构思设计的过程中往往会多于专注视觉效果的创作而忽略最基本的原理，也是PM和需求方经常反馈的问题。

比如功能不够明显、页面杂乱、不舒服等等。

我们把原理归类、总结、记忆的目的有两个：

一个是自我检查，这里包括设计之前进行有理有据的设计构思；

设计过程中检查自己的设计作品，避免低级错误导致后期改稿和撕逼；

再就是设计完成之后对需求方有理有据的陈述。

第二个是在深入理解的前提下做设计时能够举一反三。