《UI创意设计》课程教案.docxVIP

PAGE

PAGE18

教案一 UI设计及流程—中国梦系列

工作任务

名称

UI设计及流程

授课课时

2课时

授课

班级

授课形式

理实一体化

教材使用

由课程团队开发的融入课程思政活页式新形态教材《UI创意设计》（第一版）

课程性质

本课程是三年制高等职业教育计算机应用技术专业的一门专业必修课程，同时也是一门面向UI设计师工作岗位的课程。本门课程的教学任务是通过学习UI设计的相关知识和图标、控件、界面等不同部分的设计要领和制作规范，分析不同类型的智能终端设备及应用程序的特点，从而明确UI设计在不同设备上的设计要领，使学生掌握UI设计方面的设计制作技术，为学生今后从事UI设计工作奠定基础。

教学内容

本单元教学内容为UI设计及流程，旨在教授学生了解UI设计的概念、分类、目的、UI设计的发展历程、UI设计师的能力要求及UI设计的流程。

课程思政

培养学生树立美育职业理想，怀揣科技兴国以实现对美好生活向往的中国梦；同时树立正确的艺术观和创作观，提高人文和审美素养。

教学目标

素质目标

具备爱岗敬业、精益求精的工匠精神

具备扎实人文素养和职业素养

具备专业的工作态度与美育精神

具备传播“真善美”的社会责任

知识目标

掌握UI的概念、分类及目的

掌握UI设计师应具备的能力

掌握UI设计的流程

能力目标

能够识别不同的移动端设备

能够识别不同的UI界面

能够掌握UI设计的设计流程

教学重点

和难点

UI设计的分类与设计流程。

教法学法

PBL教学法：设置本单元教学任务，学生以小组为单位完成课前线上预习、课中学习和制作和课后线上拓展及练习，明确组员分工，相互协作，培养学生的协作能力和自主学习能力。

任务驱动教学法：打破以往课程的教师知识灌输、学生被动学习、实践与理论脱节的实施方式，形成以项目引领，任务实施驱动，学生主动构建、实践与理论一体化的实施方式。

教学资源

信息化资源：国家级职业教育专业教学资源库、智慧职教平台、云课堂管理，内含微课视频、动画、教学PPT、电子教案、案例素材、习题试题库等。

传统教学资源：教师团队自编融入课程思政的活页式新形态教材。

教学设备：嘉课堂教室、理实一体化实训室。

教学过程

环节/用时

内容

技术手段

课前

教师在云课堂发布课前任务，学生智慧职教平台线上完成任务：

预习第一章两个视频，了解UI设计的相关知识。

思考以下问题：什么是UI设计？关于界面说说你喜欢的手机界面给你的感觉。

学生分组进行讨论，并在线上发表观点，引导学生进入职业情境。

课前十分钟云课堂签到。

教学PPT

课中

任务导入：

首先观看一段《科技冬奥》视频，介绍人工智能的引入让全世界为之震撼，冬奥会体现了中国智慧，体现出科技时代的人文内涵与大国担当，为国家的强大而自豪感。这些智能设备的交互界面就是我们要学习的UI设计。

人工智能的飞速发展，出现了越来越多的智能终端设备，如何快速而准确地使用这些智能设备，UI设计变得越来越重要。

指出UI设计在当今科技时代的重要性：UI设计成为提升用户对智能设备直观体验的决定因素，界面的美观度、规范化、交互性直接决定了这款智能产品在用户心中的形象。

教学PPT

视频

知识点1讲授：UI设计概述

UI即UserInterface(用户界面)的简称。从传统意义上来说，UI设计是指用户界面的美化设计，但事实上UI设计不仅是指“用户与界面”的从属关系，还包括“用户与界面”的交互关系。因此UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。

从第一代Windows界面开始，UI的发展经历了三十多年的时间，目前的智能设备和应用程序都需要易操作的界面。

UI设计目的：为了让用户理解界面程序的用途并快速地操作程序，其主要目的不是外观和视觉感，而是沟通和体验。

UI设计师标准：具有视觉设计、交互设计、体验设计能力。

教学PPT

知识点2讲授：UI设计分类

（1）移动端UI设计：即移动设备的界面设计，譬如：手机、ipad、智能手表、PDA、MP4等。

（2）PC端UI设计：计算机界面设计，包括系统界面设计、软件界面设计、网站界面设计。

（3）智能终端UI设计：人工智能的引入而出现的智能设备界面设计，譬如：车载系统、ATM机、复印件、取票机、VR界面等。

教学PPT

知识点3讲授：UI设计流程

（1）讨论UI的设计流程应该包含哪些？通过学生讨论，教师进行分析、引导，并根据学生讨论结果进行总结，概括出UI设计流程。

（2）对每一流程进行讲解：需求方提出需求→交互动效制作→进行UI设计→设计交付及后期跟踪。

（3）完成活页教材P8及P10的任务拓展。

教学PPT

活页教材

学生任务：聆听课堂内容，认真做笔