工业设计手绘中的配色、上色技巧与配色练习

授权 | 黄山首绘

一、工业设计手绘中的配色技巧-配色进阶

产品设计的配色直接影响着你会选用什么色的马克笔或者在数字手绘里面选择哪种颜色进行产品手绘润色，产品设计中的配色很重要，今天就给大家讲讲产品配色的高阶（进阶），我们在设计阶段的前期设计手绘效果图中就要有意识的进行色彩的调配，配色。

产品的配色可以细分为好几种：互补色配色（两种相反颜色的调配，多用于产品的大面积颜色与按键小面积颜色点缀的颜色搭配），中性色配色（通常用在家居类产品等颜色比较中性的情况下，易于产品本身与周围环境的搭配），类比色配色（在色相环中靠在一起的颜色进行搭配，多用在产品分件的大面积配色上，增强协调，统一性），原色配色（红，黄，蓝三种颜色的调配，多用在儿童产品等纯度较高的产品颜色搭配上），单色配色（只有单色，没有其他的花哨颜色，显得简洁干净，多用在医疗器械等产品的配色上）。

1、产品的色彩是给人的第一感知

产品给人的第一印象感知，一个是外轮廓一个是产品的色彩，比如手机，我们消费者一般在手机商场内购物，从远处看，第一个映入眼帘的就是手机的色彩，然后再看手机外形，材质，造型，手机UI。汽车，在公路上穿梭来往的汽车，也许还在远处时，你看不清造型细节，但是汽车的车体颜色远远的就能观察到，所以说产品的配色是给人的第一感知印象。

2、在我们生活工作的环境当中，使用的产品颜色扮演着重要的角色

2-1红色给人的感觉是：力量，激情，强烈，极端，警示，红色的色光波长在暖色系里面是最强的，说白了就是容易引人注意，因此常用于对比强烈，鲜明，需要给人易见度较高的产品，运用的最多的领域，比如因为其具有警戒的含义，容易引起人的注意力，像一些消防栓，火警，禁止吸烟，交通标志里的STOP（红灯停）等等，起到醒目的提示作用。

以下是数字手绘绘制的一款灭火器，这款产品就是一款用到警示色-红色的产品。

2-2黄色，明示度较高，是一种很醒目的颜色，通常在工程车上面的警示牌，以及电动工具设计上比较常见。

2-3蓝色具有广阔，清爽的含义，给人感觉平静，深远，安静，平和，透明，蓝色属于冷色系中的颜色，蓝色色光波长较短，是后褪色，一般像医院，图书馆等需要安静的环境中使用的产品会运用到蓝色配色，体现一种清新，透彻感。

2-4橙色给人感觉随和，温和，友善，活力，亮眼，一般食品超市的相关产品选用橙色，给人友善温和，诱人的感觉。一些运动产品选用橙色，因为橙色充满活力，容易激发起人的运动欲望。救生衣的配色选用橙色，因为亮眼，橙色的色光波长比较长，说白了就是更加显眼，属于前进色，容易被救生员察觉。

2-5绿色属于中性色，一说到绿色，我第一反应就是诺亚方舟上小鸟叼着的那只橄榄枝，绿色蕴含着一种生命力，给人的感觉是环保，健康，原生态，所以经常用在一些植物仿生类别的产品上，保健产品的配色上也常用到，另外还有一些和回收可再生利用有关系的产品。

2-6粉红色给人视觉上感觉宁静，安详，柔和，浪漫，有情调，粉红色是白色与红色的调和，是一种明亮的红，通常情况下，会用在针对女性市场的产品上比较多，比如化妆品，粉饼等，以前也有手机配色成为粉红色，给人一种浪漫的情调感，另外粉红色还存在一定的梦幻感，像以前迪斯尼发布的小产品里面很多都是采用粉红色，给人感觉新奇，梦幻，使得人们对产品兴趣感提升。

2-7紫色具有一定的神秘感，紫色的配色高贵，庄重，奢华，端庄，优雅，法国时装发布会上经常会出现紫色色系的服装，产品领域，一般会用在一些高端品牌中的产品配色上。

