1.2 产品设计二维表达

计算机二维效果图这种表现形式综合了手绘草图高效灵活、便于修改和三维软件效果真实、严谨两方面的优点,在效率与效果两个关键因素上取得了较好的平衡,因此,产品设计二维表达已成为设计师使用频率最高、应用最广的表达方式之一。

1.2.1 二维表达的作用与优势

当设计师在脑海中形成一个不错的设计概念时,仅用语言的方式来表达显然是不行的,这样会使人们产生误解;如果建模和渲染,时间又会太久,而且数字模型修改起来也是非常困难的;采用手绘表达的方式又有一定的局限性,在比例和形态上的把握出入较大,不利于下游工程人员开展工作。这时,计算机二维效果图的作用和优势也就凸显出来。二维效果图具有制作周期短、修改便捷、能够以六视图的形式客观地反映设计方案的形态、材质和表面工艺,符合工程人员的识图习惯,因此,这种表达方式特别适合在设计方案讨论和评审阶段使用,如图1-13所示。

图1-13 利用产品二维效果图进行方案评审

在设计方案确定之后,计算机二维效果图仍然有它的用武之地,工程人员通过将效果图在工程软件三维空间内对齐的方式,可以准确地构建出产品的三维模型,保证设计师的设计理念在工程传递的过程中不出差错,如图1-14所示。

图1-14 利用二维效果图为基准建立产品三维模型

此外,二维效果图还可以产生一些附加价值。例如,广告、营销、策划部门可以利用这些比照片更富有艺术感的效果图制作与产品相关的宣传活页、广告和Flash短片等。UI(界面)设计部门可以根据设计师在效果图中传达的设计意图展开操作界面的设计,从而保证了产品软、硬件风格的统一,如图1-15所示。

图1-15 根据二维效果图设计产品的操作界面

1.2.2 二维表达的制作流程

接下来谈谈计算机二维效果图的制作流程。有些读者认为用计算机二维的手法表现产品很困难,面对光影、材质变化丰富的对象往往无从下手,严重地打击了制作情绪,甚至直接跳过这一步骤而进入三维建模过程,最终因方案难于修改而功亏一篑。实际上,在二维效果图的整个绘制过程上还是有章可循的。在确定方案构思后,可以按照绘制线稿、表现光影和色彩、突出质感和细节3大步骤完成制作过程,通过强调形态、色彩、材质等图面元素来体现设计意图,如能在其中加入一些个人的想法和风格,可以使得整张效果图更加个性出彩。

(1)绘制线稿。

线稿是构成图形的基础,起着界定产品形态的作用。在进行这一步骤之前,设计师应当根据方案草图严谨、准确地绘制出产品的线稿图,较为实用的绘制方法如下。

按照工程制图的原理,准确地完成设计方案的纸面多视图,然后导入二维图形图像软件进行描绘。

如果胸有成竹,也可以不绘制草图而直接在软件中绘制出产品各个视图的线稿。

借助AutoCAD、Rhino等软件参数化的特点,精确地绘制出产品线稿,最后导入二维图形图像软件进一步修正。

利用Maya等三维软件构建出设计方案的三维草模,然后以矢量线框的方式渲染输出各个视图,直接导入二维图形图像软件即可。

无论采取哪一种绘制方法,都应注意由于是以平面的方式表达三维的产品,所以在绘制各个视图线稿时,应当本着严谨、准确的态度杜绝一切结构上的错误,这对后续的工作是很重要的。

(2)表现光影和色彩。

当线稿绘制的工作完成后,用户便可以表现产品的光影和色彩关系了。这个过程就好比是素描、色彩写生一样,首先强调大的明暗、色彩关系,表现出大概的感觉,然后再来深入刻画设计细节。若色彩与明暗关系不能很好地协调,可首先以黑白灰的方式表现出整张效果图的明暗关系,然后在这个明暗图层上建立一个色彩调整图层,利用与色彩调整相关的命令为效果图上色。这样做远可以在后期很方便地改变颜色。

在关注色彩的同时,还应注意局部微妙的光影变化。为产品上色,并不是说一个部件填充一种颜色,即便是同一种颜色的部件也存在着明暗的过渡,虽然很细微,但对丰富整张效果图的表现力起着重要的作用。

(3)突出质感和细节。

质感和细节是产品设计二维表达的精髓,也是体现设计理念的点睛之笔。突出质感和细节的方法主要有两种。

根据个人的理解,利用CorelDRAW、Photoshop、Illustrator等软件自带的滤镜、效果、图层样式及叠加方式制作各种材质效果。

平日留心搜集一些材质、肌理的图片素材,通过改变图层叠放次序的方法将材质效果赋予产品。金属、橡胶及显示屏等都非常适合这种方法。

对于质感和细节的把握需要平时多留意、多观察、多比较,只有学会以表面属性的特点来分析材质效果的能力才能更巧妙地地表现出各种质感,而细节的丰富是建立在对于产品结构、表面工艺的理解之上。当然,产品所处的环境也是一个不容忽视的问题,一方面它能够产生空间感和体积感,另一方面它能够烘托出整张效果图的气氛。

总之,产品二维效果图的最终效果应当给人一种强烈的质感暗示,这点需要靠读者慢慢地心领神会。如图1-16所示,给出了绘制二维产品效果图的一般流程。

图1-16 二维产品效果图的一般绘制流程