产品手绘与数字化表现课件：产品线稿表现

产品线稿表现

版面构图

一幅优秀的手绘作品，首先在于构图，好的构图能使画面主次分明，主题突出，赏心悦目。因此，需要掌握好构图的基本形式，并在实际表现中加以灵活应用。构图的基本原则是对称与均衡，对称使画面稳定、和谐，均衡使画面主题突出，画面生动。版面布局基本要素1、主视角：最主要、或信息全面、或最打动观众的视角。2、辅助视角：通过其他视角辅助表达产品的重要信息。3、功能说明：通过指示箭头、使用场景等方式阐述产品功能。4、局部放大图：主、辅视角无法表达清晰的重要设计信息，通过局部放大的形式，进行设计细节表达。5、三视图：既能更全面阐述设计，也是检验不同透视角度是否比例、尺寸保持统一的途径。6、分析图：设计构思记录、产品形体分析、爆炸图。7、pop字体：活泼整体版面，起到有效的视觉表达。主图次主图三视图人机使用图细节图细节图细节图版面布局分析：一张手绘作品，版面主要由主图、次主图、三视图、细节图、人机使用图、箭头、背景板、文字说明等构成。主图人机使用图细节图三视图标题背景板构图的基本步骤：选择构图形式确定主视觉图细节特征补充根据产品形态特点选择合适的构图形式，力求生动、清晰的表达出产品特征。选择最具有视觉感染力的角度或者最有特点的产品使用状态作为主视觉图在完成主、次视图后，可对局部细节、使用方法、结构装配等进行补充，让观众进一步了解产品。补充次视觉图通过一个主视觉图难以充分表达产品信息特征时，需要补充次视觉图，但要处理好主次图关系，比如可以位置的上与下、前与后布置、正面与反面、角度的错位等形式。1234构图的基本形式：构图的常见形式有三角形构图、垂直式构图、S形构图、中心式构图、渐变式构图等等。1、三角形构图：以3个视觉中心为表现对象，形成一个稳定的三角形。这种三角形可以是正三角、斜三角或倒三角。此种构图具有安定、均衡的特点。2、中心式构图：主体处于画面中心，周围分布其他图形，能将视线引向中心主体，具有聚集、向心力效果。3、渐变式构图：将多个图形按照渐变形式排列，具有强烈的空间透视感。4、垂直式构图：当所画产品较高时，可垂直式排列，能营造出整齐、高大效果5、S形构图：将产品在画面中按照S形排列，具有动感、稳定的美感。示意翻转上下旋转上下旋转左右旋转示意旋转打开示意前后抽出示意上下抽出示意放大由中心往外指示箭头应用：将手绘中的指示箭头常用来表达视角旋转、局部细节放大、部件移动等信息。指示箭头应用案例—（图片来自黄山手绘）背景处理—（图片来自借笔建模）背景和投影可以有效衬托产品，一般背景的形状为方形或圆形的简单图形，色彩上采用低明度、低纯度颜色，力求凸显产品效果，拉开画面空间层次。背景处理—（图片来自借笔建模）版面布局欣赏—（图片来自花瓣网）版面布局欣赏—（图片来自花瓣网）版面布局欣赏—（刘传凯手绘作品）版面布局欣赏—（石上源手绘作品）剃须刀习题螺丝刀习题剃须刀习题摄像机习题19【小结】

本节主要向大家讲解了版面构图，介绍了构图的步骤、类型和要素，指示箭头、背景处理等内容，并结合产品展开版面构图训练，让大家掌握方法和技巧，并结合课后的练习进一步巩固学习效果。

