配色基础
色轮
配色方案
单色搭配
顾名思义,只是用一种主要颜色来构建UI,以色调和饱和度区分层次,这种配色是中规中矩的,不会造成那种另人方案的UI。
邻色搭配
选择色轮上相邻的颜色进行搭配,用于不同对比色的设计。
对比搭配
选择色轮上对立面的颜色混合,该方案与邻色和单色相反,旨在产生高对比度,用来引起用户关注。
协调对比搭配
这个方案与上一个方案类似,但是它采用了更多的颜色。
例如:如果选择蓝色,则需要取其对立面中,相邻的2个其他颜色(即黄色和红色)。
这里的对比度不如【高对比方案】那么强烈,但它允许使用多种颜色。
三色搭配
当设计需要更多的颜色时,可以尝试三色方案。
它基于色轮上等距的三种不同颜色。
为了画面的平衡,建议使用一种颜色作为主导,另一种作为辅助。
四分色搭
四分色配色方案适合有经验的设计师,因为它是最难平衡的。
它采用色轮的四种互补颜色。
如果将所选颜色上的点连接起来,会形成矩形。这种方案很难平衡色彩。
配色方案
1
2
3
5
6
7
8
9
10