3、产品色彩的配色搭配要适合不同产品的性格特征

我们考虑什么产品用什么颜色，要如何配色，产品的使用环境，产品的功能，这些因素都要考虑进去的，比如说：设计一款儿童产品，是测量儿童体重和身高的称，在设计的过程中，查阅过大量的儿童心理分析统计表，研究后发现，多种色彩，高饱和度的产品配色比较符合儿童的心理需求，审美感觉等等，因此多数儿童产品，像儿童文具，儿童称，儿童洗漱产品都是颜色较为丰富，明度，饱和度较高的。以前罗剑老师也设计过家用电器，像冰箱，洗衣机，电饭煲等等，这些电器产品要融入家居的环境中，要和家庭装潢相匹配，与周围环境相协调。经过市场调研，一般这些产品的配色都不会太花哨，大多是突出整洁，理性，安静等产品性格特征，一般选用白色，淡蓝色等等。

4、产品当中的色彩可以影响人对这个产品的视觉感知：

4-1产品配色对产品比例的影响：比如说产品设计中每个产品由不同的部件组成，这就会有不同的比例分割，如果存在有的时候比例分割的不协调情况，则可以通过色彩配色来弥补，比例太过于小的时候可以通过色彩调整（暖色多一些，明度亮一些）的大一些，比例太过于大的时候可以通过色彩调整（对比度降低，冷色多一些，明度弱一些）的稍微小一点，也就是颜色对人视觉的感受变化。

4-2产品配色对产品尺寸距离感的影响：在产品设计配色中，色彩的不一样可以使得同一款产品产生层次感，距离感，尺寸大小不一样的感觉。产品色彩的距离感也可以称作尺寸感，暖色系列的色彩相对来说具有扩张性，冷色系列的色彩相对来说具有内聚性，一款还没有喷漆（颜色）的产品，喷上暖色系色彩，人们感知到的大小尺寸比实际尺寸会略大一些，如果这款产品喷上冷色系色彩，人们感知到的大小尺寸比实际尺寸略小一些。

产品色彩的明度强弱对比和纯度对比也会影响产品的尺寸感觉，同一个色系的产品色彩，产品色彩明度越高，视觉上显得大，产品色彩明度越低，视觉上显得小。色彩纯度高的暖色产品显得比实际尺寸大，色彩纯度低的冷色产品显得比实际尺寸大。

4-3产品配色对产品质感软硬的影响：在产品的配色当中，配色的不一样，给人的软硬感觉也不一样，色彩的明度是决定产品软硬质感的因素之一，高明度色彩软性感觉较多，低明度色彩硬性感觉较为强烈，如果在产品色彩明度相同的情况下，暖色系列里，纯度越低就会显得越软，冷色系列里，纯度越高就会显得越硬实。

4-4产品配色对产品轻重感的影响

色彩也有轻重，同样一款产品，配上不同的色彩，立刻这款产品的轻重感就不一样，明度以及冷暖度是影响色彩的轻重感觉主要因素，明度高的色彩产品感觉重量轻，明度低的色彩产品感觉重量较重，暖色系的色彩产品显得轻，冷色系的色彩产品相对显得比较重。

5、产品颜色给人的联想

与人们生活息息相关的产品中到处充满了色彩印象。色彩甚至会与人产生一种共鸣，色彩的情感联想在人们的心理会不知不觉中流露。

产品设计中的色彩具有心理层面和结构功能两种作用，生活中不同的环境，产品会采用不同的颜色，特定的颜色可以缓解疲劳感，颜色还可以增强氛围情调。另外，有的产品因为结构或者里面电路板的关系，外观分件线分割无法达到视觉上满意的效果，这个时候可以运用统一种色彩弥补这种分割线，可以达到视觉上的统一。

二、产品的上色与配色练习

1、产品手绘润色环节与产品配色记忆训练

