美文网首页读书
2019-05-22 《简约至上》阅读笔记3

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

作者: 一只小鹏鹏 | 来源:发表于2019-05-22 21:47 被阅读0次

    分层

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

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

    以下是几点提示。

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

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

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

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

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

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

    相关文章

      网友评论

        本文标题:2019-05-22 《简约至上》阅读笔记3

        本文链接:https://www.haomeiwen.com/subject/zxppzqtx.html