内容发布更新时间 : 2024/6/26 19:24:15星期一 下面是文章的全部内容请认真阅读。

创想设计学院 官网：http://www.dream520.cn/

优秀UI设计师必备配色公式

认识了色彩，并不表示你就能对颜色运用自如。配色有理性的层面，也有感性的层面。配色也需要依循一定的节奏。有的配色跳跃明快，有的又显得舒缓柔和。我们从理性出发的同时，也要把自己的触角深入到感性的层面去理解色彩。 配色秩序

每一种色彩都有其自身的特质，而这一特性的发挥，还需要依赖于色彩在整个配色时所处的位置、面积等，也即色彩与其他色彩所形成的秩序。 主色

主色是指在配色中处于支配地位的色彩。在配色前，主色是最先确定的颜色，例如，当我们想要设计一个珠宝展示的页面，这个页面所需要什么色彩时，我们决定采用紫色，而紫色就是主色。主色的确定看起来并不困难，因为一开始被确定下主色只是定出一个宏观方向，并没有细化成具体的色调。主色的选择也非常自由，因为并没有完全正确的“公式”，每种颜色都有它的特性和优劣，没有最好的颜色或最差的颜色。

最终确定对主色色调的选择则需要感性的参与，你希望你的网站看上去“沉稳典雅”还是“清新明快”？这些不同的感受都来自色调的制约平衡。

一般情况下，主色是配色中使用面积最多的色彩。用于主要的组件、组件的背景、大面积色块等。

创想设计学院 官网：http://www.dream520.cn/

创想设计学院 官网：http://www.dream520.cn/

页面中的主色是清爽的蓝色。尽管背景也运用了大面积的白色，但是黑白灰属于无彩色，无彩色并不参与到配色过程中。红色是作为衬托色而出现的：

UI设计

创想设计学院 官网：http://www.dream520.cn/

创想设计学院 官网：http://www.dream520.cn/

UI设计

衬托色

衬托色是主色以外，为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小，只要达到衬托的目的即可。 黄色是主色，蓝色衬托色。蓝黄两色互为对比色：

创想设计学院 官网：http://www.dream520.cn/