《UI设计基础》课程教学大纲

《UI设计基础》课程教学大纲

课程名称:UI设计基础User Interface Design 课程类别:专业教育选修课程开课单位:设计艺术系课程编码:23113045

总学时数:32 学分:2

适用专业:视觉传达设计先修课程:图形创意等

考核方式:操作

一、课程内容

理论部分:

(一)认识界面

1、UI概述

2、图形化的界面

(二)人机界面

1、回归人性的界面设计

2、为用户而设计

3、人机工程学

(三)界面的整体设计

1、分析阶段

2、实施阶段

3、界面视图

(四)界面的视觉设计

1、界面设计的基本途径

2、界面的信息设计

3、图标设计

4、界面布局与元素设计

(五)网页界面的设计

1、网页界面的认识

2、网页界面系统

3、网页界面信息传达

(六)游戏界面的设计

1、游戏界面的概述

2、游戏平台的视频界面设计

1

3、游戏平台的操作界面设计

4、游戏界面的音频设计

(七)软件界面的设计

1、软件界面设计的整体思考

2、软件界面的文本、图形

3、为“交互”服务:角色、场景和礼貌

(八)便携电子产品界面的设计

1、便携电子产品界面的概述

2、便携电子产品界面设计的特殊性

3、便携电子产品界面的视觉要素分析实践部分:

实践一网页界面设计

实践二游戏界面设计

实践三电子产品界面设计

二、大纲说明

(一)课程的性质和任务

UI设计是一门新的学科，也称之为当代的新媒体，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。UI设计是视觉传达设计专业的专业选修课程之一，是在继专业设计课程基础上的延续和提高，全面的完善了设计专业学生的专业素养。课程实践中注重对各专业基础课程的统合和整体应用。

(二)课程教学的基本要求

通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术，熟悉UI 设计的流程与特点，并运用ADOBE PHOTOSHOP、indesign等设计软件完成其视觉表现，独立完成UI设计的全过程。

(三)课程内容各层次的教学重点、难点、教学环节及教学方法的建议

教学重点、难点:

1(认识界面

重点:了解界面

难点:概念性的认识，图形化的界面

2(人机界面

重点:人性的界面设计

2

难点:为用户而设计的理解，界面设计中的人机工程

3.界面的整体设计

重点:分析阶段、实施阶段、用户分析、市场与目标分析

难点:对象的模型化、界面视图的设计、界面整体设计的分析以及实施 4(界面的视觉设计

重点:界面视觉设计的基本途径、界面的信息设计、图标的设计、界面布局元素的设计

难点:整体效果搭配，界面视觉效果、图标设计的设计加以应用 5.网页界面的设计

重点:网页界面设计，网页界面的信息传达，网页视觉效果排版设计难点:整体效果搭配与方法

6.游戏界面的设计

重点:游戏界面的认识、设计方法与元素内容

难点:游戏平台的视频界面设计，操作界面设计，音频设计，视觉效果排版设计，整体效果搭配

7.软件界面的设计

重点:软件界面的设计分析与界面中出现的元素及应用功能研究难点:软件界面设计的整体思考，软件界面的文本、图形，软件界面视觉效果排版设计，整体效果搭配

8.便携电子产品界面的设计

重点:便携电子产品界面的概述;便携电子产品界面设计的特殊性;便携电子产品界面的视觉要素分析;便携电子产品界面视觉效果排版设计

难点:便携电子产品界面设计的整体效果搭配

教学建议:

采用案例教学的方式进行教学，尽可能选取贴近生活的案例。

1.在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作

任务引领提高学生学习兴趣，激发学生的成就动机。

2.教学过程中教师应积极引导和开拓学生的设计思维能力，利用多媒体教学设备丰

富教学内容，帮助学生有效理解所学内容。

3.在教学过程中，强调理论基础重要性的同时，更应该高度关注学生实践能力、创

新能力的培养，将理论与实际有机结合，贯彻到教学过程中。

(四)本课程与其它课程的联系和分工的说明

3

本课程是视觉传达设计中的专业基础的选修课程，是视觉传达设计课程中与其它各门专业课程紧密相连的课程之一。该课程为学生提供当今新媒体等领域必备的设计知识，有助于后续的动画设计、图标图表设计、导视系统设计等课程的学习。

(五)教学时数安排

序号内容理论学时实践学时小计

1 认识界面

2 2

2 人机界面 2 2

3 2 2

4 界面的整体设计

4 界面的视觉设计 2 2 4

5 网页界面的设计 2 2 4

6 游戏界面的设计 2 2 4

7 软件界面的设计 2 2 4

8 便携电子产品界面的设计 2 6 8

合计 16 16 32

(六)对实践操作、作业习题、考试考核办法及其它教学环节的说明

实践环节要求完成实验操作及报告，要求作业独立完成，作业成绩记入平时成绩。期末采取操作形式考核，课程成绩由平时成绩20%、实验成绩30%和期末成绩50%三部分构成。具体实践环节安排如下:

实践一(5学时) 网页界面设计，通过课程的学习，利用所学知识设计网页的界面设计作品，要求具有美感并充分考虑人机工程学原理进行创作，完成作业一套。

实践二(5学时) 游戏界面设计，充分理解游戏界面的设计要点，前期的分析报告，中后期的制作过程，最终完成游戏界面的设计作品创作。

实践三 (6学时)电子产品界面设计，首先做充分前期市场产品调研，了解产品特点及功能作用等，做出自己的调查报告，最终完成作业。

(七)选用教材及教学参考书

1.认知与设计—理解UI设计准则 [美]Jeff Johnson 2011年

2.《人机界面设计》罗仕鉴朱上上孙守迁机械工业出版社 2002年

3.《数字媒体系列教材数字界面设计》廖宏勇北京师范大学出版社2010年

4