了解视觉特性才能设计出更好的 UI,教你看懂完形心理学的视觉法则!
i黑马 i黑马

了解视觉特性才能设计出更好的 UI,教你看懂完形心理学的视觉法则!

 

我们的眼睛和大脑在观察事物、接收影像刺激的时候,会有一些特别的倾向。这些倾向常常可以帮助我们快速的辨别事物,有时候也会产生所谓的“错觉”。完形心理学重要的概念便是“整体不等于个体的总合”,举例来说:当我们在观察另一个人的时候,并不是先看到他的手、脚、头、眼睛、耳朵、鼻子,然后把这些视觉特徵组合成一个称为“人”的组合。我们是直接的观察到人这个“整体”,而不是其他器官的“个体的总合”。

完形心理学由心理学家 Max Wertheimer 等人于 20 世纪初发展出来,影响了非常多其他的心理学派。完形心理学的视觉法则, 主要有下面几项特性:

1. 封闭性(Law of Closure)

我们在观察事物的时候,倾向将许多个独立的元素,视为一个封闭的图案。我们的大脑会自动填补元素和元素间的空白部分,形成一段不存在的线段。如上图所示,我们可以将一连串的圆点看成一个较大的圆环,也可以将一个不连串的线段看成一个完整的圆,这种视觉特性称为封闭性。

2. 相似性(Law of Similarity)

我们倾向把相似的事物看成一体,如上图所示,当一连串方块和一连串的圆形并排时,我们会看成两列方块和两列圆形,而不会看成直排。这是因为相似性让我们的眼睛和大脑更容易组织相似的事物。

3. 接近性(Law of Proximity)

但是很有趣的,一旦距离拉开之后,我们便倾向将靠近的事物看成一体,而非相似的事物,此时我们将两个方块和两个圆形看成一个直排。由此可以猜测接近性的权重可能大于相似性。接近性在使用者介面中是常常被大量运用的一种特性,例如:相近的按钮我们会将其看成一个群组。

4. 连续性(Law of Symmetry)

我们的大脑倾向将事物看成连续的形体,举例来说,我们不会将上面的左图看成两个相碰的圆环,而是交叉的两个曲线。我们也不会将右图看成两个相触的菱形,而是交叉的两条直线。这也许是因为大脑处理连续的事物比处理重叠或不连续的事物要更为敏捷所导致。

完形心理学的视觉法则可以广泛的运用在使用者介面、艺术、设计、摄影等许多不同的领域。完形心理学除了视觉上的认知以外,也主张我们对于事物的认知,不只是光从视觉上取得资讯,而是会将这些资讯与脑中已经储存的认知、印象、经验来进行整合,在整合过后才是我们真正体认到与感觉到的事物。了解我们的视觉特性,将够有助于我们设计更好的介面。

我们的眼睛和大脑在观察事物、接收影像刺激的时候,会有一些特别的倾向。这些倾向常常可以帮助我们快速的辨别事物,有时候也会产生所谓的“错觉”。完形心理学重要的概念便是“整体不等于个体的总合”,举例来说:当我们在观察另一个人的时候,并不是先看到他的手、脚、头、眼睛、耳朵、鼻子,然后把这些视觉特徵组合成一个称为“人”的组合。我们是直接的观察到人这个“整体”,而不是其他器官的“个体的总合”。

完形心理学由心理学家 Max Wertheimer 等人于 20 世纪初发展出来,影响了非常多其他的心理学派。完形心理学的视觉法则, 主要有下面几项特性:

1. 封闭性(Law of Closure)

我们在观察事物的时候,倾向将许多个独立的元素,视为一个封闭的图案。我们的大脑会自动填补元素和元素间的空白部分,形成一段不存在的线段。如上图所示,我们可以将一连串的圆点看成一个较大的圆环,也可以将一个不连串的线段看成一个完整的圆,这种视觉特性称为封闭性。

2. 相似性(Law of Similarity)

我们倾向把相似的事物看成一体,如上图所示,当一连串方块和一连串的圆形并排时,我们会看成两列方块和两列圆形,而不会看成直排。这是因为相似性让我们的眼睛和大脑更容易组织相似的事物。

3. 接近性(Law of Proximity)

但是很有趣的,一旦距离拉开之后,我们便倾向将靠近的事物看成一体,而非相似的事物,此时我们将两个方块和两个圆形看成一个直排。由此可以猜测接近性的权重可能大于相似性。接近性在使用者介面中是常常被大量运用的一种特性,例如:相近的按钮我们会将其看成一个群组。

4. 连续性(Law of Symmetry)

我们的大脑倾向将事物看成连续的形体,举例来说,我们不会将上面的左图看成两个相碰的圆环,而是交叉的两个曲线。我们也不会将右图看成两个相触的菱形,而是交叉的两条直线。这也许是因为大脑处理连续的事物比处理重叠或不连续的事物要更为敏捷所导致。

完形心理学的视觉法则可以广泛的运用在使用者介面、艺术、设计、摄影等许多不同的领域。完形心理学除了视觉上的认知以外,也主张我们对于事物的认知,不只是光从视觉上取得资讯,而是会将这些资讯与脑中已经储存的认知、印象、经验来进行整合,在整合过后才是我们真正体认到与感觉到的事物。了解我们的视觉特性,将够有助于我们设计更好的介面。

via i黑马

赞(...)
文章评论
匿名用户
发布