在UI设计中,如何让界面的配色更和谐?
我们先从色轮开始。当谈到颜色、对比、和谐时,我们的脑海中必须有这样的画面:
里有3个重要元素值得我们注意,分别是色调、明度和饱和度。
1.色调
色调是zu原始状态下的颜色。例如蓝色、绿色、黄颜色、红色等,它不受任何光线和阴影的变化影响。
这里有一个便于理解例子:色调就是你在色轮中看到的色彩,它与任何明暗或饱和度因素无关。
2.明度
明度表示了色彩的明暗程度。当我们走在路上,可以看到一些元素早上和晚上的颜色改变。例如,一座山的颜色是棕色,早晨的色调较浅,晚上的色调较暗。
在UI中,明度扮演着重要角色,不但有助于我们获得良好的对比度,还能帮助我们在界面中构建出不同的层次结构。
以谷歌的Material Design为例,上图中就使用了不同的明度来凸显重要元素。
明度的不同表现可以给我们一种层次感。当一种颜色的亮度为100时,就会得到白色。当一种颜色的亮度为0%时,它会生成。下面这张图片可以帮助大家理解。
3 饱和度
现在我们来谈谈饱和度,饱和度指的是色彩的鲜艳程度。当我们提升颜色的饱和度时,色彩就会变得更强烈和生动。当我们降低色彩的饱和度时,颜色就会变得更加黯淡,而当我们把饱和度降到低时,色彩就变成了灰色。
需要注意的是,由于在现实世界中,我们对颜色饱和度的表现是有限制的,所以在印刷、例如书籍或海报等领域不宜使用过多。而在数字世界,我们显然拥有更多的可能性。