分层

利用感知分层技术，我们可以把一些元素放在另一些元素上分，或者把两组元素并排起来。

例如，可以用连续的色带联系相关内容，甚至，还可以让散落在用户界面各个地方的元素之间建立联系，比如为购买按钮和购物车图标应用相同的颜色。在啊使用感知分层的情况下，不一定要把界面严格分割成几个区域。

感知分层借助于颜色很容易实现。除了颜色意外，使用灰色阴影、大小缩放，甚至形状变化，都可以实现感知分层。

以下是几点提示：

1. 尽可能使用较少的层。内容越复杂，所需分层反而能少些。
2. 考虑把某些基本元素放在常规背景层，因为一个元素很难放在两层里。
3. 尽量让任意两层直接的差别最大化。20%的灰度和30%的灰度很难让人分清。类似的，在选择颜色时不能忘记色弱的用户。
4. 对于相对重要的类别，使用明亮、高饱和度的颜色，可以让它们在页面上更加突出。
5. 对于同等重要的类别，利用感知分层技术，使用相同的亮度和大小，只是色调要有所区别。

伦敦地铁图在非常小的控件内填入了大量的信息。13条线路上的300多个站点全部被塞入到一个巴掌大的地图里。防止这些信息混乱不清的一种方式，就是使用一种叫感知分层的技术。

每条地铁线路都用一种不同的颜色表示，让它看起来好像是位于独立的一层之上。人民在无意的状态下，只会感知到自己关心的那条线路的颜色，将其他线路排除在意识之外。尽管各条线路在地图上交叉纵横，但不同的颜色可以让读者每次只专注于其中一条。

要想知道设计是否成功，可以眯起眼睛来观察屏幕，看是否能区分不同的层。