PhotoshopCC移动UI设计案例教程-教学教案.docx

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