黄篇 学习UI设计色彩系列——黄色篇

柠檬黄

是一种柠檬皮色，黄绿相间。

淡黄色

这是像淡黄色羽毛一样新鲜明亮的黄色。

铬黄

铬起源于古希腊的khroma，用来表示颜色时，是指由铬制成的黄色颜料。可以表达的范围很广，从纯黄色到红黄色，最近被用来指代红黄色。

芥末色

这是一种黄色，纯度低，强度大。

黄色赭石

赭石的意思是黄土，意思是和黄土颜色一样。

稻草色

干稻草的颜色，纯度较低的黄色。

青铜

青铜的意思是青铜，但在颜色上，它的意思是亮黄棕色。

深黄色皮革颜色

Buff是黄色牛皮或鹿皮的意思，是一种淡黄色的棕色。

裸色

在法语中，米色是指未漂白的羊毛颜色，现在用作固定名词，指纯度低的亮黄色。

象牙色

象牙在古希腊语中的意思是象牙，是一种明亮的裸色，几乎是纯白色。

亚麻色

在法语中，ecru的意思是未漂，指的是未漂亚麻的颜色。

棕色土

棕壤是一种天然矿物色素，用来表示类似于栗子的一种红棕色。

范迪克·布朗

以佛兰德画家范·代克频繁使用的名字命名，它是一种强烈的棕色。范·代克被称为“光的画家”

二、黄色的意象和 配色 表现

来自大自然的黄色图像

光:温暖，灿烂，美丽，明亮，确定，能量…

金:财富，名誉，权力...

柠檬:新鲜，新鲜，芳香...

鸡:孩子，不成熟，俗气，新…

土:怀旧，母爱，包容，污染，肮脏…

来自社会的黄色形象

旗帜:安全，休息，弃权...

标志:注意，补充说明，注意，警告...

信号:休息、儿童、保护、危险...

100%黄色，就社会意义而言，常用来表达孩子和醒目的形象；在自然感上，常被用来象征荣华富贵、精力充沛。

当整个画面比较暗，没有亮色的时候，黄色会成为点睛之笔的颜色，但是如果在画面中使用更多的颜色，黄色就不容易成为点睛之笔的颜色。相对于红蓝，黄色没有引起足够的重视，所以比醒目的修饰色更适合调节画面的氛围。

如果想让黄色在不改变画面整体感觉的情况下保持自己的光亮，就要和黄色协调，画龙点睛。比如暖色大红色、淡红黄色、紫红色作为画龙点睛的颜色时，要搭配嫩绿色的黄色。总之，黄色搭配近似色时，要避免抢点睛之色的风头，然后还要淡化黄色本身的感觉。

泛橙黄比原色黄能营造出更柔和温暖的氛围，这种平和积极的印象更能表达亲切感和好感。橘黄色不仅可以与原来的黄色搭配，还可以与相对暗淡的灰色和黑色搭配。在纯黑、纯白、纯灰的基础上加入一点黄色，可以让整个画面呈现出一种舒适祥和的氛围。还能改变画面的整体印象，表现出亲近自然的感觉。因为黄色本身就有“光”。

黄绿色很冷，给人一种陌陌的感觉。如果在原有的黄色基础上加入白色和黑色，黄色本身的明亮和温暖就会消失，变成更冷的颜色。

黄色的配色容易犯的错误是，黄色本身就是暖色，所以亮一点暗一点就会保持温暖的感觉，其实是错觉。如果100%的黄色搭配深色，会变成青绿色和冷黄色，温暖柔和的感觉会被肮脏消极的感觉所取代。

冷黄色与红色、草绿、蓝色等颜色相比，与粉色、浅绿、浅蓝更为协调。

与100%红色相比，冷黄色更适合深红色、浅红色或紫红色。这种配色呈现的不是柔和自然的色彩感觉，而是一种明亮的创造感。

三、黄色配色实例

如果说红色是点睛之笔的代表色，那么黄色就是主色的代表。所以，即使屏幕上只有两种颜色，只要有黄色，其他颜色都会是黄色。如果想改变画面的整体感觉，只需改变黄色即可。所以黄色决定了整个配色的基调和主感氛围，所以它的配色会更加多样有趣。

这是一个以黄色为主，黑色为点睛之笔的配色方案。在这次配色中，设计师巧妙地运用了黄色的功能，影响了整体的情况，让观者产生了“深咖啡”对黑色的错觉，从而使包装更符合“咖啡”的主题。此外，线描的平易近人感也很容易以黄色为背景发挥出来。黄色有很强的表现力，所以它会与冷色调的黑色形成强烈的对比。

黄色、红色等暖色的组合使画面更加温暖，但加入大量深黑色使整个配色趋于平衡。深红色也是搭配冷黄色的绝佳选择。画面既有冲突又有和谐。以冷黄为主色，暗红色为点睛之笔，避免使用100%的原黄和原红，已经留下了几条以“醒目”为主要目的的街道。

在我看来，黄绿搭配是个难题，书的作者也没提怎么搭配。我来总结一下，关于这一对相邻颜色的搭配方法:

1.两种配色方案所占的颜色区域要进行对比。例如，在上面显示的情况下，绿色占据了大部分区域，而黄色占据了很少的一部分。

2.最好再加一种颜色。因为黄色偏暖，绿色偏中性，需要另一种较冷的颜色来平衡。另外，由于相邻两种颜色搭配，颜色对比的张力不够，需要另一种颜色来加强张力。

3.如果只有两种颜色搭配，最好在颜色的纯度上保持一个对比。

黄色配蓝色。当黄色为主色，蓝色为点睛之笔时，一冷一暖两种颜色可以很好的协调。

另外，我们在配色的时候，曾经认为涂饰色很重要，但其实是主色调决定了整个作品的基调。所以主色是决定画面氛围的决定性选择。在我们配色之初，需要确定画面的氛围，根据氛围来确定主色和涂饰色。比如“暖色调、动画色调”、“复古、生动色调”、“成熟稳重色调”、“流行风格色调”等等。整体氛围决定了整个作品的色彩。

在这种情况下，暗淡的黄色和深色咖啡非常适合营造复古氛围。确定复古氛围后，选择深咖啡作为主色调，很好的诠释了主题。

为了强调黄色的积极面，最好搭配橙色和棕色等红色。尤其是颜色的亮度不要相差太大。即使使用同样的黄色，“棕黄”的配色在明度上的差异也比“黑黄”小，从而表现出更温暖的感觉。

后记

黄色可以搭配的颜色没有限制，也没有完美的配色。只有突破固有观念，才能达到一鸣惊人的效果。UI设计专业是视觉艺术专业，所以配色知识在整个专业的学习中起着不可或缺的作用。UI设计学习者除了色彩搭配，还有很多专业性很强的知识需要系统学习和提升。目前国内有很多相关专业的培养基地，其中CGWANG是一家不错的人才培养机构，每年为UI设计人才的大缺口输送大量优秀人才。