成功的视觉构图很大程度上利用了人们对于图形感知上的规律。影响人类感知的因素有很多,其中大多都和心理学息息相关。图形和形状当中,也蕴含着深刻的心理学原理。
今天我们来讨论一下图形中的规律,以及它们是如何影响UI设计师创作的。
所有的物体和对象都能够基于它们的形状进行分析。一个房子的图形可以被分解为一个三角形和一个矩形,太阳则常常被呈现为周围有波浪线条的原型。人们并不能总会有意识地去感知周围的物体的形状,但是这些形状确确实实影响着人们的意识和行为。研究形状对于人影响的科学被称为形状心理学。
相关的研究表明,每种形状都是有着它们的含义的。有许多心理学测试都通过形状来判断人的心理状态和性格特征。这些测试当中,最喜欢的数字可以反映出人的一部分性格特征,而下意识选取的图形则能够体现一个人的心理倾向。
多年来的研究和测试同样帮助专业人士了解了各个图形通常所代表的含义,以及它们是如何影响人的感知的。接下来,我们具体看看。
说到形状,大家首先想到的肯定是几何图形。人们每天都会看到很多几何图形,最基础的无非是正方形,圆形,矩形等。它们都有着什么样的含义呢?
这两种图形被认为是最常见的图形,也是最常用的图形。我们每天会看到很多次,墙壁和家居,图书和手机,很多日常用品都采用的方形和矩形这样的形状。矩形和方形平整的边缘和清晰的直角会给人一种可靠和安全的感觉。人们很容易将矩形和方形和建筑联系到一起,这也是为什么它会给人以信任和权威的感受。
三角形是一种充满活力又足够动态的图形,和运动、方向有着紧密的关系。三角形中每两条线会构成一个夹角,多数角度都是锐角,视觉会不由自主地被这些夹角所吸引,注意到它们所指向的方向。三角形有着集中不同的含义。正三角形带来稳定和平衡的感觉,夹角朝上的三角形让人安心,而相反方向的三角形让人感到危险,令人紧张。
圆形常常会给人一种圆满、永恒的感觉,因为它没有起始没有结束。宇宙间各种星球大都是圆形的,这一点和它的含义不谋而合。椭圆同样和许多宇宙天体保持着一致,这也是为什么圆形和椭圆常常会给人一种神秘的感觉。另外,圆形和其他的图形不同,它没有角,这使得它看起来更加柔软温和。
螺旋同样是一个常见于自然界的图形,比如贝壳和花朵,这也是为什么它常常会让人联想起成长、生命和循环。在一些特定的文化当中,螺旋常常被视之为知识和信息。在现代社会中,螺旋常常被视为创造力和新鲜想法的标志。
大自然所创造的图形就不再拘泥于几何图形的框架,其中包含许多独特的形状,树叶,花朵,灌木,动物,它们都是艺术家和设计师的灵感来源。这些天然的形状通常都有这明显而具体的含义,无论是动物还是植物,它们在各个不同的文化当中都有着相当明确的意义。比如玫瑰代表着爱情,狮子是骄傲和勇敢的象征,不过,这是另外一个需要深挖的话题。
抽象图形通常是自然形状的简化之后的视觉符合。有一些抽象形状可能不那么容易识别,因为它们是非写实的,只有一些细节能够反映出一些根脚。多数抽象图形带有一些直接或者间接的比喻含义。它们常常会用于UI设计,特别是按钮和图标的设计。抽象图形是不通过文本快速传递信息的有效方法。
形状是几乎所有设计中都无法忽略的关键性因素。它们作为设计的视觉组成部分,也是承载设计元素、连接内容的组织工具。为了让设计足够精巧,设计师需要考虑形状的意义以及对于用户的影响。
数字产品的交互界面当中,有各种各样的形状。无论是按钮、图标还是装饰性的元素,都会直接影响到内容的组织。举个例子,文本块通常都是矩形,因为这样易于用户快速的扫视阅读。使用不同的形状来调整信息架构,UI设计师能够让布局更加高效。使用特定的形象来构造布局,往往能够让眼睛更快找到核心的信息。举个例子,我们如果将内容分布在一个三角形的结构中,位于三个角上的元素更容易为用户所注意。
形状心理学在排版设计中的重要性是不言而喻的。很多字体都有着它们独特的视觉特征,它们的独特气质大多是基于它们的几何形状特征来实现的。有的边角圆润的字体会显得非常女性化,有的字体通过平直的棱角来营造力量感。
人的大脑中充满了秘密,很多时候难以预测其中的走向。心理学帮助设计师了解用户内心的运作机制,至少是从某种意义上帮助设计师更好的判断设计的方向。
原文作者: Tubik Studio
译文:@陈子木
本文地址:http://www.uisdc.com/shape-psychology-in-design
汉堡图标这么火真的好使吗?这5个替代方案帮你搞定移动端导航
最新精品Mockup素材打包下载-每周素材推荐
和佛系设计师 Say No!有追求的设计师要面对的4个挑战
指尖上的UI设计:移动端设计中的手势交互
预测:2018年UI设计的8个流行趋势
谈谈Sketch48更新内容及P3广色域支持对我们的影响
一键提取UI设计稿配色方案-你需要Alembic插件
没有了HOME键的IPHONE X怎么玩儿交互?
没有四倍图!iPhone X发布对UI设计师的影响!
iOS 11官方设计指导视频中文版及UI套件下载
点击阅读原文-购买《不一样的UI设计师》