方体类倒角产品中的倒角随处可见，通过倒角可以增强产品亲和力，丰富产品造型语言，也利于增强产品的强度和生产时脱模的需要。因此，掌握不同的倒角技巧对于画好产品至关重要。21倒角类型常见倒角分为两大类：倒切角和倒圆角,具体分为下面三类倒角：单边倒角：物体只有一条边进行倒角处理，其余边角保持不变；ABO先找到倒角的起点和终点A、B，接着画出红色正方形，得到点O，以点O为圆心画圆后完成倒圆角，直线连接AB即为倒切角ABO立方体的单边倒圆角与单边倒切角倒切角倒圆角22方体倒角训练：复合倒角：物体多条边进行组合倒角处理，分复合倒圆角和复合倒切角；ABCDEF先画出立方体，接着找到红色立方体上的交点ABCDEF，在需要倒角的边所对应的立方体各个面上分别进行单边倒角处理。ABCDEF立方体的复合圆角与复合切角23方体倒角训练：混合倒角：物体在复合倒角基础上出现不同形式单边倒角混接；混合倒角需要先倒半径大的角，再倒半径小的角。立方体的混合切角与混合圆角ACDEFBACDEFB24方体倒角示范训练接下来，开始讲解三种倒角的具体画法，扫码观看详细的视频讲解25方体倒角示范1音箱绘图思路：先画出方体，再四边倒圆角，顶面四边倒切角，顶面挖出凹槽后画旋钮。26倒角习题：方体类倒角基础习题：根据下面的方体圆角类形体，进行临摹学习27倒角巩固习题：方体类倒角巩固习题：根据下面的产品倒角类形体，进行临摹学习28咖啡机绘图思路：先画出梯形主体，再挖出前凹槽和叠加一个前面银色操作区，再倒圆角后完善细节特征方体类倒角拓展习题29【小结】

本节主要向大家介绍了方体倒角的具体表现方法，介绍了倒角的三种类型和具体的表现方法，并结合音箱和咖啡机案例展开视频示范，让大家掌握方法和技巧，并结合课后的练习进一步巩固学习效果。

截面类产品

截面类产品是以一个或多个不同形状的水平或垂直截面进行构型，通过拉伸、放样或多截面形成不同造型。31截面类产品类别：

截面类产品主要有拉伸类、放样类、扫描类和多截面类构成不同造型。表现时需要把握好截面的形体大小，在符合透视规律下，通过这些不同的构建方式形成形体各异的产品形态。拉伸类：以图中相同形状的蓝色菱形截面进行前后拉伸构建的形体放样类：以图中不同形状大小的蓝色截面，通过直线或曲线路径放样构建的形体多截面类：以图中不同位置和方向的蓝色截面进行构建的形体32拉伸类产品：此产品为拉伸类，先绘制出截面造型，按照透视法则，定出产品长度后即可完成绘制。33放样类产品：此产品为放样类，先绘制出这些椭圆截面造型，按照透视法则，定出产品高度后即可完成绘制。34此产品为多截面类，先绘制出水平方向的截面形状，然后进行垂直方向的两个截面形状绘制，再连接外轮廓线即可完成主体造型，再完成细节特征。多截面类产品：35截面构型类习题：参照视频，分别画出以下产品耳温计示范训练先绘制出中心线，定出产品的走势以及比例，接着画出关键节点的截面形状，并连接外轮廓，最后进行部件分割以及细节刻画。37截面类习题多截面基础习题：下面形体为拉伸、放样截面，参照38多截面巩固习题：POS机训练先绘制出水平方向的绿色截面形状，然后进行垂直方向的两个红色截面形状绘制，再连接蓝色外轮廓线即可完成主体造型，再完成其他细节特征。截面构型拓展习题参照课堂训练要求，画出这款产品的前视图、侧视图和透视图40【小结】

本节主要向大家介绍了截面类产品的具体表现方法，介绍了截面类产品的不同类型以及绘制方法，并结合耳温计和POS机产品案例展开视频示范，让大家掌握方法和技巧，并结合课后的练习进一步巩固学习效果。41

空间形态推演当我们想表现一件产品时，往往需要借助三视图和多个透视角度进行表达，才能将产品的功能、使用方法等信息说明清楚，如图是从多个角度和三视图表现的一款充电宝手绘作品，这样就比较清晰完整的表达了产品的功能细节，尺寸比例关系。本节的重点在于讲解透视图与三视图之间的转化关系，及其中的方法和技巧。

