产品手绘设计表现技法（中篇共上中下3篇）

第3章视角目录CONTENTS3.1透视3.2视角的选择3.3侧视图视角3.4俯视视角3.5仰视视角ABC要想准确通过手绘的方式表达出所设计的产品应有的造型与形态，首先必须明确不同视角在产品手绘表达的过程中都有哪些优缺点，以及什么样的视角能够较好地表达出一个产品应有的视觉效果。设计师要想通过手绘的方式更好地表达出自己设计的产品，就必须熟练地掌握透视的基本法则，从而在绘图选择视角的时候得心应手。3.1透视3.1透视“透视”（perspective）一词源于拉丁文perspclre（看透），是指在平面或曲面上描绘物体的空间关系的方法或技术，是常见的绘画理论术语。透视学即在平面上再现空间感、立体感的方法及相关的科学。在产品手绘中应用的透视技法来源于狭义透视学（线性透视学），如果将绘画的纸张想象成无限大，那么纸面上手绘产品对象中的任意线条都应该找到其合理的消失点。产品设计中常用的透视方法有一点透视（平行透视）、两点透视（成角透视）和三点透视（倾斜透视）。产品手绘表现能力是设计师应该具备的基本技能之一，在具有一个好的创意设计概念的基础上，设计师应该具备能够准确地将自己的想法表达出来的技能。一个好的创意设计如果表达不出来或者表达得不准确、不生动，就会影响设计的成功。3.1透视对于学习产品设计的人来说，在表达和传达自己的设计意图时，能够正确地应用透视图来表达产品的造型是非常重要的。如何在手绘产品透视图的同时解决产品的造型、比例尺度等诸要素，一直是不可忽视的问题。与此同时，如何在一张二维的纸张上选择出产品最具有张力的视角，也是设计师在绘图的过程中不得不思考的问题。综上所述，在产品手绘表现的过程中，正确掌握产品透视的技能是必不可少的。只有掌握了产品的基本透视法则，才能画出具有合理透视关系的效果图。3.1透视一点透视（平行透视）是指物体的两个立面与画面平行，余下的两个立面与画面形成直角。这样形成的灭点只有一个。一点透视表现的范围广，纵深感强，容易绘制，适合表现物体的一个主要面。1.一点透视3.1透视1.一点透视3.1透视2.两点透视两点透视（成角透视）是指物体的每个面都与画面有一定的角度，有两组水平透视线分别消失于画面的两侧，这样就形成两个灭点。其中，45°透视与30°透视、60°透视是典型的两点透视。两点透视表现灵活，物体的形态表现得充分、肯定。3.1透视2.两点透视3.1透视三点透视（倾斜透视）是指物体的任何一个面都与画面有一定的角度，除在画面的两侧形成两个灭点外，垂直于地面的那组平行线的透视线也产生一个灭点。三点透视一般表现为物体的仰视图和俯视图。在一般的设计实践中，除了有特殊要求外，一般都采用透视图中的一点透视（平行透视）或两点透视（成角透视）来表现。3.三点透视在练习绘制带有透视视角的产品手绘的最初阶段，可以利用与绘制结构素描一样的方式进行产品透视图练习。假想将每个产品都放进一个方盒子中，因为这个方盒子自身带有一定的透视关系，所以放在方盒子中的产品也符合这个透视关系。在练习透视手绘的最初阶段，可以通过寻找产品自身与其所在方盒子的比例关系对应点的方法来确定产品的透视关系。一定的辅助线与结构线能够帮助初学者明确产品的对应点的位置，有了对应点，只需要进行对应点之间的连线就可以找准产品的透视关系了。对于产品手绘的线稿来说，准确的透视辅助线能够使产品手绘看起来更加理性与准确。3.1透视对于复杂产品来说，可以将其看作由几个大小、宽窄不同的方盒子进行叠加得到的。例如，左图所示的汽车，其每个零部件都位于一个方盒子中，只需在方盒子中找到它的透视对应点，就能够确定这个零部件在画面中的透视走向。利用这些方盒子来理解透视线的形成，就可以掌控复杂的产品透视图，达到精准绘图的效果。3.1透视ABC3.2视角的选择3.2视角的选择3.2视角的选择如何在一张二维的纸张上选择出产品最具有张力的视角，是设计师在绘图的过程中不得不思考的问题。设计师可以从任意的位置来观察自己的设计产品，但是有时候很难发现一个能够完整地观察到产品所有信息的视角；而对于复杂形体来说，任何视角都只能展示这个形体的一部分外观信息和结构信息。3.2视角的选择3.2视角的选择为了尽可能地丰富产品的图面信息，设计师常使用两点透视（成角透视）视角；但在一些造型比较简单、细节不太丰满的产品手绘中，也会选择一点透视（平行透视）视角。如何确定自己设计的产品在哪种视角下最具有画面张力，是非常考验设计师自身审美修养的事情。在产品设计的视角选择过程中，往往需要设计师在自己的脑海中架构出所设计的产品，并且不断地对产品的各个视角进行比较与分析，然后确定出一个合适的视角来表现这件产品。一个好的视角可以使产品手绘图具有很强的视觉吸引力；不过不能否认的是，虽然好的视角很重要，但是最终的画面效果也与设计师所选择的表达技法密不可分。3.2视角的选择3.2视角的选择3.2视角的选择3.3侧视图视角在实际产品设计的过程中，在研发一个新的产品的最初阶段，设计师常常会从产品的六视图视角手绘入手，其中侧视图视角就是经常默认使用的视角之一。侧视图为展现三维物体提供了一种清晰而简单的方式，其画法也比透视图更容易掌握。在手绘的过程中，对产品的侧视图视角没有硬性的规定，设计师可以根据自身的喜好进行选择。但是设计师在选择的过程中一般都会选择能够更丰富地表达产品细节的那个视角作为手绘侧视图视角的切入点，并在这个表达内容丰富的侧视图视角的基础上进行一些产品结构和形式感的推敲。在有些特定的产品手绘设计过程中，还常常配有其他视角的手绘形态推敲来辅助设计师进行产品外观造型设计。3.3侧视图视角3.3侧视图视角右图这款设计就是很好的通过透视图来推敲产品造型的例子。将不同造型的同一个产品的侧视图放在一起进行比较，很容易得出设计师想要的结论，并且每个产品造型的优劣也一目了然。通过下面的运动鞋设计案例可以清晰地看出，设计师在确定最终形态之前，往往会通过批量的手绘草图来辅助自己进行一些产品的造型细节推敲。3.3侧视图视角一些时尚产品领域也离不开侧视图视角手绘法，比较常见的就是鞋类的设计。进行鞋类产品手绘设计时，常常选择鞋子侧面能够表现更丰富细节的那部分进行方案推敲，而不是选择顶视图或正视图这种细节比较少的视图进行产品造型推敲和细节设计。但是在鞋子设计的过程中常常采用左、右侧视图相结合的方法进行设计，这是由于单只鞋子自身的造型是不对称的。3.3侧视图视角3.3侧视图视角3.4俯视视角ABC当产品的顶面位于视平线以下时，视点无论位于哪个角度、距离产品远近，形成的视角都统称为俯视视角。在俯视视角的状态下，产品的透视状态可以是一点透视（平行透视）、两点透视（成角透视）和三点透视（倾斜透视）中的任意一种，设计师可以根据需要描绘的产品自身的特性来确定最终选择哪种透视方法进行俯视视角的描绘。一般来说，俯视视角在产品手绘表现中是比较常用的视角。3.4俯视视角ABC在绘制俯视视角的同时，需要注意俯视视角可能会出现的两种透视关系：一种是三点透视关系，它是最常用的绘制产品的透视视角；另一种是两点透视关系，两点透视关系则相对来讲出现的频率较少。为什么说三点透视关系是最为常见的透视关系呢？这是因为在实际生活中我们观察到的产品多数是三点透视关系，所以在绘制产品透视辅助方框时为了在视觉上看起来更舒服，设计师会将位于最左侧和最右侧的两条竖直方向的透视线做轻微的三点透视形变，这样会使得产品透视更符合现实生活中常见的透视关系。3.4俯视视角3.4俯视视角3.4俯视视角3.4俯视视角3.5仰视视角ABC当产品的顶面位于视平线以上时，视点无论位于哪个角度、距离产品远近，形成的视角都统称为仰视视角。由于多数的仰视视角都会降低视点，而视点的降低会使被描绘的产品本身更加高大挺拔，画面张力更强。在仰视视角中，当设计师将视点降低到近似与地面平行的状态时，产品本身具有极大的透视效果，在这种情况下，画面会富有强大的视觉冲击力。3.5仰视视角3.5仰视视角3.5仰视视角上图所展示的卡车在俯视视角观察下不但体现不出强大的视觉冲击力，反而由于俯视角度而产生了透视缩减的问题。这个观察点下的卡车看起来非常像玩具，受透视的影响，整体图面效果失真，故不是非常好的表现角度。3.5仰视视角而同一辆卡车，在仰视视角观察下则显得视觉冲击力极强，产品整体的体积感表现得非常好，符合设计师心中对卡车应有的视觉效果定义。同时，在卡车这个案例中，与俯视角度相比，仰视角度能够展现出更多的产品细节，便于观者获取相应的产品信息，是非常好的产品表现角度。3.5仰视视角在使用仰视视角的时候，很容易分辨出仰视视角和两点透视视角的区别，因为可以分辨出三点透视情况下的仰视视角和两点透视情况下的仰视视角。一般来说，设计师几乎不会用两点透视关系来表达仰视视角，因为在日常生活中我们看见的仰视视角多数处于三点透视关系的情况下，而且需要用仰视视角来表达的产品多数真实比例较高，所以不可以忽略其竖直方向的透视关系。本讲结束，下节再见第4章产品手绘绘图流程目录CONTENTS4.1以长方体为基础4.2形体的加减与连接4.3切角与圆角4.4确定截面与面的起伏4.5确定色彩与材质4.6使用说明表现4.7案例A4.8案例B4.9案例CABC和产品设计的程序与方法一样，产品手绘也有一定的绘图流程，绘图流程就像一套特定的设计法则，这套设计法则能够帮助设计师在设计产品的过程中更加明确自己所设计产品的形体穿插和结构。同理，除了形体设计有一定的绘图流程外，产品着色也有其固定流程。只有掌握了这套固定的流程，才能保证在产品手绘的形体结构和上色两大方面不出问题。4.1以长方体为基础4.1以长方体为基础在绘制之初，当看到想要表达的产品时，不要马上动笔进行绘画，而是要先静下来思考一下这个产品可以分为几部分，每部分在这个透视角度下是一个什么走向的方盒子。正确的结构拆分有助于设计师对产品的理解和刻画。4.1以长方体为基础对于左图所示的这个吹风筒，在绘制的最初就可以将其形体归纳成由三个不同大小的长方体互相穿插而形成。4.1以长方体为基础4.2形体的加减与连接4.2形体的加减与连接在最初的长方体的基础上，继续应用将产品的现有形态向几何形归纳的方式建立基础造型趋势。这就和在绘制石膏几何形体的过程中，球体是通过不断地对正方体进行切面分割得到的一样，每个产品的形态都可以看作通过基本几何形体的切割、叠加而连接在一起。在长方体的基础上可能会需要叠加椎体、柱体等几何形体，这需要设计师根据不同的产品造型进行分析。4.2形体的加减与连接在分析完吹风筒基本的三个长方体穿插结构之后，还可以将其顶端的弧形结构归纳成一个三角柱体，这种几何形体的进一步叠加，能够逐渐满足设计师对最终的曲面与曲线的绘制要求。4.3切角与圆角在形成了基本几何体框架的前提下，可以用各种曲率不同的曲线将各结构点连接起来。在这个过程中，设计师所需要做的工作可能是切也可能是补。例如，吹风筒前面吹风的部分就是在集合体的基础上补圆，而后面的进风口则是在原有的框架结构的基础上进行切割。4.3切角与圆角4.4确定截面与面的起伏4.4确定截面与面的起伏在完成形体的切角和圆角之后，就得到一个产品最主要的形态大框，然后为这个形态大框丰富一些细节。在这个阶段需要通过绘制曲面结构线的方式来进一步确定形体上的一些主要面的起伏与走向。完成了这一步就算完成了基本的线稿绘制，然后就可以进行着色绘制了。4.4确定截面与面的起伏产品的截面线可以帮助设计师更好地理解产品曲面的走向，而单一的轮廓线则实现不了这一功能。4.5确定色彩与材质4.5确定色彩与材质在绘制完线稿的基础上，设计师可以对产品进行进一步的颜色与材质的刻画。首先需要确定产品的固有色，在这个阶段都是通过大面积铺色来确定产品的固有色的。在固有色大色块铺完后，就可进行明暗交界线的加重与暗部的提亮。4.5确定色彩与材质在绘制的过程中，可以根据实际需求用喷枪喷色，并且用橡皮工具擦除多余的形体上色区域。这种电子喷枪的上色手法和实际喷枪相同，并且随着上色遍数的增多，颜色可以不断叠加变深。产品的具体材质区分则是从最初铺色的过程中有意识地去绘制开始的。在数位板手绘方面，产品材质的绘制方法和前文提到的产品材质的绘制方法相同。高光材质会出现锐利的反光线，而亚光材质则是过渡柔和均匀的，在这一阶段的酒红色部分由于没有提出高光线与反光线，因此看起来就很像亚光材质。4.5确定色彩与材质4.5确定色彩与材质交代出基本的光影关系，就可以看到产品的初步效果了。然后在初步分出明暗关系的基础上，按照素描关系中的五大调对产品的素描关系进行进一步分析，根据最初拟定的光源位置及不同材质的特性来确定反光的颜色与位置。4.5确定色彩与材质在反光及环境色刻画结束之后，可以进行高光的绘制。根据材料的不同，高光的状态与形状也是不一样的。从图面上可以看到，吹风筒有三种不同的材质，而它们在高光上的区别也非常明显。材质的反射程度越高，高光与反光的形状越明显；材质的反射程度越低，高光越趋近于分散。4.5确定色彩与材质在高光绘制结束后，可以进行画面的最后调整和产品的细节刻画。例如，在合适的位置上添加产品的logo，需要纹理的添加纹理，根据需求增加发光等特殊效果，以及做出景深感。4.5确定色彩与材质下图中吹风筒上的绿色部分用材质贴图做出了基本的肌理效果，并在肌理效果的基础上提亮高光、加重阴影；前端的吹风口和银白色的把手部分则添加了杂色的纹理，这样能够使材质纹理看起来更真实；最后在其身上加上高光线，用文字工具做出产品的logo，整个吹风筒的绘制就完成了。4.6使用说明表现4.6使用说明表现在基本效果图完成的基础上，可以进行使用说明的绘制。在使用说明表现部分除了精细绘图之外，还需要进行多角度的线稿绘制，这样可以让观者清楚地了解各个角度的产品形态。同时，在使用说明表现中，产品的使用环境与使用场景也是不可或缺的一部分。4.6使用说明表现4.6使用说明表现4.7案例A4.7案例A马克笔作为最常使用的产品手绘表现工具，具有色彩鲜明、上色速度快、绘制后颜色易干且不易褪色等特点。在产品手绘中，常配合马克笔使用的工具有彩色铅笔、喷笔、高光笔、色粉等。在产品手绘图上，综合工具的使用能够发挥出每件工具自身的特色，并达到较好的图面效果。4.5确定色彩与材质一般与马克笔配合使用来绘制线稿的工具有圆珠笔、黑色彩铅和针管笔三种，其中圆珠笔是国内外设计师都比较偏爱的绘制线稿的工具。这不仅因为它可以画出明确、流畅的线条，还因为它可以表现出线条的轻重虚实与空间关系。上图所展示的线稿看起来比较严谨，是因为设计师在绘制的过程中是通过透图的方式来实现的。通过透图实现的线稿可以在确保形体透视准确的基础上保证线条虚实有度和结构清晰明了。1.绘制线稿4.5确定色彩与材质在线稿绘制结束之后便可开始采用喷笔进行大面积的铺色，在铺色的过程中需要根据实际的需求进行遮挡，以避免颜色喷出规定范围。在喷色的过程中，需要单独使用一个或者几个与线稿一样的形体手绘图作为遮挡模板，根据实际喷色的需求将需要喷色的部位用刀刻成镂空形态，这样就可以进行精准的颜色绘制了。上图所展示的就是对红色部分采用喷笔进行光影绘制的过程，喷完之后再用马克笔画出几道比较硬朗的光影笔触，这样塑料反光就比较明显了。绘制过后将遮挡揭开，就得到了一个有渐变和反光的红色塑料部分。2.铺色4.5确定色彩与材质在绘制完红色塑料的光影后，便可开始进行灰色部分的刻画。灰色部分相对比较简单，只需要简单区分明暗关系和反光即可。其绘制过程和之前讲的一样，从马克笔色号最浅的那个开始铺整体的明暗关系。马克笔可以叠加使用。3.马克笔着色4.5确定色彩与材质在整体颜色都绘制完毕后，用高光笔提出高光点，并用宽头马克笔绘制背景。适当的背景可以很好地衬托出产品的效果，这种宽头马克笔最适合绘制背景，并