60%-30%-10%的配色比例被认为是颇为令人愉悦的,在视觉感知上,它提供了一个颇为让人舒适的色彩层次,这样的控制让整个UI的色彩以一种可控的比例呈现出来,而不是将整个设计弄得一团糟。

打开网易新闻 查看精彩图片

其中占据60%的是主色,而30%则是辅助色,而占据10%的色彩应当为点缀色。

这种颜色搭配的比例在App应用上特别常见。

星巴克的App设计其实就用了非常简单的绿、白、灰三色去做搭配。

主色相

占了设计中绝大部分的颜色,通常是用于背景,也因为使用面积庞大,建议使用中性色

辅助色相

占了设计中大约30%的颜色,通常是品牌主色调,用于标题等。

强调色相

和主、辅色有强烈的对比,主要用以吸引目光注意。用于按钮、图标、小标题,或是其他行动呼吁等元素。