心理学在设计的应用(一)

前序:设计的面向对象是人,虽然个体的认知识别千差万别,但又有朴素的理论支持。人对物体、图形等等的认知是跟随进化史发展的,希望能从大脑或者心理学的角度来解读视觉信息对于人的不同认知。


一、弧形偏好

认知神经科学实验室主任Moshe Bar实验证明,人更喜欢带有弧形的物体,棱角分明的物体给人一种威胁感

心理学在设计的应用(一)_第1张图片
在平衡和不平衡图像中,人们都倾向于弧线图像

带有棱角的复杂图形 和 带有轻微弧度的复杂图形实验中,人们还是选择了弧度的复杂图形。

心理学在设计的应用(一)_第2张图片

很多著名公司在logo的设计上都采用了弧形设计

心理学在设计的应用(一)_第3张图片
著名公司logo


而在表现物体正面和负面中,人们的偏好会有差别。

在正面、中性的物体,会更偏向弧形;

心理学在设计的应用(一)_第4张图片
蛋糕是弧形
心理学在设计的应用(一)_第5张图片
洋娃娃是弧形

而在负面意义的物体,没有偏好;

心理学在设计的应用(一)_第6张图片
蜘蛛
心理学在设计的应用(一)_第7张图片
刀片

建议:在视觉设计中,采用弧形图形。能传递给用户友好可信赖

心理学在设计的应用(一)_第8张图片
心理学在设计的应用(一)_第9张图片


二、识别物体会寻找规律

David Hubel 和Torsten Wiesel(1959)研究表明,大脑视觉皮质中的细胞分工不同,分别只对横线、竖线、边线和特定角度的线作出反应。

心理学在设计的应用(一)_第10张图片

为了更快解析周围世界,大脑倾向于发现规律;

形成了著名的格式塔原理;主要包括接近性原理相似性原理连续性原理封闭性原理对称性原理主体/背景理论共同命运原理;

相似原理:

心理学在设计的应用(一)_第11张图片
这3个为1组        这2个为1组      


对称原理:

心理学在设计的应用(一)_第12张图片
将对象视为在中心点对称,并且均匀分割      


连续性原理:

心理学在设计的应用(一)_第13张图片
视觉系统倾向于感知连续的形式,看到的是2条相交线,而不是4条线段

封闭原理:

心理学在设计的应用(一)_第14张图片
会将敞开的图形关闭起来,感知完整物体,而不是分散


主体背景原理

心理学在设计的应用(一)_第15张图片
场景中占据注意力的是元素,其余是背景      


共同命运原理:

心理学在设计的应用(一)_第16张图片
一起运动的物体被感知为属于一组或者彼此相关

建议:设计中应呈现规律

举例~~~

心理学在设计的应用(一)_第17张图片

相似原理:每一个模块外形、布局设计一致,在元素内容上区别于其他,既能保持整齐,又能使用户直观感受到每个功能模块展示的是不同内容。



心理学在设计的应用(一)_第18张图片

对称原理:空间布局上采用对称性原理,使得空间的划分呈现均匀性。左右的比重在视觉上平衡。



心理学在设计的应用(一)_第19张图片

连续性原理:在构图上,元素未显示完整,但不会影响视觉效果,反倒增加页面扩展性。



心理学在设计的应用(一)_第20张图片

封闭性原理:会将敞开的图形关闭起来,感知完整物体,而不是分散



心理学在设计的应用(一)_第21张图片
心理学在设计的应用(一)_第22张图片

主体背景原理:页面设计时常用主要内容显示后,放置印象背景,达到传递信息暗示主题的作用。作为最上的内容,是用户注意力焦点内容。弹窗是主体,背后的页面成为了背景。



心理学在设计的应用(一)_第23张图片

共同命运原理:针对运动的物体,与接近性、相似性原理相关,都影响我们感知物体是否成组,例如图中周围8个色块一同运动,则会认为同时运动的8个色块为一组。



三、大脑有专门识别人脸的区域

大脑有专门识别人脸的区域,视觉皮层之外有特殊的区域,专门来识别人脸。

而且我们会不由自主的向别人眼睛所看的方向。


心理学在设计的应用(一)_第24张图片

建议在视觉设计中,采用人眼神方向延伸注意区域

心理学在设计的应用(一)_第25张图片
心理学在设计的应用(一)_第26张图片
心理学在设计的应用(一)_第27张图片



四、整体认知主要依靠周围视觉而非中央视觉

心理学在设计的应用(一)_第28张图片

中央凹是视网膜后的一个小凹陷,能看到高清晰的图形,覆盖2个大拇指盖大,而中央凹其他的周边称为周边视觉。

大脑中枢能同时处理中央视觉和周边视觉

Casimirludwig实验研究,周边视觉决定着中央视觉接下来要把注意力的焦点放在哪里,这在很大程度上是潜意识的过程。

然而。

不要因为这个理论,就删除周边视觉,反而应该重视。正是由于周边视觉决定接下来看哪里

所以设计中不要只是留白这样简短粗暴的方式

建议:在周边视觉中包含信息,辅助人们接下来决定看哪里

心理学在设计的应用(一)_第29张图片
心理学在设计的应用(一)_第30张图片

你可能感兴趣的:(心理学在设计的应用(一))