查看原文
其他

CMF干货 | 一文透彻了解色彩搭配

军团 编辑部 CMF设计军团号
2024-09-27
产业的发展离不开CMF(色彩、材料、工艺)



我们平时看到的一些好看的产品色彩设计及搭配,其实除了设计师本身具有的天赋色感外,其设计背后都有着一定的逻辑原理和规律,本文带大家详细了解一下色彩搭配相关专业内容,主要包括:


一、什么是色彩搭配?

二、色彩搭配的基础

三、色彩搭配基本色原理

四、色彩搭配常见问题

五、CMF设计用色的发展规律



目前CMF设计军团成立了产品色彩交流微信群,诚邀设计师及对色彩爱好者们加入,长按如下二维码或加群主微信18927421646,备注“色彩”,加入产品色彩交流微信群,与行业人士一同交流。


 一、什么是色彩搭配?


色彩搭配是利用的色彩基本属性和原理从色彩感知层面进行具有目的性的结合设计。色彩搭配在平面设计和室内设计中讨论和研究的相对比较多,而在常规产品设计中,由于关注点主要在产品结构和造型方面,所对色彩和色彩搭配的关注相对较少。


从表面上看,许多色彩大师的经典配色似乎是出自大师们的天赋色感,其实色彩感觉的背后是有规律可循的。引用韩国媒体专栏作家崔京源的一句话:真正杰出的时装设计师,不会把色彩放置在所谓的“感觉”里(虽然这样做的设计师为数甚多),杰出设计师的作品,如果我们稍加分析,便可看出他们对于色彩的应用是多么具有严密性和逻辑性。


可见,色彩搭配的艺术离不开色彩原理的支撑。市面上现在有很多色彩搭配的书籍和资料,色彩搭配的表格等,均从色彩的原理出发给出较为直观的色彩搭配参考方案。也有从色彩与人普遍的情感认同上给予原理上的描述。




 二、色彩搭配的基础 


色彩搭配的基础离不开对色相环规律的掌握,如要自由的进行色彩搭配,认识色相环是认识色彩关系的重要手段,而自制一个色相环也许是更好认识色相环的方法,许多画家和设计师都是通过自制一个色相环来加深对色相环的认识。



色相环是由科学家牛顿首先发明的,为了更容易看出及记住色彩之间的关系他将色彩排成一个色环,这样使得光谱色的固有关系变得显而易见。从色相环中我们可以清楚地看到,临近的色彩之间彼此“相似”,相对应位置的色彩彼此“互补”,艺术家Marc Chagall曾这样形容色相环中这一奇特的规律:所有的色彩都是隔壁色彩的朋友,而相对位置的色彩却是爱人。


为了让色彩的排列更科学、更有指导意义,科学家和艺术家在色相环的研究上做了很多努力,在上面谈到的基本原理基础上,出于不同使用对象的需要创造了色彩数量和排列位置不同的色相环


图 色相环(图片来源:李亦文绘)


对于CMF设计师,挑选其中一个色相环做为认识和分析色相环原理的范本即可,这里选择的是伊顿的色相环。虽然伊顿色相环存在着由于颜料化学成分的限制,红、黄、蓝色无法调配出所有的色彩的缺憾,但从色彩的表色规律来看是科学。


伊顿色相环自1920年成型后形成了非常多的配色理论和色彩技巧,清晰易懂,非常适合设计师们使用。伊顿色相环共12个颜色,其原理是红黄蓝三原色为色相环中间的三角形(如图),然后两两原色结合形成橙、紫、绿3个一级间色(如图),三个原色和三个一级间色再两两间色结合(如图2-17),生成黄绿、蓝绿、蓝紫、红紫、橙红、黄橙6个第二级间色。


图 伊顿与他的12色色相环



 三、色彩搭配基本色原理 


“求同存异”是色彩搭配的基本规律,虽然色彩之间存在着色相、明度、纯度和冷暖上的差异,但也具有着属性上相似和互补的共同点,因此如何彰显色彩差异的对比,如何发挥色彩共同点的和谐是色彩搭配的永恒课题。


我们所感觉的色彩有千种万种,但色彩之间在我们感知中的对比和协调关系虽然是客观存并且是永衡不会变的,但是如何在客观存在的色彩关系中,平衡好色彩色相、明度和纯度之间的对比与协调的关系、冷暖色之间的对比和协调的关系,以及通过色彩搭配和色彩调性(灰、低、中、高、亮等调子问题)建立起与人类色彩心理感知的对应关系是色彩搭配的目的。下面我们从色彩的色相、明度、纯度和冷暖四个方面通过实际举例来加以说明。


1. 色相与配色


1)同一色相的配色


