2019-05-22 《简约至上》阅读笔记3

分层

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

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

以下是几点提示。

1、尽可能使用较少的层。内容越复杂，所需的分层反而能少些。

2、考虑把某些基本元素放在常规背景层，因为一个元素很难放在两层里。

3、尽量让任意两层之间的差别最大化。20%的灰度和30%的灰度很难让人分清。类似地，在选择颜色时不能忘记色弱的用户。

4、对于相对重要的类别，使用明亮、高饱和度的颜色，可以让它们在页面上更加突出。

5、对于同等重要的类别，利用感知分层技术，使用相同的亮度和大小，只是色调要有所区别（就像伦敦地铁图中的地铁线路那样）。

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