42空间形态推演原理

我们经常需要在三视图和透视图之间进行转换训练。以手机为例：根据手机三视图或者透视图，通过设定一个长方体，分别以手机六视图中的BDE三个面与长方体进行配对，这三个面的组合就得到了右边手机的透视图，拆分开则为左边的手机三视图。手机的三视图将手机三个视图匹配到长方体三个面上手机的透视图431、找到图中的几个蓝色关键节点，根据推理完成顶视图、左视图和前视图2、我们以顶视图为例，从视角B方向画出步骤4的透视图。先通过点b画出与视角B方向的蓝色垂直线，依次画出如图穿过蓝色点abc的红箭头，同时可以得到点b的两个夹角30°和50°，以及线段ab与bc之间的比例关系为1:2。3、依据前面分析的比例和角度关系，先画蓝色水平线，以夹角30°和50°从点b分别作直线bd和bf，再以点a和c分别向上作垂线，交于点d和f，因此bd和bf就是产品的两条底边，分别以点df作平行线后可得到图中的黄色底平面，将底平面抬高到点g位置即可得完成整体形态，也就是步骤2中视角B方向看到的透视图，最后完成其他细节即可。充电宝空间形态推演分析

我们在临摹产品时，往往只是些零散的产品图片，如何从一张图片推导出三视图和其他透视角度图是我们需要重点学习和掌握的技巧。如下图这款充电宝产品的推导分析。30°20°abc视角Bdfgabc视角Bdf44bdefg鼠标空间形态推演分析1、分析鼠标特点后，找到图中蓝鼠标底面上的蓝色点b、d、e、f和g，根据推理完成三视图2、在顶视图上以视角B为例，画出与视角B方向的蓝色垂直线，以蓝色点d、e、g和f分别向蓝色直线作红色垂线，得到交点a、c和G、F，由此可以得到蓝色线段上的比例关系，以及夹角30°和45°。而鼠标的最高点h刚好是正方形的一个角。3、依据前面分析的比例和角度关系，先画蓝色水平线确定abc之间的比例关系，以夹角30°和45°从点b分别作直线bd和be，再以点a和c分别向上作垂线，交于点d和e，因此bd和be就是产品的两条底边，按照推理我们可以找到底面上的点g和f的位置，由此连接各个点后可完成鼠标底面。根据画出的红色平行四边形线框可找到最高点h，通过点f、h和线段bd的中点完成鼠标的顶面曲线，在确定这些主要的结构线之后逐步找到其他结构线后即可完成鼠标的整体形态，也就是步骤2中视角B方向看到的透视图。45°30°acbh视角BdefgGF45°30°acbh视角BdefgGF45U盘空间形态推演根据前面的案例的分析，画出图中的产品三视图和两个视角的透视图。46鼠标空间形态推演习题参照课堂训练要求，参照弧形鼠标产品图片，完成三视图和透视角度图的推导训练47空间形态拓展习题参照课堂训练要求，画出图中公牛插座的2个三视图和2个透视角度图49【小结】

本节主要向大家介绍了产品形体构成的类别，分别从单纯形体、组合形体和仿生形体展开产品的构成分析，让大家在绘制前理解产品的形体构成，在学习了产品的形体构成类别和方法，以及具体的绘制思路之后，我们已经具备对产品的分析能力，绘制思路的分析能力，就可以展开具体的产品绘制训练任务了。

球体类产品

