UI设计-教学教案.docVIP

UI设计-教学教案 UI设计-教学教案 PAGE UI设计-教学教案 《Photoshop CC 移动UI设计案例教程（全彩慕课版）》 配套教学教案 第1讲 课时内容 初识移动UI设计 授课时间 180分钟 课时 4 教学目标 ? 认识移动UI设计。 ? 认识App。 教学重点 ? 认识移动UI设计。 教学难点 ? 了解App的设计流程。 教学设计 教学思路：（1）通过认识移动UI设计了解UI设计的相关概念、移动UI设计的概念、特点、原则、常用软件和学习方法；（2）通过认识App了解App的基本概念、操作平台、设计流程和基本分类。 教学手段：（1）通过资料了解移动UI和App的概念；（2）通过实例界面等图片深入了解移动UI和App。 教学内容 讨论问题：1、移动UI设计的常用软件有哪些 2、App的设计流程有哪些步骤 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 认识移动UI设计 UI设计的相关概念 移动UI设计的概念 移动UI设计的特点 移动UI设计的原则 移动UI设计的常用软件 移动UI设计学习方法 认识App App的基本概念 App的操作平台 App的设计流程 App的基本分类 小结 了解移动UI设计。 了解App。 第2讲 课时内容 移动UI设计规范 授课时间 180分钟 课时 4 教学目标 ? 熟练掌握iOS系统的设计规范。 ? 熟练掌握Android系统的设计规范。 教学重点 ? 掌握iOS及Android系统的设计尺寸。 ? 掌握iOS及Android系统的界面结构。 ? 掌握iOS及Android系统的图标规范。 ? 掌握iOS及Android系统的字体规范。 教学难点 ? 掌握iOS及Android系统的基本布局。 教学设计 教学思路：（1）通过资料及实例图片讲解，掌握iOS系统的设计规范；（2）通过资料及实例图片讲解，掌握Android系统的设计规范。 教学手段：（1）通过总述了解iOS及Android系统的基本概念；（2）通过分类解析深入学习iOS及Android系统的设计尺寸及单位、界面结构、基本布局、图标规范和文字规范。 教学内容 讨论问题：1、iOS系统的界面结构有哪几部分组成 2、iOS及Android系统的图标包括哪几种分类 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 iOS系统设计规范 iOS设计尺寸及单位 iOS界面结构 iOS基本布局 iOS图标规范 iOS文字规范 Android系统设计规范 Android设计尺寸及单位 Android界面结构 Android基本布局 Android图标规范 Android文字规范 小结 了解并掌握iOS及Android系统的设计尺寸及单位。 了解并掌握iOS及Android系统的界面结构。 了解并掌握iOS及Android系统的基本布局。 了解并掌握iOS及Android系统的图标规范。 了解并掌握iOS及Android系统的文字规范。 第3讲 课时内容 iOS系统界面设计 授课时间 360分钟 课时 8 教学目标 ? 了解栏的概念、分类和设计规范。 ? 了解视图的概念、分类和设计规范。 ? 了解控件的概念、分类和设计规范。 ? 熟练掌握iOS系统界面设计的方法和规范。 教学重点 ? 熟练掌握栏的应用和设计规范。 教学难点 ? 掌握按钮的概念和分类。 教学设计 教学思路：（1）通过对课堂实训案例的讲解掌握制作旅游类APP首页、旅游类APP相册页、旅游类APP登机牌页、旅游类APP酒店列表页和旅游类APP美食筛选页的方法和技巧；（2）再通过相关的解析掌握栏、视图和控件的概念、分类和设计规范；（3）最后通过课堂练习和课后习题消化所学知识。 教学手段：（1）通过课堂实训案例熟悉设计规范和软件功能；（2）通过课堂练习和课后习题提高学生的实际应用能力。 教学资料及要求：在网上找一些简单的iOS系统界面进行临摹制作，来加深学员对知识点的理解和提高实际应用能力。 教学内容 讨论问题：1、视图有哪几种分类 2、按钮的概念是什么 内容大纲：具体可结合本项目的PPT课件进行配合讲解。 栏 课堂案例——制作旅游类APP首页 状态栏 导航栏 搜索栏 标签栏 工具栏 视图 课堂案例——制作旅游类APP相册页 操作列表 活动视图 警告窗 集合视图 图像视图 地图视图 页面浏览控制器 课堂案例——制作旅游类APP登机牌页 弹出框 滚动视图 分屏视图 表单视图 文字视图 网络视图 控件 课堂案例