UI界面设计的课件.pptVIP

PPT 课 件 128 2 、图标设计的 原则 4 ）、主题文化性 PPT 课 件 129 3 、图标设计的 规格 图标文件的类型： .ico 文件 ，图标文件大都是 .ico 格式 图标的一般尺寸： 16x16 像素、 32x32 像素、 48x48 像素、 64x64 像素、 96x96 像素、 256x256 像素 PPT 课 件 130 PPT 课 件 131 4 、图标设计的 流程 1 ）、图标创意阶段 看懂界面需求，对每个图标的定义要准确清楚。 PPT 课 件 132 4 、图标设计的 流程 2 ）、草图绘制阶段——统一图标风格、统一透视 PPT 课 件 133 4 、图标设计的 流程 3 ）、草图渲染阶段 一般使用 Photoshop 、 Illustrator 、 Firework 、 Xara Xtreme pro 等软件 PPT 课 件 134 PPT 课 件 135 PPT 课 件 136 课堂练习： 绘制常用移动应用图标 绘制常用电脑应用图标 PPT 课 件 137 四、计算器界面设计实训 PPT 课 件 138 五、播放器界面设计实训 PPT 课 件 139 六、手机主题界面设计实训 PPT 课 件 140 七、网站专题界面设计实训 PPT 课 件 141 4 、 选择图层 4 ， 复 制一 个图层 4 副本 并给图层 4 副本添加蒙版， 如 图 11 所示。 PPT 课 件 96 5 、 单击 工具箱中的 横 排文字工具 ， 输 入 school ，然后在工具 选项栏 上 设 置字 体 参 考 图 12 ，如 图 12 所示。 PPT 课 件 97 6 、在 图层 控制面板新建一 个图层 或者（按快捷 键 Shift+Ctrl+N ），接着在 工具箱中 选择钢笔 工具，在 属 性 栏 中 设 置 钢笔为 路 径 ，接着再工作 区绘 制 出一 个 不 规则 的形 状 ，按 键盘 快捷 键 Ctrl+Enter 转换为选区 ， 设 置前景色 为 白色，按 键盘 快捷 键 Ctrl+D 取消 选区 ， 并设 置不透明度 为 30% 。如 图 所 示。 PPT 课 件 98 2. 按 钮 2 ，白色 质 感播放器按 钮 PPT 课 件 99 表 层圆 形 图层样 式 设 置： PPT 课 件 100 PPT 课 件 101 PPT 课 件 102 PPT 课 件 103 PPT 课 件 104 2. 下 层圆 形 样 式 设 置： PPT 课 件 105 PPT 课 件 106 PPT 课 件 107 PPT 课 件 108 3. 底 层圆 形 图层样 式 PPT 课 件 109 PPT 课 件 110 PPT 课 件 111 PPT 课 件 112 图标制作 PPT 课 件 113 三、图标制作 ? ? ? ? ? ? ? ? ? 图标设计的意义 视觉设计的重要组成部分，用于提示与强调 使产品的功能具象化，更容易理解 使产品的人机界面更具有吸引力，富含娱乐性 形成产品的统一特征，给用户以信赖感，便于功能的记忆 创造差异化、个性化的美，强化装饰性作用 图标设计是一种艺术创作、能提高产品的品味 图标设计的表现方式灵活自由、可以传达不同的产品理念 图标设计是在屏幕上展示产品的最佳方式 PPT 课 件 114 1 、图标设计的 意义 1 ）、视觉设计的重要组成部分， 用于提示与强调 2 ）、使产品的功能具象化，更 容易理解 PPT 课 件 115 1 、图标设计的 意义 3 ）、使产品的人机 界面更具有吸引力， 富含娱乐性 PPT 课 件 116 1 、图标设计的 意义 4 ）、图标设计是一种艺术创作、能提高产品的品味 PPT 课 件 117 1 、图标设计的 意义 4 ）、图标设计是一种艺术创作、能提高产品的品味 PPT 课 件 118 1 、图标 设计的 意义 5 ）、图 标设计 的表现 方式灵 活自由、 可以传 达不同 的产品 理念 PPT 课 件 119 PPT 课 件 120 PPT 课 件 121 1 、图标设计的 意义 6 ）、图标设计是在屏幕上展示产品的最佳方式 PPT 课 件 122 2 、图标设计的 原则