前端工程师应该具备的配色知识

3,657 阅读1分钟

配色基础

色轮

配色方案

单色搭配

顾名思义,只是用一种主要颜色来构建UI,以色调和饱和度区分层次,这种配色是中规中矩的,不会造成那种另人方案的UI。

邻色搭配

选择色轮上相邻的颜色进行搭配,用于不同对比色的设计。

对比搭配

选择色轮上对立面的颜色混合,该方案与邻色和单色相反,旨在产生高对比度,用来引起用户关注。

协调对比搭配

这个方案与上一个方案类似,但是它采用了更多的颜色。

例如:如果选择蓝色,则需要取其对立面中,相邻的2个其他颜色(即黄色和红色)。

这里的对比度不如【高对比方案】那么强烈,但它允许使用多种颜色。

三色搭配

当设计需要更多的颜色时,可以尝试三色方案。

它基于色轮上等距的三种不同颜色。

为了画面的平衡,建议使用一种颜色作为主导,另一种作为辅助。

四分色搭

四分色配色方案适合有经验的设计师,因为它是最难平衡的。

它采用色轮的四种互补颜色。

如果将所选颜色上的点连接起来,会形成矩形。这种方案很难平衡色彩。

配色方案

1

coolors

2

uigradients

3

uisdc

4 nipponcolors

5

colordrop

6

colorfavs

7

colorhunt

8

materialpalette

9

picular

10

thedayscolor