所谓同一色相的配色是指相同颜色的不同纯度和明度的搭配,例如深蓝与浅蓝搭配,由于色相相同,这种配色在色调上是一致的,所以色彩感觉相对比较含蓄,柔和,色彩效果亦比较和谐和统一。


2)邻近色相的配色


色相环上任意一色的相邻色为邻近色,在伊顿色相环上的间隔在30°以内,如橙色与橙红色。邻近色虽然在色相上有所区别,但由于色彩邻近对比性相对比较弱,属于色彩比较和谐的配色,且比同一色相的配色更有变化和更为丰富,是一种非常安全好用的搭配方式。


3)类似色项的配色


在色相环上间隔在30°-60°以内的色彩称之为类似色。与同一色相和邻近色的配色相比类似色在色彩对比上更有层次感,色彩变化更丰富,但亦不乏和谐感,在具体的配色中适当地调整其明度和纯度,或点缀少量地对比色,能取得较为理想的色彩效果。


图 口红和鞋MACX和PUMA两家品牌联合开发的同色系口红和红鞋系列,采用的就是同色相的设计,其实火烈鸟类早就为我们做了完美的示范,见左上角图片。


4)中差色项的配色


中差色介于类似色和对比色之间,色差变化较大,是一种中强度对比的色系,在色相环上间隔在90°左右的色彩。中差色配色在视觉上有很大的张力效果,清新明快又很有个性,这种配色方式在色彩设计中应用广泛。


5)对比色项的配色


对比色色差较大,对比鲜明,是色相环上间隔 120°左右的色相对比。其色彩对比强烈、饱满、醒目、具有很强的视觉冲击力,仅次于互补色,对比色有很多经典的搭配案例。


6)互补色项的配色


互补色对比是最强、最极致的色相对比,是色环上间隔180°的色相对比。特点:色彩对比强烈、鲜明、刺激,如:红与绿、黄与紫、橙与蓝。


2. 色彩明度与配色


每种色彩有各自的亮度,在灰度测试卡上都具有相应的位置值。无彩色中,明度最高的是白色,最低的是黑色;有彩色中,明度最高的是黄色,最低的是紫色。


明度对比所产生的明暗对比,是一切色彩的共同属性,影响色彩的层次与空间关系,对产品配色的清晰与明快起着关键性作用,是拉开色彩层次的有效手段,特别是多配色方案的产品陈列在同一卖场时候,更要留意明度调性的对比。


根据色彩明度的高低对比,分别传达了不同的视觉感受。


  • 高明度具有轻快、纯洁、淡雅之感;

  • 中明度具有含蓄、稳重、明确之感;

  • 低明度具有浑厚、沉重、压抑之感;


结合明度对比的强弱,有高长调、高短调、高中调、中长调、中短调、中中调、低长调、低短调、低中调等九种调性,此处不一一列举,可以找一本色彩构成的书结合产品配色来理解。


明度一致是一种搭配手法,将不同色相不同纯度的色彩组合统一协调起来,看起来每种颜色都是均等的,不会出现明显的强弱和对比,除非刻意渲染柔和暧昧的弱对比效果,通常单个设计中不会全部使用明度一致的颜色,但可以用在某部分使其显得和谐统一,但产品系列里会使用明度一致的搭配使系列组合更和谐。


图 2018年国际CMF大赛的获奖作品,箱体的色彩就是采用了明度统一的设计手法,使不同色相的色彩在同一箱体上协调统一


3. 色彩纯度与配色


色彩的纯度对比是一种潜在而低调的对比。纯度越高,视觉上感知上的对比越强,视觉效果就越刺激;相反,纯度越低,视觉上感知上的对比就越弱,视觉效果就越平实。当然这种感觉与所处的环境有很大的关系。在英国由于常年缺乏阳光,而在意大利常年阳光充足,同样的色彩纯度在英国和在意大利视觉感知是有很大区别的。所以色彩纯度的对比应用要根据不同的使用环境才能得当,可以使要突出的颜色鲜明有度、富于个性,运用不当,就会出现色彩灰、脏、闷等模糊不清的感觉。


在色彩构成里有把不同色相的纯度大致分为三种调子,艳调——高纯度基调,纯色或稍带灰味的纯色,中调——中纯度基调,介于高纯度与低纯度之间的色彩,灰调——低纯度基调,接近中性灰的色彩,分别代表或强烈或温和或暧昧的不同特点。在纯度对比中,根据纯度的鲜灰和对比的强弱,可以将纯度划分为鲜强对比、鲜弱对比、鲜中对比、中强对比、中弱对比、中中对比、灰强对比、灰弱对比、灰中对比九种对比配色。


