数字产品设计与心理学12 - 视觉通道

数字产品设计与心理学

人的视觉感知系统,是迄今为止人类所知的处理带宽最高的生物系统(陈为,2019)。视觉接收的原始数据量,高达 109 比特/秒。

2.4.1-视觉通过注意瓶颈

人类视觉的模式识别能力很强,从可视符号中获取信息的效率远高于文本和数字。有时候只要基于某些视觉特征,就能启动下意识的快速眼动搜索。从上一小节我们知道,想让某个物体「鹤立鸡群」,就要突出它的一些初级视觉通道特征,例如使用不一样的颜色。那么,如果要让多个物体都易于识别,该怎么办呢?初级视觉皮层中的各层,又分为许多小的区域,分别处理形状、颜色和运动等,如果想要在众多目标中快速识别,最有效的方法就是使用不同的视觉通道。

视觉通道是可视化中的重要概念。可视化编码由标记和视觉通道组成。标记通常是一些抽象的几何图形元素,如点、线、面、体。视觉通道为标记提供视觉特征,包括位置、大小、形状、颜色、运动方向、色调、亮度等。

2.4.1视觉通道

感知系统接收视觉信号时,有两种基本的识别模式:

  • 类别模式:获得关于对象本身特征和位置等信息,描述对象是什么或在哪里
  • 次序模式:获得关于对象某一属性在数值上的程度信息,描述对象具体有多少

对应这两种识别模式,可以划分视觉通道为定性(类别)和定量(连续、有序)两种。例如,用不同色调表现定性的类别数据,用同一颜色的不同亮度表示定量的次序数据。合理地选择视觉通道,是信息传达的前提,对数据这种抽象信息尤为重要。

在数字产品的界面设计中,设计师就是在跟各种视觉通道要素打交道:决定文字、符号、图像等视觉元素的位置,选择合适的形状表示一定的含义,赋予元素特定的长度、大小、颜色,在元素之间形成各种关系,等等。

视觉通道的表现力和有效性可以由这几个维度来衡量(陈为,2019):

  • 准确性,是否能够准确的表达视觉数据之间的变化
  • 可辨认性,同一个视觉通道能够编码的分类个数,即可辨识的分类个数上限
  • 可分离性,不同视觉通道的编码对象放置到一起,是否容易分辨
  • 视觉突出,重要的信息,是否用更加突出的视觉通道进行编码

2.4.1视觉通道比较

对数据这类抽象信息而言,位置、长度、颜色、形状的视觉通道表现力较好,在设计时应优先选择用这些形式来映射设计对象的特征。

Ref

陈为 等. (2019). 数据可视化(第2版). 电子工业出版社.

kidult00 wechat
扫码关注 00 的公众号
如果文章帮您节省时间或者解答疑问,不妨打个赏 :)