构图元素选择及背景设计

通过优秀产品手绘效果图作品的横向比较，从不同的产品手绘中抽离其差异性，从效果图构成元素层面去分析，则不难发现它们之间存在的共性，共性方面通常包括以下构成元素：产品、投影、箭头、文字、背景、产品截面辅助线、辅助图形等。而这些构图元素并不是必须都同时存在的，设计师可以根据效果图画面的表现意图来进行选择，使产品手绘效果图表现产品时画面更直观、更丰富、更生动。

一、产品

产品手绘效果图的核心主角是产品，产品在构图元素中起着主导作用，一般放置于画面的视觉中心位置。在画面的构成中，同一产品一般采取多角度的表现手法，使产品的三维形态得到完整的、全面的展现。在构图设计中，产品视角的选择、多角度产品的平行并置、前后空间重叠、产品局部放大、二维三视图、产品三维透视表现等，均可作为丰富灵活的产品构图表现形式，其产品表现形式的丰富灵活，也可根据画面、产品设计构思、个人手绘风格等需要进行针对性的选择与表现。

二、投影

产品素描与产品手绘效果图两者对于投影有不同的需求。产品素描在表现产品明暗关系时，投影是必须要表现的；产品手绘效果图在表现产品时，无论是线条图还是明暗图均可根据画面构图的需要进行绘制，无需强制画出投影。作为构图中的投影元素，投影可增强画面产品的体量厚重感，但要充分考虑产品投影与构图背景之间的衔接，以及与整个画面的和谐度，在产品多视角表现的手绘效果图中，无需所有的产品都画出投影，选择性的进行投影表现，可突出画面中着重表现的主视觉产品。投影通常分为平涂型投影（图2-13）与排线型投影两种类型（图2-14）。

三、箭头

产品手绘效果图中的箭头在表现产品的功能、细节展示、文字说明中是不可缺少的构图元素。箭头的指示功能让产品的局部细节、功能用途更加凸显，让观者能够更好地理解产品的优势，让设计沟通更加顺畅。同时，箭头本身有很多符号化的形态表现，它的多样造型，也增加了画面的活泼与灵动感。

图2-13　平涂型投影

图2-14　排线型投影

四、文字

在产品手绘效果图的构图中，文字元素是对手绘产品的一种辅助说明，文字元素的特点是力求扼要精简，用最精准的文字进行概括性说明。它能深入挖掘产品的特征，对二维手绘没有直观表现出来的产品功能、用途、操作界面等进行补充说明，完善产品手绘效果图中的产品信息量，帮助观者全面性的了解产品。通常来讲，文字元素会与箭头元素在构图中同时出现，文字的补充性说明性质与箭头的指示功能两者结合，能更好地传达产品的“针对性”相关信息，使产品手绘效果图出现一种“图文并茂”的效果。当然，这些都是根据设计意图的需要进行选择性使用，并不是一定要出现在画面中的构图元素之一。

在产品手绘效果图中，通过产品、投影、箭头与文字元素的灵活运用、巧妙布局，可以使画面构图效果更加生动、丰富（图2-15）。

图2-15　构图元素——产品、投影、箭头与文字(www.xing528.com)

（来源：刘传凯《产品创意设计》）

五、背景

产品手绘效果图的背景在画面中没有实质性的信息传达含义，背景有线条型背景（图2-16）和块面型背景（图2-17）之分。作为构图中的背景元素，它有两方面的作用：一方面是衬托主体物（即产品），尤其是突出产品的外轮廓线，使其更加分明；另一方面是丰富画面的整体效果，将多个产品或构图元素进行串联或分组。画面构图中的其他元素像一颗颗珍珠，而背景则像一条绳索，将各颗珍珠进行串联，使画面更加整体化、统一化。同时，也可运用背景对画面中不同角度表现的产品进行疏密分组，使画面形成一种生动的对比构图。

六、产品截面辅助线

产品截面辅助线不是实际存在的真实线条，而是指在产品某一界面上设计师给产品添加的左右对称的分割线。产品截面辅助线能根据产品的透视规律，使界面上的对称划分面出现近大远小、近长远短的透视结果（图2-18）。产品截面辅助线在产品手绘效果图中通常有两个作用：一是通过产品截面辅助线来加强产品的空间透视感，并可将其作为产品绘制的参考辅助线。由于大多数产品的部分按键、屏幕、指示灯等位置都设计在其界面的中心垂直线（即产品截面线）上，所以以产品截面线为依据，可以在绘制其部件时找到透视的准确位置。二是产品截面辅助线，着重强调造型，即产品界面的起伏凹凸造型，使产品的形态更加明晰完整。值得注意的是产品截面辅助线实际并不存在，是设计师主观添加的辅助性线条。在实际绘制产品手绘效果图时应从实际出发，自主添加，用线建议尽量细，不可过粗，以免影响产品的整体效果。产品截面辅助线对形体的辅助表现将在本书后续内容中进行详解。

图2-16　线条型背景

图2-17　块面型背景

图2-18　产品的截面辅助线

七、辅助图形

所谓辅助图形，是指产品手绘效果图中除产品之外的图形，它的作用是帮助观者更全面的了解产品（图2-19）。例如，手表，它的辅助图形是人佩戴手表的手臂；书包，它的辅助图形是人背书包的情境图形；自行车，它的辅助图形是人骑自行车的情境图形等。可见，辅助图形大多数是为了表现某一产品的使用情境、使用功能、使用方式等。作为构图元素的辅助图形，它会根据产品手绘表达意图进行选择性的添加辅助图形，在画面中产品表现仍是主角，辅助图形是配角，两者的主次关系一定要区分清楚，不可混淆。

图2-19　辅助图形

（来源：刘传凯《产品创意设计》）