纯度对人的心理有较大的影响。纯度越高,越让人感到刺激热烈;纯度越低,越给人沉稳含蓄的印象。统一使用纯度高的色彩配色,因为彩个别张力都很强烈,色彩与色彩间得冲突会让人感受到强烈的对比;用纯度低的颜色来统一配色,可以使整体带有灰暗、安宁、沉稳的印象,纯度降低时对色相的感觉变化较小,有时候也会产生使用的色彩数目不够多而给人冷清的印象


图 Vans/范斯男靴设计采用了色彩纯度高低不同的设计手法,适应不同的用户情感需求


4. 色彩冷暖与配色


在CMF色彩设计中色彩的冷暖色性需要活学活用,不能生搬硬套。产品定位和人群情感的归属会直接影响到产品冷暖色的设计,比如,早期冰箱采用的很多都是冷色,因为冰箱是制冷的设备,所以传递制冷的感觉更为贴切。随着家居一体化,冰箱已是家居环境中的一部分,冰箱的色彩也需要融入到家居的整体色调之中以展现主人的品位,因为今天的人们已认识到冰箱是否传递制冷的感觉并不会影响到冰箱的制冷效果,而冰箱是否与家居环境协调更为重要,所以今天冰箱采用暖色系的比比皆是,如黄色、红色和渐变七彩等暖色系冰箱。可见,在CMF色彩设计时,产品的使用场合和人群定位决定了冷暖色的设计。


图 海信推出的璀璨艺术家电套系,暖色系


冷色和暖色是一种色彩感觉,冷色和暖色没有绝对,冷暖对比是相对而言的,绿色放在黄绿色中,绿色成为冷色,把绿色放在蓝色中,绿色看起来会感觉变暖。冷暖对比也有强弱之分,冷暖属性越邻近的颜色其冷暖对比就越弱,到达冷暧两极则形成冷暧的最强对比。


产品配色的冷色和暖色的面积分布比例决定了产品的整体色调,也就是冷色调或暖色调,表达了不同的意境和情感。


总的来说,色彩的冷暖对比是色彩对比中最能展现产品魅力的一种形式,但色彩的冷暖对比不可能孤立存在,而是与色相、明暗等其它色彩因素息息相关,应该综合地考虑。


除此之外,由于色彩表色色立体系统的不同,在配色上有各自的方法,例如在奥斯特瓦尔德表色色立体系统中就有单色相调和、双色相调和、多色调和、环星调和等特色化的色彩搭配方法;在孟塞尔表色色立体系统就有面积调和、定量秩序调和等特色化的色彩搭配方法;在 PCCS 表色色立体系统中就有同一色调、类似色调、对比色调等特色化的色调配色方法;NCS 表色色立体系统中就有色彩一致、黑度一致、色阶一致、白度一致等等特色化的的色彩搭配方法。


成功的色彩搭配最为关键的是在配色中不仅要做到色彩的协调与和谐,同时还应该重视色彩搭配所形成的层次感和节奏感。通过不同色彩因素的对比来寻找色彩搭配形成的视觉感知上的差异性、独特性和协调性,色彩的色相决定的是视觉情感的基调,而色彩明度决定的是视觉情感的强度,而色彩纯度决定是视觉情感的态度。




 四、色彩搭配常见问题 


在CMF色彩设计中产品的色彩搭配不同于纯视觉的色彩搭配,如绘画等。所涉及的因素要更多,除了上面谈到的色彩本身原理层面的配色要点外,还涉及到材料、工艺和消费者审美习性等的变化,所以在产品的色彩搭配中常常会出现下列问题。


  • 对色彩表色色立体系统缺乏较为深入的认知和研习,对不同色彩体系的配色特征没有系统地解读和熟知,在配色上缺乏准确性和创新性,所以在具体的配色时只会凭感觉来配色,或者模仿竞争者的产品配色的现象。

  • 不研究产品色彩的流行趋势,光凭教科书中的配色规律进行配色,忽视同一色彩的搭配在不同的产品和不同的时间段,对消费者具有不同内涵联想和心理情感归属。虽然这种配色方案在色彩的原理上并没有不妥,但对于CMF色彩设计而言,脱离了市场和人群定位的配色就是失败的配色方案,即使在设计原理上是正确的。所以对配色而言用户合适才是硬道理。
  • 对工艺、材料及成本管控缺乏了解。脱开材料工艺及成本,产品色彩就无法与材料工艺很好的结合,也就无法达成色彩效果的预期,这对于CMF色彩设计而言是非常严重的问题,因为再正确的色彩设计如果无法落地那就是没有价值可以,这是万万不行的。
  • 不认真对待企业的产品色彩管理工作体系。企业的产品色彩管理工作体系色彩平稳落地的质量保证,忽略色彩管理工作体系,就会缺少产品色彩语言的整体规划,产品的色系就会五花八门,乱七八糟,一方面会增加运营成本,另一方面会增加品质控制的难度。



 五、CMF设计用色的发展规律 


