2025年《界面交互设计》课程标准.docxVIP

PAGE2/NUMPAGES2

《界面交互设计》课程标准

课程名称：界面交互设计

课程代码：3230174

适用专业：虚拟现实技术应用

课程性质：专业核心课

学时：50学时（理论：25实践：25）

学分：3学分

一、课程概述

（一）课程性质与任务

《界面交互设计》是虚拟现实技术应用专业的专业核心课。本课程开设于该专业第四学期，通过本课程教学使学生比较全面、系统的掌握虚拟现实相关项目中界面设计的基本方法，能熟练掌握并正确运用相关软件及引擎设计界面并搭建界面，以便较好的适应相关岗位的工作需要。

本课程根据高技能人才培养目标和界面设计师职业岗位的任职需求进行定位，课程主要培养学生的造型能力及使用搭建界面的能力。课程对软件实践制作技法进行研究，引进行业规范，具体从界面设计、界面搭建等两大方面进行授课，将理论与实践紧密结合，培养学生勤于思考和实践操作的职业素养。

（二）课程设计思路

本课程是虚拟现实技术应用专业核心课。通过本课程的教学，利用实践结合课堂的模式，基于工作过程的教与学，通过强化学生的操作技能，让学生基本掌握虚拟现实界面制作的方法，让学生确实获得界面设计所需的基本能力。因此，按照专业教学规律，在课程教学的总体结构中，总计50学时，基础理论25学时，实践练习25学时。成绩考核比例为：平时成绩70%+课程考核作业30%。在实践教学方面，以教师示范制作、案例命题练习、教师辅导等相结合的方式开展教学。

二、培养目标

（一）总体目标

本课程的总体目标，是通过教学使学生掌握界面交互设计的基本技巧和一定的创新能力，并熟悉界面设计与搭建的相关软件，能将设计思维得以充分的表达，为今后虚拟现实项目制作打下坚实的基础。

本课程通过一系列的理论与实验学习，使学生掌握界面设计基本原理以及界面中所需素材的制作方法，深化对于界面前期设计、中期制作以及后期搭建等一系列制作流程之间的关系，熟悉相关软件的使用方法，培养学生对于界面交互设计的理解，从而对于完整虚拟现实项目制作流程有更深一步理解。

（二）具体目标

1.知识目标

通过完成相关界面设计的实训项目，学生能运用界面设计风格分类、用户需求分析、界面构成原理与布局、虚拟现实界面制作方法以及界面交互脚本编写等五方面的知识，根据虚拟现实行业标准，做符合行业标准的界面设计作品

2.能力目标

了解界面设计交互理论；

熟悉虚拟现实界面制作的流程与方法；

掌握相关软件的使用。

3.素质目标

通过教学过程，培养学生：

（1）爱岗敬业的职业道德

（2）良好的团队协作意识及沟通能力

（3）创新精神和严谨的工作风

三、教学内容

（一）课程教学安排

学习任务（项目）描述、结构与内容、目标与要求及学时分配（总学时：50，理论25/实践25）见下表：

表1《界面交互设计》课程教学内容表

序号

学习任务（项目）

子任务（项目）

教学内容

课时数（理论/实践）

目的要求（知识点、能力点、素质点）

教学方式（教学方法、教学手段）

教学场地

1

界面交互设计基本概念

VR界面设计概述

1.课程概述

2.界面设计概述

3.界面交互设计特点

2/0

知识点：界面设计基本概念

能力点：观察力与创意思维能力

素质点：爱岗敬业的行业素养

多媒体讲授、小组讨论

多媒体教室/专业实训室

界面设计优秀案例学习

优秀界面设计作品赏析

2/0

知识点：界面设计鉴赏方法

能力点：观察力与创意思维能力

素质点：爱岗敬业的行业素养

多媒体讲授、小组讨论

多媒体教室/专业实训

室

2

界面设计风格与用户需求分析

界面风格分类与用户需求分析

1.界面风格分类

2.用户需求分析方法

3.用户需求异同

2/2

知识点：界面风格类别与用户需求分析方法

能力点：观察力与创意思维能力

素质点：爱岗敬业的行业素养

多媒体讲授、小组讨论、案例讲解、上机实操

多媒体教室/专业实训室

3

界面构成原理与布局

界面基本构成原理与布局方法

1.界面构成原理

2.图片处理与应用

3.文字应用

4.色彩应用

5.基本布局

6/10

知识点：界面构成原理与布局

能力点：观察力与创意思维能力

素质点：爱岗敬业的行业素养

多媒体讲授、小组讨论、案例讲解、上机实操

多媒体教室/专业实训室

4

虚拟现实界面制作方法

Unity3DUGUI系统基础

1.画布Canvas介绍

2.UI控件布局RectTool工具与RectTransform工具3.Eventsystem介绍

4.锚点定位

1/1

知识点：UGUI操作方法

能力点：观察力与创意思维能力

素质点：爱岗敬业的行业素养

多媒体讲授、小组讨论、案例讲解、上机实操

多媒体教室/专业实训室

Unity3DUGUIUI基本组件介绍

1.文字Text

2.图片Image与RawImage

3.遮罩效果Mask

2/2

知识点：UGUI操作方法