用户界面设计准则的基础

所有的设计准则背后，都基于人类心理学基础，即人们如何感知、推理、记忆以及把意图转换为行为的。只有了解基本设计准则背后的心理学基础，才会使交互系统的设计具有可用性与实用性

---

在了解人们是如何感知色彩之前，首先我们需要了解色觉有以下三个特点：

• 我们的视觉是为检测反差（边缘）优化的，而不是绝对亮度
• 我们辨别颜色的能力依赖于颜色是如何呈现的
• 用户屏幕和观看条件会影响对颜色的感知

接下来， 我们需要了解色觉到底是如何工作的？

眼睛视网膜的两类感光细胞

视杆细胞：能够察觉光线强度但感觉不到强度，在低亮度下工作，在光线很暗的环境中才会起作用
视椎细胞：能够察觉颜色，并且有三类视椎细胞分别对红、绿、蓝光敏感，但这三类视椎细胞的敏感度却不同，且敏感范围是一个重叠状态

• 低频视椎细胞：低频的视椎细胞对整个可见光频谱都敏感，但对处于频谱中间的<黄色>和低频的<红色>最敏感
• 中频视椎细胞：中频的视锥细胞对从高频的蓝色到中频偏低的<黄色>和<橙色>有反应，但整体上敏感度低于低频的视锥细胞
• 高频视椎细胞：高频的视椎细胞对可见光的高频部分（<紫色>和<蓝色>）最敏感，对中频的敏感度较低，对低频的敏感度更低，数量上也更少（所以说，我们的眼睛对蓝色和紫色的敏感度都不及其他颜色）

视觉的减法处理——三个颜色对抗通道

想要形成我们能看到的各种颜色，大脑需要综合以下三种信号：

• “红-绿”减影信号通道：大脑后部视皮层上的神经元将通过视神经传递来的中频和低频视锥细胞的信号去掉
• “黄-蓝”减影信号通道：其他神经元将来自高频和低频视锥细胞的信号去掉
• “黑-白”减影信号通道：第三组神经元将来自低频和中频视椎细胞的信号相加，产生一个整体的<亮度>

视觉是为边缘反差优化的，而不是亮度

马萨诸塞工科大学（麻省理工，MIT）的爱德华·爱德尔松（Edward H. Adelson）教授设计出一个图解，来解释通过减法处理后，我们的视觉系统对颜色和亮度的敏感度是不同的，也就是说，对比鲜明的边缘（对比度）比对比绝对亮度（亮度）更敏感：

image.png

( 你相信吗，其实格子A和B的底色是一摸一样的 )

区别颜色的能力取决于颜色是如何呈现的

我们对颜色之间差别的察觉，是有限的，影响我们区分颜色能力的呈现因素有以下三种：

• 深浅度：两个颜色越浅（不饱和），就越难将它们区分开（在网站设计上，用浅色标记当前所在步骤，会导致用户很难看清自己处在航班预订流程中的哪一步上）
• 色块的大小：对象越小或者越细，就越难辨别它们的颜色
• 分隔的距离：两个色块之间离得越远，就越难区分它们的颜色，尤其是需要眼球扫描来对比时

（ * 此外，影响色彩区分还受其他外部因素影响：显示屏、显示器角度、环境光线...）

---

# 设计

在依赖颜色来传递信息的交互软件系统中，想要达到更好的效果，可以遵循以下5条准则：

• 用饱和度、亮度以及色相来区分颜色，避免采用轻微差别的颜色
• 使用独特的颜色，即使用信号通道中更容易区分的颜色（红、绿、黄、蓝、黑、白）
• 在颜色之外使用其他提示，添加符号或添加问题提示
• 将强烈的对抗色分开，强烈的对抗色会产生令人难受的闪烁的感觉