平面设计实训教案8-UI.doc

湖南机电职业技术学院教案
备课组长签名： 教师签名：宋 洋
班级
多媒体0601

日期
2008.5.28

基本课题（第几章、第几节课题和名称）
Illustrator部分UI设计
教学目的（知识教学和思想教学）
通过实例练习，巩固Illustrator的基础操作。通过设计课题，训练学生的图形设计能力。
难点和重点
重点：基本工具使用,UI的概念
难点：图形设计能力，UI表现技法
教学过程（教学环节、方法和时间分配）
教学方法：机房操作
教 学 过 程
Ⅰ 组织教学
5分钟
1、清点人数；
2、本次课程内容及任务；
Ⅱ 机房操作
实例三：UI设计
UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。良好的UI设计可以使软件变得富有个性与创意，并且能够让软件的操作变得简单、自由、舒适，能够充分的体现该软件的特点。
UI的本意是用户界面，从字面上看可以理解为是用户与界面两个组成部分，但实际上还包括用户与界面的交互关系。
软件界面设计就像商品的包装造型设计一样，是商品的重要卖点，一个友好美观的界面会给用户带来舒适的视觉享受，拉近人与电脑的距离。界面设计是一门科学性的艺术设计，并不是单纯的美术绘画。

10分钟
讲解制作要点

教 学 过 程
它需要定位使用者、使用环境、使用方式，并且为最终用户设计。

按右图绘制软件界面
操作提示：
1、设置正确的文件尺寸、
文件格式及颜色模式。
2、使用文字工具、钢笔
工具、图形工具、渐
变工具、修整命令（
路径查找器）、效果命
令等绘制图形

设计课题三：
为自己的手机设计一套菜单界面的图标
1、可参考右图设计，但不能抄袭
2、注意区分图标选中状态与未选
中状态的区别
3、注意图标质感的表达

60分钟
学生操作，巡视，在巡视过程中辅导学生

15分钟
WEB2.0风格的表现技法

90分钟
学生操作
巡视
辅导学生

Ⅴ 课后分析

因进行过LOGO和VI的设计练习，在UI制作过程中对质感的表达和技法掌握得较好，但在格式存储的问题上出现问题，在授课中应加入PNG格式的应用。