《产品设计表现》PPT课件.ppt

产品设计,表现技法,课程目的：1、了解设计表现的意义、表现形式。2、掌握用平面设计软件表现产品的基本方法，三视图画法。3、能够熟练的用计算机辅助设计创意。,一、设计的表达方式,平面的图形的文字的口头的（语言的）实体的草模模型、样机动态的动画演示虚拟展示,二、快速表现中的透视问题,一点透视,两点透视,三点透视,表达设计构思时，先选择好视角。常选的视角有300600 或450角的透视。一个产品可以从多个角度、全方位地表现。,三、用计算机辅助设计快速表现,一、方案构思阶段,兼顾速度与表现效果的方式主要有 用矢量平面设计软件加以表达,矢量软件与位图软件结合,用三视图的形式表达可以较为充分的展示产品的立体效果。,3、方案确定并展开阶段 精细效果图（三维实体数字模型、写实表现效果）,D建模软件犀牛 RhinoAlias Studio3DMAXProEUGSolidworks 等等渲染工具3DMAXAlias StudioMental Ray等等,后期制作的平面设计软件PhotoshopCoreldrawIllustratorFirework等等,利用Coreldraw进行产品效果表现具有表现快速、准确地表达造型、材质、光影效果的优点。其中，在表达光影的时候我们通常假设一个光源方向，例如左上方。,四、矢量软件快速表现实例分析 以Coreldraw软件为例,下面就以数码相机为例:,首先将数码相机的大概轮廓绘制出来，如图所示。,利用渐变工具对数码相机主体进行渐变填充。(快捷键F11),其中，渐变填充可以在上面通过方形滑块进行直观的调节。,继续对左侧的手握部分进行渐变填充，具体调节如图。,下面进行镜头的制作，首先选中最外面的圆，我们现在所要作的是将相机整体的渐变复制到这个圆形上。,如图，选中交互式填充工具，点击复制填充属性命令。,复制相机总体的渐变,结果如图,下面保持交互式填充工具在选择的状态，调节渐变，如图所示。,下面将圆形的阴影填充为黑色，并将圆环的黑线去掉。,继续对内部的第二个环进行填充，制作镜头与机身之间的槽，如图。,选中第三个圆环，按下F11调出渐变填充方式的对话框，选择圆锥类型，根据自己的需要调节渐变。,继续填充,同理，利用圆锥类型渐变制作镜头的第二部分。,继续对内层进行填充制作镜片外圈的平台。,如图，绘制一个圆环并填充为白色，用于制作镜头的高光部分。,利用交互式透明工具对圆环进行处理，具体操作与渐变工具相同。,如图所示，将镜头填充为黑色，并在内部再绘制一个圆环后使用交互式透明工具进行调节。（到了这里，之前画的圆不够使了，可以选中任意一个圆按住shift键进行拖动，并以右键结束进行复制）,利用交互式透明工具绘制局部高光,下面绘制相机边缘的倒角：如图在相机边缘先画一个长方形并将相机主体和长方形选择，点击相交命令。,将刚才所得到的图形填充为白色。,利用透明工具将其渐隐，便可得到倒角的效果。,对手握的部分进行同样的操作。,相机的另一侧制作时，由于是背光要注意填充为较暗的颜色。,下面制作闪光灯，选中外面的环形进行渐变处理，制作倒角，如图所示。,由于闪光灯的内部比较复杂，我们可以利用Coreldraw所提供的底纹填充取得相似的效果进行代替，如图所示。,利用前面所应用的渐变，透明工具对刚才的图形进行编辑，就可以得到类似闪光灯的效果了。,下面继续利用渐变，透明工具完成取景框的制作。,最后绘制相机侧面的突出部分，由于材质的变化，这里的高光要降低一些。,利用透明工具对其边缘进行倒角,在相机整体上加一层渐变透明的长方形，实现总体的光泽过渡。,输入文字，并利用透明工具实现文字的光影效果。,给相机加个投影，再来个底纹。好了，最终效果。,或者，在photosop里修整一下，可以看起来更真实。,利用coreldraw等矢量软件进行快速表现，可以迅速变化出很多不同的方案，并且可以直观地看到色彩、材质、界面排布等效果。但是产品是三维立体的形体，用平面设计软件表现需要注意形体的结构细节，光影关系等，否则会出现表达不清楚的错误。,失败的例子:从图中看，产品缺乏细节，尤其是按钮处。上下两侧的材质表达的不明确。,明暗关系处理得不明确，立体感没有表达出来。缺乏产品结构细节,练习：根据提供的PCB芯片的规格型号，设计U盘的外形，并用三视图的形式画出效果图。,例,