教学大纲
软件专业《软件UI设计》教学大纲
一、课程的性质与任务
1．课程性质
本课程是高职软件专业的一门专业选修课程，为今后学生学习网站设计，移动程序设计提供界面设计的基础。
2．课程任务
主要任务是了解软件UI设计的基本方法、基本技巧，并能应用基本方法，设计一定的软件界面。主要学习网页的UI设计和移动UI设计两个部分，为今后其他课程提供界面设计的能力。
二、课程教学目标
1．知识目标
（1）理解并掌握软件UI设计的基本理论。
（2）熟悉软件UI设计的基本方法。
2．能力目标
通过对本课程的理论和实践教学，使学生掌握软件UI设计的基本技能，锻炼学生进行软件UI设计的基本能力，使学生获得以下软件UI设计能力。
（1）能正确使用各种界面设计软件。
（2）能掌握软件UI设计的基本方法。
（3）能进行一般的软件UI设计。
三、课程教学内容和学时分配
序号 |
教学项目 |
课时 |
||
总时数 |
讲授 |
实践 |
||
1 |
页面布局 |
12 |
6 |
6 |
2 |
网页基本元素设计 |
12 |
6 |
6 |
3 |
网站UI设计综合应用* |
12 |
2 |
10 |
4 |
移动图标设计 |
8 |
2 |
6 |
5 |
移动界面设计 |
8 |
2 |
6 |
6 |
网页交互设计* |
8 |
2 |
6 |
|
合计 |
60 |
20 |
40 |
四、教学内容与教学基本要求
教学项目一 页面布局
1. 教学目的
学习HTML、DIV和CSS的基础知识，掌握基本的页面布局方式和技巧。
2. 重点
HTML基础、DIV基础、CSS基础、CSS应用
3. 难点
CSS基础、CSS应用、页面布局
4. 教学内容
（1）HTML基础知识
（2）DIV基础知识
（3）CSS基础知识
（4）页面布局方式和技巧
（5）页面布局应用
5. 作业要求
（1）查找UI设计网站
（2）页面布局项目
教学项目二 网页基本元素设计
1. 教学目的
掌握网页的LOGO、菜单、BANNER的设计基础知识，能够为一个网页设计基本的元素。
2. 重点
LOGO设计、基本菜单设计、下拉多级菜单设计、Banner设计
3. 难点
LOGO设计、下拉多级菜单设计、Banner设计
4. 教学内容
（1）LOGO设计
（2）菜单设计
（3）菜单特效
（4）BANNER设计
（5）BANNER特效
5. 作业要求
（1）设计菜单
（2）设计BANNER
教学项目三 移动图标设计
1. 教学目的
了解移动UI设计概念，掌握移动图标UI设计的方法及技巧。
2. 重点
简单图标UI设计、复杂图标UI设计
3. 难点
简单图标UI设计、复杂图标UI设计
4. 教学内容
（1）移动UI设计概念
（2）简单的图标UI设计
（3）复杂的图标UI设计
5. 作业要求
（1）设计APP的图标
教学项目四 移动界面设计
1. 教学目的
了解移动界面设计概念，掌握移动界面设计方法及技巧。
2. 重点
引导页设计、主界面设计
3. 难点
引导页设计、主界面设计
4. 教学内容
（1）移动界面设计概念
（2）引导页UI设计
（3）手机主界面UI设计
5. 作业要求
（1）设计APP引导页
（2）设计APP主界面
教学项目五 网页交互设计
1. 教学目的
学习网页的交互设计基本概念，能进行简单的交互原型设计。
2. 重点
原型设计软件使用
3. 难点
交互原型设计
4. 教学内容
（1）网页交互概念
（2）网页交互原型设计
5. 作业要求
（1）提交一个简单的交互原型设计作品。
五、考核方式及要求
课程考核由过程性考核和终结性考核部分组成。其中，过程性考核占60%，终结性考核占40%。过程性考核由学生考勤（15%）+作业和实验（40%）+平时测试（45%）组成。
共布置作业11次，预计完成作业需要时间10小时左右
共进行3次阶段测试。
六、说明
*根据学生学习情况，进行适当调整。
七、教材及参考资料
1．教材：《Div+CSS3+jQuery网页设计深度剖析》，张晓景主编，2016年3月，电子工业出版社。
《HTML+CSS+JavaScript网页制作》，刘瑞新 张兵义主编，2014年11月，机械工业出版社。
《移动平台UI交互设计与开发》，陈燕 戴雯惠主编，2014年12月，人民邮电出版社。 《Photoshop CC移动UI界面设计与实战》，创锐设计 主编，2015年6月，电子工业出版社。 《创意UI Photoshop玩转移动UI设计》，Art Eyes设计工作室主编，2014年12月，人民邮电出版社。