一般来说,在CMF色彩设计的用色,对多数设计师或设计团队而言在色彩的运用上都存在着一个有趣的现象,就是从“less - more”到“more - less”的轮回规律。从苹果公司的产品CMF色彩设计发展过程看也是遵循了规律从“less - more”到“more - less”的轮回规律。


图 苹果公司产品 CMF 色彩设计是从“less - more”到“more - less”的轮回发展过程


第1个阶段,CMF色彩设计师或设计团队常常觉得无色可用,无色敢用,多数会选择一些中性的颜色如黑、白、灰、金和银等,觉得这样最安全。


第2个阶段,CMF色彩设计师或设计团队突然决定有太多颜色可以选择,开始什么颜色都可用,什么颜色都敢用。赤橙黄绿青蓝紫,所有的基本色相都想用。这是常常会配色效果过度堆砌现象,缺乏重点,没有思考,没有章法,只要是他们从市场上、展览上、资料上看到的竞品颜色、爆品配色、当年流行色、个人偏好颜色,拿起来就用,不加过滤。


第3个阶段,CMF色彩设计师或设计团队突然觉得又一次无色可用。但不同于第一阶段,开始懂得less is more在配色上的重要性,在方法上有了一些积淀积累和沉淀,这是他们开始通过各种色彩管理方法将色彩进行归类,细分、取舍和提炼,用色开始追求精益求精,每用一色,都会综合考量饱和度、色相、明度、文化含义、使用场景、载体材质、实现工艺、情感互动等因素。这是色彩虽少,效果却能够达到独到、夸张、概括和确意。


第4个阶段:CMF色彩设计师或设计团队开始精准拿捏每一种色彩,开始尝试使用更多的色彩可能性。但这个阶段的色彩“多”,不是色彩的堆砌而是色彩的富有。


图 iPhone 15系列配色


下一期,我们详细介绍《产品色彩设计开发流程》,文章将在我们平台公众号发布,还未关注的点击下方关注吧~~会每日自动推送


近期精选文章推荐:
北汽极狐考拉CMF解读,智能科技与环保的双重加持
华米 Amazfit 跃我发布新智能手表,多巴胺配色+工艺材质介绍
100例产品欣赏,感受环保材料所打造的设计美感~~
设计中常用的10种肌理
100例“渐变”产品设计图欣赏,色彩+纹理+形态渐变效果
调光玻璃电致变色(EC)变色膜生产工艺
巴斯夫发布《2023-2024汽车色彩趋势报告》
劳尔发布2025+颜色趋势体验报告,主题:关爱+协作
华为发布mate 60pro及x5系列,伯恩为盖板主力供应商,CMF设计解读
趋势专栏 | 如何通过环保材料来做好CMF设计?
欣赏:2023红点奖作品中的100个设计细节!
第11期精选CMF案例赏析,东风风神|发光玻璃|创新布料
玻纤材料及工艺介绍,华为Mate 60 Pro后盖材质就是它!
传音推出首款光致变色笔电,多色光异构体技术的跨界应用
超级干货分享:2023家电美学趋势报告

分享:2023小家电产品创新趋势报告
一块钛合金板材到智能手表表壳及成品的工艺之旅
供应链企业技术展示,INS膜|液晶涂布|蒙特小牛皮等
苹果在智能织物领域都有哪些研究?
比亚迪仰望U8公布全新内饰设计理念,星空律动天窗成最大亮点
CMF | 未来汽车智能表面趋势:透光表皮
一文全面读懂电致变色技术,从飞机到手机的跨界应用
CMF显示触控新技术:金属触控+透光工艺



本文素材来自《CMF设计教程》,由化学工艺出版社出版,想要阅读完整内容及更深入的了解CMF,可以线上购买书籍《CMF设计教程》,长按下面二维码即可。



活动推荐

2023年度CMF关键词:“绿色“与”智能”,在CMF领域得到充分应用。值此之际,CMF设计军团将于12月14日在深圳举办《2023国际CMF设计大会》,以绿色、智能为主题,详情如下:


大会主题:绿色智能
时间:2023年12月14日
地址:中国深圳.宝安
主办机构:国际CMF设计大会组委会、深圳市工业设计协会
指导机构:世界绿色设计组织、北京光华设计基金会
承办机构:CMF设计军团、萨米设计研究、世界绿色设计组织CMF专委会、北京光华设计基金会CMF专项基金

大会嘉宾及议题:

更多议题征集中!有意向请咨询唐先生:189 2645 4872(同微信)


报名咨询

1)报名请联系
廖女士:189 2459 4519(同微信)
2)长按如上二维码在线登记报名

往届回顾

2022国际CMF设计大会.绿色环保

2021国际CMF设计大会.跨界融合





继续滑动看下一个
CMF设计军团号
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存