UI设计-教学教案.doc

《UI设计-教学教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《PhotoshopCC移动UI设计案例教程（全彩慕课版）》配套教学教案第1讲课时内容初识移动UI设计授课时间180分钟课时4教学目标þ认识移动UI设计。þ认识App。教学重点þ认识移动UI设计。教学难点þ了解App的设计流程。教学设计1、教学思路：（1）通过认识移动UI设计了解UI设计的相关概念、移动UI设计的概念、特点、原则、常用软件和学习方法；（2）通过认识App了解App的基本概念、操作平台、设计流程和基本分类。2、教学手段：（1）通过资料了解移动UI和App的概念；（2）通过实例界面等图片深入了解移动UI和App。教学内容讨论问题：1、移动

2、UI设计的常用软件有哪些？2、App的设计流程有哪些步骤？内容大纲：具体可结合本项目的PPT课件进行配合讲解。1.1认识移动UI设计1.1.1UI设计的相关概念1.1.2移动UI设计的概念1.1.3移动UI设计的特点1.1.4移动UI设计的原则1.1.5移动UI设计的常用软件1.1.6移动UI设计学习方法1.2认识App1.2.1App的基本概念1.2.2App的操作平台1.2.3App的设计流程1.2.4App的基本分类小结1、了解移动UI设计。2、了解App。第2讲课时内容移动UI设计规范授课时间180分钟课时4教学目标þ熟练掌握iOS系统的设计

3、规范。þ熟练掌握Android系统的设计规范。教学重点þ掌握iOS及Android系统的设计尺寸。þ掌握iOS及Android系统的界面结构。þ掌握iOS及Android系统的图标规范。þ掌握iOS及Android系统的字体规范。教学难点þ掌握iOS及Android系统的基本布局。教学设计1、教学思路：（1）通过资料及实例图片讲解，掌握iOS系统的设计规范；（2）通过资料及实例图片讲解，掌握Android系统的设计规范。2、教学手段：（1）通过总述了解iOS及Android系统的基本概念；（2）通过分类解析深入学习iOS及Android系统的设计尺寸

4、及单位、界面结构、基本布局、图标规范和文字规范。教学内容讨论问题：1、iOS系统的界面结构有哪几部分组成？2、iOS及Android系统的图标包括哪几种分类？内容大纲：具体可结合本项目的PPT课件进行配合讲解。2.1iOS系统设计规范2.1.1iOS设计尺寸及单位2.1.2iOS界面结构2.1.3iOS基本布局2.1.4iOS图标规范2.1.5iOS文字规范2.2Android系统设计规范2.2.1Android设计尺寸及单位2.2.2Android界面结构2.2.3Android基本布局2.2.4Android图标规范2.2.5Android文字规

5、范小结1.了解并掌握iOS及Android系统的设计尺寸及单位。2.了解并掌握iOS及Android系统的界面结构。3.了解并掌握iOS及Android系统的基本布局。4.了解并掌握iOS及Android系统的图标规范。5.了解并掌握iOS及Android系统的文字规范。第3讲课时内容iOS系统界面设计授课时间360分钟课时8教学目标þ了解栏的概念、分类和设计规范。þ了解视图的概念、分类和设计规范。þ了解控件的概念、分类和设计规范。þ熟练掌握iOS系统界面设计的方法和规范。教学重点þ熟练掌握栏的应用和设计规范。教学难点þ掌握按钮的概念和分类。教学设计

6、1、教学思路：（1）通过对课堂实训案例的讲解掌握制作旅游类APP首页、旅游类APP相册页、旅游类APP登机牌页、旅游类APP酒店列表页和旅游类APP美食筛选页的方法和技巧；（2）再通过相关的解析掌握栏、视图和控件的概念、分类和设计规范；（3）最后通过课堂练习和课后习题消化所学知识。2、教学手段：（1）通过课堂实训案例熟悉设计规范和软件功能；（2）通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求：在网上找一些简单的iOS系统界面进行临摹制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、视图有哪几种分类？2、按钮的概

7、念是什么？内容大纲：具体可结合本项目的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页面浏览控制器3.2.9课堂案例——制作旅游类APP登机牌页3.2.10弹出框3.2.11滚动视图3.2.12分屏视图3.2.13表单视图3.2.14文字视图3.2.15网络视图3.3控件3.3

8、.1课堂案例——制作旅游类APP酒店列表页3.3.2按钮3.3.3编辑菜单3.3.4标签3.3.5页面控件3