产品设计——数码平面表现作者张捷第3章元器件外观表现课案.pptVIP

第3章 元器件外观表现 无论什么产品，都是由各种部件组成的，比如外观简洁的ipod从表面看就有壳体、按键、屏幕、插孔等多个部件。常见部件其实并不多，随着产品电子化的程度加大，许多产品的外形已经接近了最简形态，部件的种类和数量也在不断减少，所以只要掌握了常见部件的表现方法，并进行灵活应用就可以很自然能完成各类产品的表现。 通过本章的学习，读者可以掌握的知识点有： 各类常见元器件的形式和特点 各类常见元器件的外框制作方法 各类常见元器件的表现方法 3.1 控制部件 控件的造型千变万化，材质各异 要体现出舒适性、美观性、创意性、识别性 控件的表现方式与其它物件的表现原理基本相同，但它的特点是造型和材质变化多，表现方式综合 3.1.1 外形绘制 以手机按键为例，按键可以是单独的、分割的、一体的、多个相连的。不同排列会产生不同设计效果，这要求设计师根据产品整体风格和实际情况来设计按键的排列与设计。在使用舒适度与方便性方面需要考虑单个按键的最小尺寸，按控点位置，相邻按键互不干扰，导盲设计等要求。 1. 单独按键 2. 分割按键 3. 径向按键 1. 单独按键 创建矩形 添加圆角 竖直复制 水平再复制 移动图形 2. 分割按键 绘制键盘区域 绘制分割线 复制分割线 排列分割线 变形分割线 3. 径向按键 创建图形 镜像图形 3.1.2 材质表现 键盘的材质需要通过明确的光影来表现 1. 单独按键 2. 分割按键 3. 径向按键 1. 单独按键 图层样式 智能对象 复制图层 改变智能对象 2. 分割按键 填充底色 路径描边 选区填充 制作高光 2. 分割按键 按键样式 制作凹槽 磨砂材质 图层蒙板 3. 径向按键 填充底色 按键样式 制作凹槽 下沉效果 3.1.3 图标效果 正确表现可以反映出图标的加工工艺，图标设计的好坏也体现了产品整体的设计感 1. 丝印 2. 雕刻 3. 半透明发光 3.2 发光部件 发光部件有指示灯和LED屏幕 指示灯是用来指示有关照明，灯光信号，工作系统的技术状况，并对异常情况发出警报灯光信号的器件 LED屏幕节能环保，厚度小，正被大量使用 3.2.1 指示灯 图层样式 改变颜色 改变形状 调整样式 3.2.2 光线 绘制矩形 高斯模糊 旋转图形 增加光点 3.2.3 Led 制作背景 文字输入 “马赛克”滤镜 制作像素图案 3.2.3 Led 载入选区 填充选区 添加样式 3.3网孔部件 网孔主要起到隔离和散热作用 网孔分为金属网孔和塑料网孔，金属网孔的加工方式是冲孔，孔越小，间距越小，加工越困难 塑料网孔是采用注塑一次成型的方法取得，它对模具精度的要求很高 由于网孔排列所体现的逻辑感和数理关系也能起到装饰作用 高质量的加工也体现了产品卓越的制作工艺，能提高产品档次 3.3.1 网孔排列 网孔在表现时并不困难，但网孔的形状排列变化较多，如制作方法不当将浪费很多时间，学会举一反三灵活运用是其中的关键 1. 圆形排列 2. 六边形排列 1. 圆形排列 创建偏移 剪断节点 建立混合 调整步数 2. 六边形排列 创建六边形 复制 复制一行 竖直复制 3.3.2 网孔效果 制作喇叭 以像素复制 裁剪图像 填充图案 3.3.2 网孔效果 增加蒙板 添加样式 增加体积感 添加凹槽 3.5装饰线槽 “结构性”凹槽提高部件的配合度。 “外观性”凹槽线起到装饰作用 3.5.1 结构凹槽 3.5.2 外观凹槽 描边稍粗 3.5.3 凸台线 重新设定“斜面与浮雕”（“样式”为“浮雕效果”，“方向”为“上”，“软化”5，“暗调模式”的“不透明度”50）样式，隐藏“外发光”样式 3.6电缆插孔 各种插头和插孔及电线是连接不同产品之间的纽带，随着传输手段的不断丰富，各式各样的插头与插孔也岑出不穷 设计师要了解这些元器件的外观和在PCB板上的安装方法及使用限制 利于提高设计师的实战能力，更有可能引发出有创意的设计思路 3.6.1 耳机插头 1. 效果绘制 3.6.1 耳机插头 2. 外形绘制 3.6.2 插孔 1. 效果表现 3.6.2 插孔 2. 外形绘制 3.7.1 标牌处理 1.素材处理 3.7.1 标牌处理 2.字体路径 3.7.2 表面效果 1. 凹凸 3.7.2 表面效果 2. 丝印 3.7.2 表面效果 3. 材质 3.8 数字表盘 数字表盘是汽车、摩托车、赛艇等用来显示速度、油量的元器件 组成元素主要有刻度、数字、指针、符号 在制作表盘时最难的不是效果，而是盘面的设计，能通过最简单的元素反映出各种风格是设计师优秀品质之一 3.8.1 表盘轮廓 设定外框尺寸 制作刻度 转换为画笔 刻度布置 数字位置布置 3.8.1 表盘轮廓