《视觉界面设计》课程教学大纲

一、说明

适用专业 先修课程 总学时 （一）本课程的目的、要求 64 视觉传达设计 图形设计、文字设计、版式设计 总学分 3 《视觉界面设计》是的专业课。是设计行业中的一门新兴学科。通过本课程的实践教学,应使学生理解视觉界面设计的基本概念,掌握可视化界面设计（界面控件、界面图标、界面皮肤）的基本方法与程序。使得学生熟练掌握Ps及AI等图形界面设计工具进行GUKGraphicUser interface） 设计。

（二）内容选取和实施中注意的问题

本课程以视觉界面设计的基本流程、界面控件、界面图标、界面皮肤设计为主要内容。在教学实施中应从界面及图标草图设计、界面实例练习、整体界面形象创作等环节进行教学。教学中教师应该作必要的示范,并在演示案例时,注意当下主流的设计风格。 （三）教学方法

教学中采取由浅入深,循序渐进,理论与实践相结合的教学原则。运用创新的教育理念和研究方法,使用多媒体教学手段。在实践教学中师应及时进行辅导、答疑,及时解决学生设计制作中出现的问题。教师应积极鼓励与肯定学生的创新意识,充分调动学生的创造性思维,加强学生创造性能力和实践能力的培养。 （四）考核方式

本课程是考试科目,以平时课题作业与期末考试（命题设计）相结合,学期成绩以平时作

业成绩（占40%）与期末考试（占60ぬ综合评定。成绩评定,采取三位教师评分的方式。 （五）教学内容与学时分配 教学章节 1 2 3 教学内容 视觉界面设计的基本概念 图形界面设计软件及制作 界面图标创意及设计 视觉界面控件设计 学时安排 备注 4 20 20

4 20 二、大纲内容

第一章视觉界面设计的基本概念 1 .界面的基本概念 2 .用户界面设计概述 3 .用户体验设计

4 .界面功能交互设计 5 .图形界面设计的基本概念 6 .视觉界面设计的发展 说明和要求:

(1)教学重点:视觉界面设计的概念及发展。

(2)教学难点：用户研究、交互设计、用户体验设计的相关概念。

(3)作业与要求：分析与欣赏优秀视觉界面设计,要求对学生界面设计基本概念的理解情况进行考核。

第二章图形界面设计软件及制作

1. Photoshop软件绘制图形界面的方法

2. Photoshop软件中色彩设定及渐变色使用方法; 3. Photoshop软件中文字字体大小; 4. Photoshop软件中界面尺寸设定; 5. Illustrator软件绘制图形界面的方法 6. 矢量图形设计软件Illustrator界面设计特点; 7. Illustrator软件中色彩设定及渐变色使用方法； 8. Illustrator软件中中文字字体大小; 9. Illustrator软件中界面尺寸设定;

10. GUI界面软件设计制作案例讲授(手机用户界面、电脑图标设计制作等)。 说明和要求:

(1)教学重点：视觉界面设计的软件制作方法(PS+AI)； (2)教学难点：界面设计细节制作的学习。

(3)作业与要求：优秀视觉界面设计制作临摹练习,要求对学生界面设计临摹情况进行辅导考核。

第三章界面图标创意及设计 1.视觉界面图标功能划分及风格; 2.界面图标功能语义的视觉转换;

3.视觉界面图标设计的主流风格;

4.视觉界面图标创意方法(直接转译法、间接转译法)； 5.视觉界面图标创意草图绘制; 6.视觉界面图标整体图形、色彩设定; 7.视觉界面图标创意电脑设计制作。 说明和要求:

(1)教学重点:界面图标功能语义的视觉转换; (2)教学难点:视觉界面图标创意方法;

(3)作业与要求:某产品的视觉界面图标功能语义视觉转换,要求对学生图标功能语义视觉转换能力及设计制作能力进行综合考核。 第四章视觉界面控件设计 1 .视觉界面功能划分 2 .界面功能人性化设计 3 .界面功能划分方法 4 .界面功能与可视化设计 5 .视觉界面控件设计 6 .视觉界面控件的概念 7 .视觉界面控件的功能划分 8 .视觉界面控件的设计制作 说明和要求:

(1)教学重点:视觉界面功能控件的设计及制作方法； (2)教学难点：功能可视化的界面控件体系设计。

(3)作业与要求:某产品的视觉界面功能划分及控件设计与制作,要求对学生界面控件的综合设计与制作能力进行考核。

三、教材和主要参考书

1 .周陟.《UI进化论》.清华大学出版社,2010.

2 .杰弗•约翰逊.《GUI设计禁忌2.0》.机械工业出版社,2009.

3 .鲁晓波、詹炳宏.《数字图形界面艺术设计》.清华大学出版社,2006.

修定人:

审核人:

修定日期:202X年X月