球体类产品是以球体为基本体，在上面进行叠加、分割和修剪形体，再进行倒圆角和增加按键、指示灯和LOGO图标等细节。51球体画法：球体类形体画法，是基于正圆和椭圆的画法,具体步骤和方法如下。1、画出一个大小比例恰当的正圆2、通过圆心O，确定圆的十字中心线，得到交点ABCD3、在CD垂直线上定出点EF，依次通过点AEBF后画出一个水平椭圆，就可以完成一个球体的表达。EFCDBAABCDO52球体画法：球体类形体画法，是基于正圆和椭圆的画法,具体步骤和方法如下。4、找到点G（水平椭圆1/4圆弧长的1/3处）通过圆心O作GH,同样方法作IJ，再分别作他们的垂直线KL,MN。2、通过直线GH,KL画椭圆3、通过直线JI,MN画椭圆，其中蓝色点O，P为两椭圆的交点，类似地球的北极点和南极点。完成球体的绘制。EFCDBAGOHIJKLMNEFCDBAGOHIJKLMNEFCDBAGOHIJKLMNOP53球体类示范球体类形体的训练，都是先绘制一个正圆，再进行形体的切割、叠加或拓展出其他形体。迷你风扇示范先画出红色半球体风扇部分后，画出中心线，再次画出蓝色底壳拉伸体部分，最后完成操作面板和出风孔。55球体类习题球体基础习题：临摹下面球体类线稿，要求形体准确，结构特征合理，细节表现精致56球体巩固习题：音箱产品训练先画出主体椭圆，确定好中心线后分出顶面椭圆和凸起盖子的小椭圆，再确定两个脚的中心线后画出圆柱曲线。球体类拓展习题参照课堂训练要求，画出这款无线摄像头产品的前视图、侧视图和透视图。58【小结】

本节主要向大家介绍了球体的具体表现方法，介绍了球体绘制的过程与方法，并结合迷你风扇和音箱产品案例展开视频示范，让大家掌握方法和技巧，并结合课后的练习进一步巩固学习效果。

形体训练

在学习了线条和透视知识之后，面对形态各异的产品时，我们又将如何去表现呢？其实，任何一件复杂产品形态都是由简单的几何形体加减而成。因此，本章将从形体构成、空间形体转换、方体倒角类、球体类、圆柱体类、形体交接类、截面类等方面展开训练，以此来掌握不同形体的表现技巧。59一、形体构成与分析

不同产品的形体可以为几何体类和有机形态类，我们需要重点掌握形体构成的类别及其构成方法，通过不同案例的分析讲解，来掌握绘制方法及其规律，并能对不同产品进行绘制思路和分析。

60一、产品形体构成与分析

首先要了解产品的形体构成，产品通常由单纯形体、组合形体、仿生形体等三大类构成，他们经过修剪、分割、叠加和过渡等手法形成了形态各异的造型。单纯形体组合形体仿生形体单纯形体是指它的主体为方体、球体、圆柱、椭圆体、梯形圆台等比较纯粹的几何形体，经过叠加、切割、倒角等构成较为复杂的形体。组合形体由不同几何形体组合而成的较为复杂形体，组合形式通过叠加、切割、穿插、过渡等不同形式构成较为复杂的形体。仿生形体主要模拟自然形态的造型、结构和色彩，形成比较自由的形体。611、单纯形体产品中单纯形体主要是在主导形体上作减法处理，此类产品一般先绘制出主导形体，再进行剪切、分割、倒角处理，或者叠加、过渡次要形体，从而创造出形体各异的造型。62单纯形体绘制分析绘制单纯产品形体时从主导形体→加减形体→倒角细节处理的顺序进行。主导形体为圆角圆柱体，经过蓝色体块的剪切、分割或叠加后形成复杂造型，再经倒角处理后完成。画圆柱形体上下边倒圆角剪出蓝色造型面叠加顶面圆形薄片，分割底壳63单纯形体绘制分析绘制单纯产品形体时从主导形体→加减形体→倒角细节处理的顺序进行。画梯形圆台底部叠加一个圆柱叠加底部梯形圆台分割顶部椭圆面以及中间金属，挖出环形孔64单纯形体习题：

参考前面案例中的单纯形体绘制分析，完成下面2个产品的形体绘制思路，画出步骤图。652、组合形体

