写给新手的色彩搭配快速入门指南

当设计作品呈现给用户时，首先看到的是产品的视觉性能，产品的颜色在其中起着关键作用。毫无疑问，色彩搭配对设计师来说非常重要。那么，在实际项目中应该使用什么颜色以及应该做什么呢？接下来，我将逐步分析。

色轮的概念

不同电子终端在设计过程中显示的颜色是基于 RGB 模型，是一种色彩模型。三色原色是红色。（Red）、绿（Green）和蓝（Blue）。让我们先了解一下色轮。

色轮是一件非常有用的事情。我们可以直观地了解什么是三原色、互补色和类似色。在基本色轮上，可以建立一个颜色系统。在设计项目时，可以根据颜色系统选择颜色，以确保颜色使用的准确性和设计效率。

同类色：15°内相邻颜色：60°内部相似色：90°对比色：120°~180°互补色：180°

五种搭配方法

1. 同种色搭配

使用一种颜色及其相应的亮色和深色，整个页面将非常统一。

2. 类似色搭配

使用颜色相似的颜色，页面元素不会相互冲突，更协调和纹理。

3. 互补色搭配

如果选择使用互补色，最好的搭配是一种作为主色，另一种作为强调。它们有很强的对比度，需要特别强调一个元素时非常有效。

4. 分散互补色搭配

寻找三种颜色，其中两种相似，另一种与它们形成对比。这种颜色匹配非常容易学习和产生效果。

5. 三角对立色搭配

顾名思义，它是色环上三角形对立的颜色。最经典的是蒙德里安风格的红、黄、蓝格子构图，至今仍非常符合设计趋势。

色彩是有情感的

色彩本身没有情感，只是因为不同波长的光线通过人们的眼睛传递到大脑，引起人们不同的心理感受，所以色彩有情感。每种颜色都会给人们一种独特的心理感觉，引起我们不同的情绪，所以颜色情绪是设计过程中必须考虑的一个重要元素。

1. 黑色

沉着，品质感，收敛。

单独使用时，黑色很容易吸引用户的注意。与其他颜色搭配时，可以很好地搭配和组合。黑色背景的使用可以很好地突出页面中的内容，容易产生效果，应用场景非常广泛。它可以提高其亮度，获得不同亮度的灰色，如苹果系统的深色模式。

纯黑色通常不用于设计，因为纯黑色在显示屏上的显示效果不是很好，所以通常选择灰色。灵活使用灰色可以让你的设计更好。

2. 白色

干净、纯净、简洁。

白色包含了所有的颜色。白色经常用于页面设计，你可以在上面安排任何元素，而不会感到突然，作为页面的背景颜色。因为白色是无色的，在设计中通常会稍微改变颜色，使用乳白色、雪白色等颜色，所以不会显得太单调。黑白搭配是一种非常经典的组合，只要你掌握了使用的比例，你就可以创造一个非常先进的设计。

3. 红色

热情、躁动、危险、警告。

红色元素很容易吸引用户的注意，可以特别强调页面上的某些元素，如新闻的小红点，但随着时间的推移会导致眼睛疲劳，所以红色元素在设计中一般不会大量使用。但我们可以通过降低调整亮度和纯度来使用它们。

此外，红色还代表危险和警告。红绿灯上的红灯停止，火焰火灾。在删除提醒和禁止操作功能时，可以使用页面设计。

4. 橙色

温暖，活泼，年轻。

黄色+红色得到橙色。属于暖色调的颜色，既不像红色那么躁动，也不像黄色那么灿烂，非常亲和力，用户接受度非常高。柑橘类水果是橙色的，代表着健康和积极性。在一些与秋季相关的项目中，明度稍低的橙棕色也将被设计。橙色可以与绿色搭配，非常适合 K12 教育产品，绿色为主色，橙色为强调色，象征着青少年健康活力的特点。

5. 黄色

阳光，辉煌，醒目，高贵。

这是一种非常明亮的颜色。它本身不适合数字设计，因为它的显示效果很差，但我们可以通过调整它的亮度和纯度来获得我们想要的颜色。黄色和深灰色是一个很好的组合，闲置的鱼美团使用这种颜色，黄色高亮度的颜色和低亮度的深灰色可以形成强烈的对比效果，通过这种对比效果我们可以实现强调的功能点。其他的都应用于一些更具体的场景，如红绿灯的黄色提醒效果、古代皇帝的特殊颜色、作物成熟的颜色等。

6. 绿色

健康、自然、清新、环保、安全。

绿色是大自然的颜色，大多数植物的颜色，现在非常倡导的环保生活是绿色，健康无污染。代表春天，在规划和设计春季相关事物活动时，可以使用绿色作为设计的主要颜色。绿色具有安全属性，通常广泛应用于支付和保证，与红色相反。

7. 蓝色

纯净、深刻、放松、忠诚的技术

蓝色是三种原色之一。它与大海和天空有着密不可分的联系。它是忠诚和放松的象征，广泛应用于设计中。此外，蓝色也是科技宇宙领域的专属颜色。它是理性和效率的代名词。企业官方网站随处可见VI、软件、宣传材料等。例如，心理治疗室使用蓝色环境，可以看出蓝色是一种非常可接受的颜色，在设计中使用非常方便。

8. 紫色

神秘、财富、压抑。

紫色是一种非常令人兴奋的颜色。单独使用很容易给用户带来心理压力，通常与其他颜色一起使用，紫色和蓝色可以创造一些理性和梦幻的颜色，紫色和粉色可以创造一个非常美丽的女性颜色。

9. 粉色

爱情，可爱，温暖，浪漫。

粉色是爱情的颜色。它通常与爱情和浪漫有关，如情人节七夕节。不同纯度和亮度的粉色适用于不同的场景。纯度低、亮度高的浅粉色能传达出细腻甜美的感觉。蓝色和冷色可以与红色、橙色和黄色的暖色相结合，产生许多不同的颜色效果。

建立色彩体系

作为一个小白色的设计，使用颜色可能很困难。面对一个项目，我们不知道如何选择主题颜色和辅助颜色。此时，我们可以从他人的优秀作品中学习，从中提取一套设计颜色。这里推荐的是优秀的设计作品或摄影图片，是否优秀有一个基本的判断标准，也就是说，你看到这个作品的图片是优秀的。以下是从摄影图片中提取的一些颜色系统，以吸引玉石。

总结

相似的颜色，相似的颜色，相似的颜色，互补的颜色，这些颜色关系构成了我们日常设计的颜色基础，并演变了许多颜色搭配方法。了解不同颜色的颜色情绪，为项目设计中选择合适的颜色提供依据。建立颜色系统，系统可以根据不同的行业、不同的特点、用户和其他标签进行分类，并积累自己的颜色库。

欢迎关注作者微信微信官方账号:「YI易设计」