Date 2025-10-24 17:32:54
在现代设计领域，色彩搭配不仅是审美体现，也是影响用户体验的关键因素。
阅读文章 >
色彩在我们的日常设计中起着决定生死的作用。它是设计的灵魂。舒适的色彩搭配可以让设计师一次又一次地定稿。我觉得在我的设计生涯中，他们中的大多数人都是在与色彩的游戏中度过的。虽然客户可能不了解色彩的原理，但客户天生就是一个色彩感受家。什么样的色彩搭配是美丽的，通常他们一眼就能得出结论。你不必为太多不好的搭配辩护。即使有成千上万的理由，他们也无法说服客户。因此，研究色彩和每种色彩传递的情感对我们的设计非常重要。
1. 物理学角度
颜色是光的属性。当光波通过物体时，物体会吸收一些波长的光，而反射或透射其他波长的光决定了我们看到的颜色。
2. 心理学角度
色彩是人脑对光波长的视觉感知，不同的波长刺激视网膜上不同类型的感光细胞，进而产生不同的色彩感。
3. 艺术学角度
色彩是艺术创作的重要元素，它不仅与视觉感受有关，还与情感、文化、象征意义有关。
4. 设计学角度
在设计领域，色彩是传达信息、影响情感、创造美感的关键工具。
5. 计算机科学角度
在数字图像处理中，颜色通常通过颜色模型(如 RGB、CMYK 等)来定义这些模型通过混合不同比例的原色或颜料来表示各种颜色。
1. 色相
色相是指不同颜色之间的差异，即不同颜色的外观和名称，每种颜色都有自己独有的 ID,如红色、橙色、黄色、绿色、绿色、蓝色、紫色等。不同的颜色可以用光谱中的波长来表示，人的眼睛可以区分不同的颜色 180 种左右。
2. 明度
亮度是指颜色的亮度和暗度。一般来说，当反射率相同时，不同颜色的其他亮度和暗度是不同的。例如，黄光比红光更亮，而红光比蓝光更亮。
同时，当受光强度或物体对光的吸收和反射性能不同时，同一色相会出现不同的明暗变化和差异。
3. 饱和度(纯度)
饱和度（纯度）是指同一颜色的其他纯度和亮度的变化。从颜色光的角度来看，光波长越高，饱和度越高；不同颜色的饱和度不同，一般红色纯度最高，绿色相对较低；相同颜色的饱和度不同；黑白光的渗透会导致饱和度和亮度的变化；通常，照明光的性质、物体表面结构对光吸收和反射性能的影响。
1. HSB 模型
HSB 模型也叫 HSV 模型，其中 H 代表色相，即颜色类型；S 代表饱和度，即颜色的纯度；B(V)代表亮度，即颜色的亮度。
这种颜色模型是我在日常设计工作中使用最多的颜色模型。如果我只想让他们在同一个颜色系统中有细微的变化，我通常会通过调整来调整它 S 和 B 百分比值达到你想要的目的。
以上是我在设计项目中用这个颜色模型做的实战。项目中使用了一个图形，需要用同样的颜色系统来表达。我保持了 H 色值不变，让 S 值和 B 价值有细微的差异，所以产生了四五种相同颜色的绿色。这种颜色模型特别容易使用，也鼓励大家在实战中使用这种颜色模型，简单实用。
H 色相：Hue，以角度（0°-360°）表示
S 饱和度：Saturation，以百分比(0%-100%)表示
B/V 亮度：Brightness 或 Value，以百分比(0%-100%)表示
2. RGB 模型
RGB 它是根据颜色发光的原理设计的。一般来说，它的颜色混合模式就像红、绿、蓝三盏灯。当它们的光相互叠加时，颜色是混合的，但亮度等于三个亮度的总和。混合亮度越高，即加法混合。
每种颜色通道分为红色、绿色和蓝色 256 阶亮度，在 0 “灯”是最弱的——它是关闭的，而“灯”是255时最亮的。当三种颜色的灰度值相同时，产生不同灰度值的灰色色调，即三种颜色的灰度为0，这是最暗的黑色色调；当三种颜色的灰度为255时，它们是最亮的白色色调。
R 红：Red，以数值(0-255)表示
G 绿：Green，以数值(0-255)表示
B 蓝：Blue，以数值(0-255)表示
3. CMYK 模型
虽然 RGB 模型的颜色更丰富，但很多颜色不能完全打印，所以 CMYK 模型已成为印刷和印刷的最佳选择。C 是青、M 是品红、Y 是黄、K 它是黑色的，通过颜料反射和吸收光线来显示颜色。
记得以前从事平面工作的时候，经常用 CMYK 由于印刷效果偏差最小，模式最接近设计效果图。
通过比较，我们发现 RGB 颜色模型的颜色显示确实更加华丽和丰富，而且 CMYK 颜色模型的颜色显示要暗淡得多，但要打印，必须转化为 CMYK 颜色模式。
R 青：Cyan，以百分比(0%-100%)表示
M 品红：Magenta，以百分比(0%-100%)表示
Y 黄：Yellow，以百分比(0%-100%)表示
B 黑：Black，以百分比(0%-100%)表示
1. 红语意及应用
红色代表热情、活力、强烈的情感和爱。它象征着激情、勇气和行动，也常常与兴奋和热情有关。
著名的快餐品牌肯德基在自己的网页和商店装饰中使用红色，因为红色是所有颜色中最容易吸引人们注意的颜色，也很容易刺激人们的食欲和购买颜色。
2. 橙色语义及应用
橙色传达温暖、快乐和积极的情感；它经常与乐观、友好和创造力联系在一起，给人一种充满活力和希望的感觉。
百度网盘的登录界面采用橙色，给人一种阳光、向上、热情的感觉。通过色彩的运用，界面有了温度。
3. 黄色语义及应用
黄色象征着快乐、快乐和乐观；它能带来明亮、快乐的情绪，代表着阳光、温暖和智慧。
叫做阅读是一个非常著名的儿童阅读软件，整个颜色是非常有活力的黄色，这符合孩子的好奇心和活力阶段，明亮的黄色，饱和度和亮度很高，特别容易抓住孩子的眼睛，同时是一种快乐的颜色，也是一种可以激发孩子的创造力和想象力，特别符合孩子成长的需要。
4. 绿色语意及应用
绿色代表平静、和谐和活力。绿色往往与自然有关，给人带来宁静和放松的感觉，也象征着成长、希望和新生活。
青椒云的目标用户是吸引年轻用户和创意工作者。绿色，一种充满活力和创意的颜色，更容易吸引他们的注意力。同时，绿色也代表着健康可持续发展的企业形象。
5. 蓝语意及应用
青色寓意清新、宁静、沉着，给人一种平静、理性的印象，同时也有一丝清新的活力。
蓝色是一种蓝色和绿色的颜色，所以蓝色既有蓝色的专业感、信任感，又有绿色的活力感和希望感。
以下是日本一个牙科品牌的官方网站主页。患者希望在这里带来健康和复苏，也希望得到专业和可靠的治疗，蓝色已经成为一个很好的品牌颜色来传达这种情感。
6. 蓝语意及应用
蓝色代表冷静、忠诚和信任；它往往与平静、深刻的情感有关，能带来平静、平静的心态，也象征着智慧和理性。
123 云盘采用蓝色，符合社会普遍审美认知，接受度高；其次，蓝色给人一种安全感，也符合云盘的初衷，为用户提供安全的存储服务。
7. 紫语意及应用
紫色象征着神秘、高贵和浪漫；它经常给人一种优雅和奢华的感觉。同时，它也有一种神秘的氛围，这与梦想、创造力和其他情感有关。
葡萄柚的主要用户是女性。紫色在色彩心理学中常被认为是优雅、神秘和浪漫的。这些特征符合女性的审美和情感需求，可以吸引女性的注意。
8. 白语意及应用
白色代表纯洁、神圣、信任、安静、简单、优雅。它是一种纯净的颜色，可以与任何颜色和谐共存。
以下是熊掌 ID 登录界面，颜色使用了大量的白色和灰色，简单而不失去氛围，传达了一种简单、优雅的感觉。
1. 为什么商场的颜色总是多彩而温暖？
① 吸引顾客的注意力
在许多商业场所中脱颖而出，丰富多彩的购物中心外观和内部装饰更容易突出人们的视线，吸引过去行人的注意，激发他们的好奇心和探索欲望。
的确，五颜六色的颜色更容易引起我的注意，这并没有看到商场的美图，都忍不住拍照留念，成功地吸引了我的注意。
② 增强可见性
即使在遥远的距离或繁忙的街道上，五颜六色、温暖的配色也能让商场更容易被发现，提高商场的知名度和曝光度。
五颜六色的配色，让我远远地被商场美丽的插图所吸引，大大提高了商场的可见性。
③ 营造愉快的氛围
色彩能激发积极情绪，明亮明亮的色彩往往与快乐、活力、兴奋等积极情绪有关。当顾客进入一个丰富多彩的购物中心时，他们会感到一种愉快和轻松的氛围，所以他们更愿意呆在购物中心和购物。
星沙永旺城的美陈设计非常好。墙壁采用诱人的颜色和食物，放大了小物体的十倍，增加了视觉吸引力。人们忍不住过去拍照和晒太阳，这大大增加了愉悦感。
④ 缓解压力
在现代生活中，人们经常面临各种压力。走进一个丰富多彩、温暖的购物中心，你可以暂时摆脱日常的麻烦和压力，享受购物的乐趣。
特别可爱夸张的插图设计，引起了丝丝的童趣与欢乐，让人短暂忘记压力，远离烦恼。
⑤ 引导消费行为
购物中心通常使用不同的颜色来区分不同的区域，如购物区、餐饮区、娱乐区等。这可以帮助顾客更快地找到他们感兴趣的区域，并提高购物效率。
突出关键商品，对于一些关键推荐的商品或促销活动，购物中心可以使用明亮的颜色来突出显示，吸引顾客的注意，引导他们购买。
⑥ 塑造品牌形象
传达个性和风格
不同的购物中心可能有不同的品牌定位和目标客户群体。通过选择特定的颜色组合，购物中心可以传达自己的个性和风格，吸引与之一致的客户。
增强品牌记忆力
独特而鲜明的色彩搭配能让商场在顾客心中留下深刻的印象，提高品牌的记忆力和认知度。
芙蓉区龙湖天街主要面向中等收入的新兴家庭。它是一个集购物、餐饮、休闲、娱乐等商业形式于一体的区域性购物中心，为消费者提供一站式的商业综合体。它在餐饮区使用了大量的饮食和娱乐插图来指导用户的消费。
2. 蓝色为什么在？ B 广泛应用于端设计？
① 视觉特征方面
稳定性
蓝色给人一种平静可靠的感觉。在 B 在终端产品中，用户往往需要处理它们业务数据和复杂操作，蓝色稳定性能让用户感到轻松，增强对产品的信任。
专业性
蓝色通常与技术和专业领域有关。B 端产品通常面向企业用户，需要传达专业高效的形象，蓝色正好满足这一需求。
② 心理影响
减少焦虑
与鲜艳刺激的颜色相比，蓝色更柔和，不易引起用户焦虑和紧张；在 B 在终端使用场景中，用户可能需要长时间使用产品，蓝色舒缓效果有助于提高用户体验。
提高专注度
蓝色具有一定的安静效果，可以帮助用户集中注意力，专注于工作任务。对于 B 对于终端用户来说，高效完成工作是首要目标，蓝色有助于提高工作效率。
B 在心理上，终端产品追求的是下图中类似的安静体验，类似于教育。就像这个易贝乐儿童英语一样，它使用了大面积的蓝色。我希望孩子们能很快安静下来，在这里学习，专注于自己的事情。
③ 行业习惯
引领科技产业
许多知名的科技企业和软件产品 B 蓝色广泛应用于端市场，逐渐形成行业习惯。其他企业正在设计中 B 在端产品时，也倾向于选择蓝色来满足用户的认知和期望。
传统与延续
在过去的设计中，蓝色是 B 终端领域的成功应用使它成为一种传统的选择。在延续这一传统的同时，设计师不断优化和创新蓝色的应用，使其更符合现代设计趋势和用户需求。
嘉为科技是一种拥有 20 多年技术沉淀的科技公司，其官网和产品风格一直沿用科技蓝风格，也应以传统沉淀为基础。
④ 蓝色可以提高产品的再利用率
许多用户可以接受蓝色 B 端界面，当面对类似的客户需求时，同一套 UI，通过长期的实战观察，可以多次重用，可以降低开发成本和设计成本。
一个 UI 风格，在两个项目中使用，不同的用户，倾向于相同的风格，表明蓝色在每个人心目中的接受度都很高，蓝色可以促进设计的重复使用。
我在日常项目中看到的 B 端 UI 界面同样稳定，不追求太刺激的色彩搭配，通常比较干净简洁。与商场的美陈背景设计不同，色彩对比非常强烈，引人注目。
有一次，当我厌倦了传统的稳定风，探索一种大胆的色彩风格时，虽然风格相对新颖，但客户的接受度不高，感觉太不稳定，然后按照以前的习惯重新设计，很好，客户同意。
可以看出，每个领域都有自己的色彩使用习惯，购物中心需要吸引注意力，刺激消费，越大胆越好，但 B 端部设计需要一个平静的环境来处理工作事项，它需要安静，不需要太令人兴奋的颜色搭配。
1. 通过颜色将操作结果和现状反馈给用户
例如，在日常设计中，红色代表过程失败，绿色代表过程成功，橙色代表信息报警，蓝色代表链接，不同的按钮颜色也可以很好地区分按钮状态，颜色在反馈结果和情况中起着非常重要的作用。
下面这个 IDC 操作监控平台，通过颜色区分不同的报警级别，可以看到颜色 B 端产品的重要性。(注:图中的数据不是真实数据，只是显示)
2. 它能很好地传达品牌
B 在终端设计中大面积使用品牌色彩可以增强品牌形象，使用类似品牌标志风格的颜色，帮助用户快速识别和记住不同品牌的品牌 B 在终端产品界面中使用统一的色彩方案，有助于建立品牌的连贯性和一致性，增强用户对品牌的信任。
例如，我为湖南高速公路设计了一套 B 端界面设计，用户强烈要求改变传统的蓝色风格，整个界面设计需要湖南高速公路品牌颜色-绿色，表明客户更倾向于在追求流量和品牌颜色之间传达品牌。（注：图片中的数据不是真实的数据，只是显示）
3. 颜色可以很好地区分信息
在 B 在端界面设计中，颜色在帮助信息区分方面起着非常重要的作用。通常，功能区域可以通过不同的颜色进行区分，用户可以更清楚地了解界面的结构和布局。例如，导航栏使用一种特定的颜色，而内容区域使用另一种颜色。
我设计的天翼写作，就是这样的设计思路，导航栏和内容区的颜色完全不同，这里的颜色起到了很好的区分作用。
4. 舒适的色彩搭配可以提升用户体验
选择合适的颜色对比度可以提高文本的可读性，减少用户的视觉疲劳。例如，黑色文本通常更容易在白色背景下阅读。
选择合适的颜色可以营造出专业、高效、舒适的工作氛围，从而影响用户的情绪和感受，提高用户体验。
我参与的后台界面是通过合理的色彩搭配引导用户使用的。当用户完成的链接用绿色表示时，未完成的过程将是灰色的，这意味着指示非常明确，很好地解决了用户不知道清晰过程的卡点，改善了用户体验。
5. 色彩可以传达性格
人们的性格活泼、安静、冷静、深刻。事实上，颜色也有个性。不同的颜色也有不同的个性。当我们对颜色的个性有了足够的了解，当我们面对不同的客户时，我们会更轻松地掌握颜色和设计需求。
我们通常做设计，但我们更多的是处理人，我们更好地倾听，将帮助我们更快地掌握客户的偏好，快速设计以满足客户的需求，减少加班的痛苦。
比如我之前为云门户设计的一套 UI，客户的决策层是男性，而且年龄太大，他们更喜欢深度 UI 风格；我负责天一云计算机专家。客户的决策层是女性，年轻。她每次都喜欢轻盈活泼。 UI 不同的决策层客户会带来不同的设计结果。
1. B 在端设计中，应遵循色彩设计 6：3：1 原则
在这个登录页面中，我使用它 6：3：1 原则，60%主色，30%次要色，10%点缀色；使用大面积的蓝色和蓝灰色，最后使用一点橙色，会显得高级。
2. 文字、卡片背景颜色和边框都是无色的
为了保证画面风格的统一、干净、整洁，需要使用无色的文字颜色、边框颜色和边框背景颜色。信息的层次关系通常通过颜色的深度来区分。
比如我参与的星辰大模型 AI 文档生成能力的应用，无论是文本颜色还是背景颜色都是无色的，只是通过颜色深度的变化，因为无色可以发挥很好的降噪效果，不仅传达信息，而且不会显得凌乱和复杂的界面。
3. 内容需要突出，颜色具有高亮度和纯度
例如，我们每天设计的卡片是白色的，背景颜色是灰色的，因为卡片的内容是更重要的信息，需要使用高亮度的颜色，让内容向前，灰色的背景通常是向后的感觉，所以可以与卡形成对比，更好地帮助内容传播。
比如我设计的这个 IT 物理主机、网络及安全设备、工单、途工单等指标在运维监控平台首页非常关键，因此其图片背景色用纯度较高的彩色标识。
4. 设计前一定要有定色意识
作为一名设计师，我们的设计工作实际上是设计一种感觉，一种情感，设计前的基调意识真的太重要了，感觉是对的，一切都是对的。
例如，前段时间我收到了一个 B 终端的大屏幕可视化需求设计，客户说以前的大屏幕设计不喜欢，希望有一个新的设计，然后公司的需求对接人员给我需求，真的只是给我这些词，让我尝试一个新的设计。
根据我的专业直觉，我觉得这个需求不够详细，所以我问了客户更多的问题。我问客户是想要传统的蓝色还是其他什么？果然，当被问到时，客户说他不想使用传统的蓝色。他希望新的设计应该使用他们的品牌绿色。当我第一次听到这些话时，我以为这次我抓住了需求。在收集参考图片时，我发现普通的绿色大屏幕有深色和浅色。根据我以前的绘画习惯，我认为深色会更受欢迎。我自以为是地朝着深色的方向画画。当我走到一半的时候，我有点紧张
出版前，通过反复沟通确认，发现设计前的定调意识真的太重要了。如果图纸出版前没有反复确认和细化需求，以后就不会再出版了。
5. 设计的灰色应尽量使用带有颜色偏差的灰色
无论我们设计什么颜色界面，我们都无法避免使用灰色。在设计中使用与主视觉一致的灰色会使界面更加先进、协调、美观。注意这个小细节会给我们的设计增加很多分数。
以下是我每天经历的两个界面。上述综合管理平台中的灰色与主色调蓝色不相呼应，灰色不向蓝色倾斜，界面看起来不那么美观；以下一般问题的灰色设计非常注重细节。灰色是紫色的。整个界面看起来自然，没有冲突。美感和档次瞬间提升了几个档次。
关注一个小细节，无形中提高了设计的高度，关注十个细节甚至更多的细节，会带来更多意想不到的结果。
以上是我最近对色彩的一些顿悟、感受和学习收获。在不断的回顾和总结中，我们总会获得一些新的认知。通过这次色彩回顾之旅，我们发现色彩对设计师来说真的太重要了。我希望我的分享能激励你，欢迎你留言。