产品组合形体一般由主导形体与次要形体和附属形体组合而成。组合形体之间也是通过分割、叠加和过渡进行形体构造。66组合形体绘制分析绘制组合产品形体时也是从主导形体→次要形体→附属形体的顺序进行。1、先画水滴状主体

3、再完成摄像头、散热孔等附属形体

2、叠加顶部薄片和右侧圆柱次要形体671、先画半球体2、嵌入蓝色次要形体组合形体绘制分析绘制组合产品形体时也是从主导形体→次要形体→附属形体的顺序进行。

3、再完成旋钮按钮等附属形体68组合形体绘制习题参考前面案例中的组合形体绘制分析，完成下面2个产品的形体绘制思路，画出步骤图。693、仿生形体构成

仿生形体是模仿大自然中的不同形体，一般由多种形体经过剪切、叠加和过渡形成，往往难以直接判断出是什么形体，因此需要先将复杂形体分解成简单几何体。70仿生形体绘制分析此长颈鹿造型较复杂，先分解成身体、头部和腿、角等部分,按照从主导形体→次要形体→附属形体的顺序进行绘制。

4、分割、叠加红色等附属形体1、先画主体蓝色身体2、叠加蓝色头部3、再完成脖子圆角过渡71仿生形体绘制分析此饭勺、勺子等由鸟作把柄，尾部作为勺子构成。按照从主导形体→次要形体→附属形体的顺序进行绘制。以其中一款勺子为例：1、画主体勺柄2、叠加勺子3、添加细节72仿生形体构成习题参考前面案例中的仿生形体绘制分析，完成下面2个产品的形体绘制思路，画出步骤图。73

在学习了产品的形体构成类别和方法，以及具体的绘制思路之后，我们已经具备对产品的分析能力，绘制思路的分析能力，就可以展开具体的产品绘制训练任务了。74

形体交接类产品

形体的交接是产品中经常出现的结构形式，绘制时需要对产品的结构关系了解清楚，借助透视和线条进行准确的表现。76形体交接类型：形体的交接类型比较多，常见的有方体与圆柱体、圆柱体与圆柱体、球体与方体，球体与圆柱体之间的相互交接关系，我们要掌握这些形体交接处的线条特征和规律。圆柱体与方体之间交接圆柱体与圆柱体之间交接圆柱体与球体、方体之间的交接77圆柱穿插画法：形体的交接中以圆柱类形体的交接最难，因此通过下面的具体步骤和方法来讲解示范。1、先绘制水平放置的圆柱，通过点O作一条垂直线CD，以点E的高度画一条水平线，完成一个顶部水平椭圆2、通过点E画出与直线AB的平行线FG，通过点N画出与AB的平行线HI，通过点FG分别向下引出垂直线，得到交点H和I。再次通过点E作直线JK，以点JK分别向下作垂直线，与下面的椭圆相交得到点L和M，这样，我们得到了H、M、I、L四个点3、分别通过H、M、I、L四个点，以相切的方式画出如图中的曲线，即是两个圆柱的交线。4、最后连接两条黑色的垂直的外轮廓线，完成圆柱体的穿插形体。GHIKJMLHIML相交截面OBACDEBAFEN78圆柱穿插类示范我们通过圆柱穿插类形体的示范，具体讲解其中的表现方法及注意要点，大家可以看视频进行学习，并完成作业训练。

耳机产品示范训练先画出耳机圆柱主体，再画穿插形体的耳机柄，需要注意交接线形态。80形体交接类习题临摹下面柱体类线稿，要求形体准确，结构特征合理，细节表现精致。81形体交接拓展习题：搅拌机练先画出圆柱体机身，再确定把手中心线后，完成把手，与圆柱体穿插交接。形体交接类拓展习题参照课堂训练要求，画出这款产品的前视图、侧视图和透视图83【小结】

本节主要向大家介绍了圆柱交接的具体表现方法，介绍了圆柱交接绘制的过程与方法，并结合耳机和搅拌机产品案例展开视频示范，让大家掌握方法和技巧，并结合课后