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