1、湖南机电职业技术学院教案 备课组长签名: 教师签名:宋 洋 班级 多媒体 0601 日期 2008.5.28 基本课题(第几章、第几节课题和名称) Illustrator 部分 UI 设计 教学目的(知识教学和思想教学) 通过实例练习,巩固 Illustrator 的基础操作。通过设计课题,训练学 生的图形设计能力。 难点和重点 重点:基本工具使用,UI 的概念 难点:图形设计能力,UI 表现技法 教学过程(教学环节、方法和时间分配) 教学方法:机房操作 教 学 过 程 组织教学 1、清点人数; 2、本次课程内容及任务; 5 分钟 机房操作 实例三:UI 设计 UI 即 User Interf
2、ace(用户界面)的简称。UI 设计则 是指对软件的人机交互、操作逻辑、界面美观的整体设计。 良好的 UI 设计可以使软件变得富有个性与创意,并且能够 让软件的操作变得简单、自由、舒适,能够充分的体现该软 件的特点。 UI 的本意是用户界面,从字面上看可以理解为是用户 与界面两个组成部分,但实际上还包括用户与界面的交互关 系。 软件界面设计就像商品的包装造型设计一样,是商品的 重要卖点,一个友好美观的界面会给用户带来舒适的视觉享 受,拉近人与电脑的距离。界面设计是一门科学性的艺术设 计,并不是单纯的美术绘画。 10 分钟 讲解制作要 点 教 学 过 程 它需要定位使用者、使用环境、使用方式,并
3、且为最终 用户设计。 按右图绘制软件界面 操作提示: 1、设置正确的文件尺寸、 文件格式及颜色模式。 2、使用文字工具、钢笔 工具、图形工具、渐 变工具、修整命令( 路径查找器) 、效果命 令等绘制图形 设计课题三: 为自己的手机设计一套菜单界面的图标 1、可参考右图设计,但不能抄袭 2、注意区分图标选中状态与未选 中状态的区别 3、注意图标质感的表达 60 分钟 学生操作, 巡视,在巡 视过程中辅 导学生 15 分钟 WEB2.0 风格 的表现技法 90 分钟 学生操作 巡视 辅导学生 课后分析 因进行过 LOGO 和 VI 的设计练习,在 UI 制作过程中对 质感的表达和技法掌握得较好,但在格式存储的问题上出现 问题,在授课中应加入 PNG 格式的应用。