产品设计手绘表达技巧 3

鉴于很多读者是设计师和在校学生，经常有人在本公众号后台留言说需要设计基础方面的指导与练习。

ID斗服脑在每周一开辟了设计技能与素材板块，欢迎产品设计师和学生关注。若这些知识和素材能够帮到你，则是笔者最大的欣慰。

上周我们讲了产品设计线条图的表现技巧，然而如果一幅手绘只有线条的话还不够有表现力，线条给人的感觉是单纯的单薄的，不足以表现产品丰富的形体，只有与明暗结合起来运用，才能产生真正的立体感。今天我们就来探讨一下产品设计手绘的光影明暗如何去表现。

先设想有一个主光源，以从前往后，从左往右的方向投射在一个正立方体上，立方体的三个面就有了明显的明暗差别，即亮面、灰面和暗面，称之为三大面。如果光源的方向改变了，那么这些面之间的明暗关系，明暗程度就会明显改变。如果仔细观察物体，就会发现一些微妙的差别，比如受光部分和不受光部分的交接位置，因为明暗对比的作用，显得最暗，这一块最暗的部分通常称之为明暗交界线。受地面、周边环境或其他光源的影响，暗面的某些部分会变得稍稍亮一些，称为次暗面。亮面、次亮面、明暗交界线、暗面、次暗面构成了明暗变化的“五大调”。

表现要点：

在线条图表现的基础上，在产品局部阴影处、投影位置、暗面等位置，进行深入的刻画，加强产品的立体、层次感，较为系统地记录和表现产品的形体关系，使产品的表现更加清晰生动。 通过暗部和阴影的表现来覆盖错误和不准确的线条，矫正产品的透视等。

明暗图表现步骤：

1.设定光源：首先假定一个光源，选择45度，光线方向为左上方或右上方均可，产品的主特征面和功能面应向着光线方向，为亮面，并把最小的和次要面作为暗面，这样可避免大面积的表现暗部。

2.表现分界线：根据光源方向，找出产品的明暗分界线。先用笔芯的较宽部分轻贴纸面，轻轻滑动，反复叠加，注意轻重变化，根据材质、光线 ，圆角的情况，决定深浅的变化。

3.暗部表现：前面。设定光源时，一般来说暗部都应是最小的面，从明暗交界线开始，还是用粗而平的笔芯逐步退晕，离分界线最远处留白，作为反光部分，这部分的大小取决于材质。在笔触叠加时，注意不要完全覆盖，要留有一定的缝隙透气。

4.整体调整：在暗部表现基本完成后， 需要进行整体的调整，总体的明暗对比，还有小的细节部分的明暗处理，小的按钮和凸起等。另外还需注意亮面部分并不是完全留白的，尤其是一些曲面部分、圆角转折部分，在离视平面较远部分转折处也有明暗变化。

5.阴影处理：在明暗图快速表现里，阴影是必不可少的，既可像前面线条图一样使用排线，也可以按照预先设定的光源方向，沿着产品的轮廓用深色加深，层层叠压，同时留有飞白，不要涂得过死，同时也可以对轮廓线进行修正和调整，以突出整体效果。

6.点高光：点高光可以用白色铅笔，也可以用涂改液，高光忌多忌乱，应考虑前面光源的设定方向，白色铅笔沿着受光边线轻画，在拐角处或迎光面的最高处用修改液点上高光点，然后轻轻沿边线左右划一下。如果高光点较多，一般都是顺着光线方向连成一线，有一定的汇聚 。使用彩色铅笔表现时，高光部分一般都是预先留好的，在后期调整时可以用橡皮擦轻轻擦出。

马克笔明暗图表现实例：

马克笔有水性、酒精、油性之分，马克笔的使用，切忌迟疑，沿着明暗分界线、边线等固定方向运笔,在圆角等地方要顺势回转，小的边角可以调转笔的方向，用尖角细的一端来画，做较大面积的平涂，可以先沿边线勾勒一圈再做平涂，如有按钮等小部件，留白后围绕着用细的笔触勾画。对曲面的表现，行笔一定要顺着弧线，在暗部可以多叠压几笔。

a.先绘制线条图，注意选择合适的视角，假想光线方向，主要部分为受光面，较小的部分为背光面。

b.依据前面设定的光线方向，用2号浅灰表现明暗分界线，注意两端的转角处，转笔使笔触变细，沿边线回转。

c.用2号笔沿轮廓线表现曲面光影变化，靠近轮廓线的部分就是曲面转折的区域，颜色应逐渐加深。深色橡胶部分，用5号笔沿轮廓方向平涂，注意深浅变化，留白。

d.用五号灰表现按钮，留出高光。用2号浅灰表现屏幕，注意

深浅变化，屏幕边缘勾色以表现透明感。

e.处理阴影。首先沿着产品边缘勾线，然后画出阴影轮廓线，简单几笔即可，平涂时注意笔触变化。

f.点高光。用特种笔沿着迎光边线轻画，笔触轻重应富有变化。

此附图用水性马克笔，可以看出笔触比较明显，表现力稍弱。

马克笔的笔触及不同表面的光影表现：

马克笔手绘教学视频：

马克笔手绘视频教程_腾讯视频

彩色铅笔明暗图表现实例：

a.绘制线条图。选择合适的视角，假想光线方向，主要部分为受光面，较小的部分为背光面。

b.依据前面设定的光线方向，用黑色铅笔轻涂明暗分界线，两侧弧面转折部分，用彩铅沿弧线画出，但不要紧贴边线，要留有一定空白。

c.表现暗部。

d.表现按钮的明暗变化。

e.处理阴影。首先沿着产品边缘勾线，然后画出阴影轮廓线，简单几笔即可，平涂时注意笔触变化。

f.高光。在前面留白的基础上，用橡皮沿边线轻擦，表现高光效果。

有光感的手绘图，会让你的设计变得专业和明确，适度的光影绘制，可以让产品的性格、感觉更好的被强调出来。我们可以通过多看优秀的产品效果图，从细节中学习、提高自己对光影的表现能力。

好了，产品设计的明暗图表现就是这样，下一节，我们来谈一谈产品设计的色彩图表现，喜欢设计的朋友们敬请关注。需要提升设计技能以及下载设计素材的朋友们，记得每周一不见不散。

—— END ——

更多精彩创意文章，请关注微信公众号“ID斗服脑”获取。