我们知道工业产品效果图手绘表达是非常重要的环节之一，可以培养设计师对产品的视觉审美，我一直强调在产品的效果图表达中，形体，透视的准确性是最重要的，在形体，透视准确的前提下，再去思考怎样配色，然后进行上色步骤。

一般情况下，对产品配色的绘制等于就是对产品在自然光照下（平行光源和一点光源）色彩的直观描述，描述的内容包括：光源色，产品外观本身的固有色，产品放置某个特定空间的环境色。

首先第一步要学会观察，眼睛看到，然后意识到。其次再进行思考分析。最后通过手绘的方式表达出来，简单归纳就是看、想、做。

很多学生问过我，产品线稿画好了，怎样进行上色，不知道如何进行下一步，不知道如何提起手中的马克笔进行上色或者在数字手绘时不知道如何选色搭配颜色，其实，这就在考验学生对驾驭产品配色，上色，处理产品与光源色，环境色之间的色彩关系的能力。

产品手绘效果图上色，并不是像纯艺术一样，物体材质上面的色调，高光点，都一一表现出来，产品的表现是需要高度概括，简练的手法，快速，准确的抓好几个大色块的关系，这个要进行反复的思考推敲，每个人对颜色的概括都不一样，对产品的配色感悟也不一样。

对于产品上色，每个有经验的设计师都有一套自己的分析方法，也都会经历从产品写生练习到自己设计表现的升华过程。

在这里我说出我平时的训练方法，是我自己总结的练习方法，只代表我个人建议，希望对需要提升产品上色技巧的设计师有借鉴作用。

在绘制产品效果图时，经历过临摹阶段，前期可以进行产品的写生练习，然后可以凭自己印象，通过自己对色彩的感受，理解，分析，以及对市面上相同类型的产品色彩进行比照，通过对色彩在大脑中的记忆进行打散，重组，整理，归纳，分析色彩与色彩的搭配，前期思考的久一些，再去下笔绘制。如果一开始不熟练，可以采用写生与凭印象绘制相叠加交替进行的方法。这样既可以提高你的产品色彩观察分析能力，对产品上不同色调的调配能力，又可以提升整合产品本身色彩与整体画面色调的把握能力与表达产品效果图的上色能力。

2、产品设计效果图表达过程中，上色时需要高度归纳，可是怎样训练这种归纳能力呢？

产品中色彩的归纳实际上是对产品丰富的色彩表象（自然中的色彩关系）进行归纳梳理，首先找到产品复杂的色彩表象中色块面积最大的色彩，然后进行明确的归纳，概括浓缩进画面里，用马克笔润色或者用计算机软件辅助润色同一颜色的其他部分（肯定会有深浅，远近虚实的变化），所选择的颜色只要和这个面积最大的色块颜色相同色系就可以。

3、产品中配色明度的比较

通常情况下，产品设计效果图表现当中的明度层次经过统一概括归纳可分为黑白灰三个大层次，归纳实际上就是把相近的明度归纳为同一明度，这里面可能包含好几个细微的层次变化，以面积最大的色块明度为明度概括后得出的基准，也就是黑（低明度），白（高明度），灰（中明度），在表达过程中，可以首先确立画面的高，中，低三个层次关系，然后用相应的色块在各个符合的层次关系上进行表现，这样可以保证画面明度协调的准确性。

很多润过色的产品，我们反推一下，把颜色去掉，只留住黑白灰，可以明显感觉到层次的变化，越往背光的地方延申产品效果明度依次递减，给人感觉是对比越来越弱，所以实际中产品配色，还有效果图表现都应该明度对比强烈，给人视觉冲击力强，另外还要注意明度4、产品中配色纯度对比度的比较

产品配色中纯度对比度的比较是产品色彩效果的一个重要元素，缺乏纯度对比因素的调和，会让人感觉暗淡，单调，失去了产品配色的感染力。产品配色纯度的对比对于设计师或者使用产品的人有着重要的作用，从左至右分别是产品配色纯度的递减，可以看到纯度越低，产品对比度越不明显，虽然有颜色上的区分，但是非常的微弱，很难第一时间分辨出来，辨认时间会延长。

— END —