《移动端APPUI设计与交互基础教程》教学计划.docx
《《移动端APPUI设计与交互基础教程》教学计划.docx》由会员分享，可在线阅读，更多相关《《移动端APPUI设计与交互基础教程》教学计划.docx（20页珍藏版）》请在冰豆网上搜索。
《移动端APPUI设计与交互基础教程》教学计划
课时教学计划
教师姓名
时数
2
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第1章APPUI设计与交互概述
单元主要教学内容
UI设计与交互认知
教学目标
能力（技能）目标
知识目标
素质目标
了解APP产品开发的项目流程，并认知“UI设计师”的岗位职能
1.认识UI设计的相关概念，及其行业发展前景；
2.了解如何学习UI设计；
3.掌握UI设计的理论知识；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教学重点
教学难点
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第1章APPUI设计与交互概述
1.1UI设计行业的发展前景
1.1.1认识相关概念
1.1.2就业前景
1.2如何学习UI设计
1.2.1“UI设计师”常用软件介绍
1.2.2“UI设计师”设计理论知识储备
1.3UI设计理论基础
1.3.1色彩三要素
1.3.2UI设计配色基础
1.4APP页面分类及其作品欣赏
1.5浅析APP产品开发流程
1.6职场经验分享
1.7学习反思
1.5课堂动手实践
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第2章UI图标设计
单元主要教学内容
了解图标分类与常见尺寸大小；
熟练掌握Photoshop中布尔运算的操作方法；
教学目标
能力（技能）目标
知识目标
素质目标
1.熟练掌握Photoshop中布尔运算的操作方法；
2.掌握主流图标设计的方法；
1.认识图标设计的相关概念；
2.了解图标分类与常见尺寸大小；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教学重点
教学难点
1.图标的分类。
2.图标尺寸。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第2章UI图标设计
2.1初识移动设备尺寸及其相关概念
2.1.1px、pt和ppi等相关概念
2.1.2iPhone机型屏幕尺寸规格
2.2UI图标设计
2.2.1图标的分类
2.2.2常见存储格式与图标尺寸
2.2.3APP启动图标的常见创意设计方法
2.3线性图标
2.3.1线性图标概述
2.3.2线性图标的制作（WIFI图标）
2.3.3课堂巩固练习（Keep图标）
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第2章UI图标设计
单元主要教学内容
剪影类、扁平化类和长阴影类图标
教学目标
能力（技能）目标
知识目标
素质目标
1.熟练掌握Photoshop中布尔运算的操作方法；
2.掌握主流图标设计的方法；
1.认识图标设计的相关概念；
2.了解图标分类与常见尺寸大小；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.剪影类图标。
2.图标的创意设计方法。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第2章UI图标设计
2.4剪影类图标
2.4.1剪影类图标概述
2.4.2剪影类图标的制作（抖音APP图标）
2.4.3课堂巩固练习（微信图标）
2.5扁平化与长阴影类图标
2.5.1知识点概述
2.5.2扁平化与长阴影图标制作（指南针图标）
2.5.3课堂巩固练习（一组扁平化图标）
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第2章UI图标设计
单元主要教学内容
拟物图标
教学目标
能力（技能）目标
知识目标
素质目标
1.熟练掌握Photoshop中布尔运算的操作方法；
2.掌握主流图标设计的方法；
1.认识图标设计的相关概念；
2.了解图标分类与常见尺寸大小；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.图层样式。
2.拟物类图标思路分解。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第2章UI图标设计
2.6拟物类图标的制作
2.6.1知识概述
2.6.2拟物化图标制作（木纹质感翻页日历）
2.6.3课堂巩固练习（拟物齿轮）
2.7学习反思
课时教学计划
教师姓名
时数
2
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第3章常见APP组件的设计与实现
单元主要教学内容
各类组件的设计与制作
教学目标
能力（技能）目标
知识目标
素质目标
掌握质感按钮、滑动条、表单结构和曲线图表的制作方法
1.认识UIKit；
2.了解按钮的种类和按压状态，掌握质感按钮常规制作方法；
3.掌握滑动条的制作方法；
4.了解表单的结构，掌握常见表单的制作方法；
5.认识数据图表，掌握曲线图表的制作方法。
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.按钮的设计要点。
2.质感按钮。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第3章常见APP组件的设计与实现
3.1UIKit概述
3.2按钮
3.2.1按钮的种类
3.2.2按钮的设计要点
3.2.3扁平化按钮的制作
3.2.4质感按钮的制作
3.2.5课堂巩固练习（水晶按钮）
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第3章常见APP组件的设计与实现
单元主要教学内容
各类组件的设计与制作
教学目标
能力（技能）目标
知识目标
素质目标
掌握质感按钮、滑动条、表单结构和曲线图表的制作方法
1.认识UIKit；
2.了解按钮的种类和按压状态，掌握质感按钮常规制作方法；
3.掌握滑动条的制作方法；
4.了解表单的结构，掌握常见表单的制作方法；
5.认识数据图表，掌握曲线图表的制作方法。
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.滑动条
2.表单
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第3章常见APP组件的设计与实现
3.3滑动条
3.3.1扁平滑动条的制作
3.3.2质感滑动条的制作
3.3.3课堂巩固练习（QQ音乐播放器）
3.4表单
3.4.1表单结构与设计要点
3.4.2单选按钮与复选框制作
3.4.3文本框与下拉框制作
3.4.4课堂巩固练习（反馈页表单）
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第3章常见APP组件的设计与实现
单元主要教学内容
各类组件的设计与制作
教学目标
能力（技能）目标
知识目标
素质目标
掌握质感按钮、滑动条、表单结构和曲线图表的制作方法
1.认识UIKit；
2.了解按钮的种类和按压状态，掌握质感按钮常规制作方法；
3.掌握滑动条的制作方法；
4.了解表单的结构，掌握常见表单的制作方法；
5.认识数据图表，掌握曲线图表的制作方法。
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
曲线图表（纵向与横向分别渐变的实现方法）
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第3章常见APP组件的设计与实现
3.5数据图表
3.5.1认识数据图表
3.5.2数据图表的制作
3.5.3课堂巩固练习（环形数据图表）
3.6学习反思
课时教学计划
教师姓名
时数
2
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第4章交互设计与原型图绘制
单元主要教学内容
Axure使用方法与常见交互设计
教学目标
能力（技能）目标
知识目标
素质目标
1.掌握AxureRP的基本操作方法；
2.掌握AxureRP常见的交互应用。
1.了解交互设计的相关概念；
2.认识产品原型；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
交互设计的层级关系与相关工作经验
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第4章交互设计与原型图绘制
4.1初识交互设计
4.1.1什么是交互设计
4.1.2产品开发中的层级关系
4.1.3相关工作经验
4.2初识产品原型
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第4章交互设计与原型图绘制
单元主要教学内容
Axure使用方法与常见交互设计
教学目标
能力（技能）目标
知识目标
素质目标
1.掌握AxureRP的基本操作方法；
2.掌握AxureRP常见的交互应用。
1.了解交互设计的相关概念；
2.认识产品原型；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.Axure使用方法
2.元件库
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第4章交互设计与原型图绘制
4.3原型制作工具——AxureRP
4.3.1AxureRP界面认知
4.3.2AxureRP基本操作
4.3.3绘制手机原型存放于自己的元件库
4.3.4多页面巩固练习（金融类APP原型图绘制）
课时教学计划
教师姓名
时数
6
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第4章交互设计与原型图绘制
单元主要教学内容
Axure使用方法与常见交互设计
教学目标
能力（技能）目标
知识目标
素质目标
1.掌握AxureRP的基本操作方法；
2.掌握AxureRP常见的交互应用。
1.了解交互设计的相关概念；
2.认识产品原型；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.引导页左右滑动效果。
2.长页面上下滚动效果。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第4章交互设计与原型图绘制
4.4AxureRP常见的交互应用
4.4.1页面跳转
4.4.2引导页左右滑动效果
4.4.3长页面上下滚动效果
4.4.4弹出消息框效果
4.4.5侧边栏菜单滑入效果
4.4.6表单验证与登录交互
4.5学习反思
课时教学计划
教师姓名
时数
2
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第5章APP界面设计与实战
单元主要教学内容
设计规范、APP项目实战
教学目标
能力（技能）目标
知识目标
素质目标
掌握APP产品UI设计的流程与方法。
1.掌握px、pt、ppi、dpi和dp等常见术语的含义；
2.了解当前市场环境下手机屏幕的尺寸；
3.掌握iOS与Android的设计规范；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.px、pt、ppi、dpi和dp等常见术语。
2.设计规范
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第5章APP界面设计与实战
5.1认识APP应用程序及其相关概念
5.1.1常见术语
5.1.2常见手机屏幕尺寸
5.2设计规范
5.2.1iOS设计规范
5.2.2Android设计规范
5.2.3边距与间距
5.2.4内容布局
5.2.5常用颜色
课时教学计划
教师姓名
时数
14
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第5章APP界面设计与实战
单元主要教学内容
设计规范、APP项目实战
教学目标
能力（技能）目标
知识目标
素质目标
掌握APP产品UI设计的流程与方法。
1.掌握px、pt、ppi、dpi和dp等常见术语的含义；
2.了解当前市场环境下手机屏幕的尺寸；
3.掌握iOS与Android的设计规范；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.竞品分析。
2.首页效果图制作。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第5章APP界面设计与实战
5.3APP项目实战——“UI社”APP产品设计与实现
5.3.1产品定位与背景简要分析
5.3.2竞品分析
5.3.3“UI社”产品架构梳理
5.3.4绘制低保真原型图
5.3.5“UI社”APP的视觉规范
5.3.6APP产品启动图标的制作
5.3.7“引导页”效果图制作
5.3.8“登录页”效果图制作
5.3.9“首页”效果图制作
5.3.10“发现页”效果图制作
5.3.11“上传页”效果图制作
5.3.12“动态页”与“动态详情页”效果图制作
5.3.13“我的页”效果图制作
5.3.14其他页面效果图
5.5学习反思
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第6章标注与切图
单元主要教学内容
标注与切图
教学目标
能力（技能）目标
知识目标
素质目标
1.掌握标注工具Markman的使用方法；
2.掌握切图工具Cutterman的使用方法；
3.掌握点9切图的操作方法。
1.了解标注的内容；
2.了解切图的工作过程；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.标注哪些信息。
2.Markman（马克鳗）的使用方法。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第6章标注与切图
6.1标注
6.1.1标注工具介绍
6.1.2Markman（马克鳗）的使用方法
6.1.3标注哪些信息
6.1.4“UI社”APP项目“引导页”标注
6.1.5“UI社”APP项目“登录页”标注
6.1.6“UI社”APP项目“首页”标注
6.1.7“UI社”APP项目“教程列表页”标注
课时教学计划
教师姓名
时数
4
日期
班级
上课地点
课程（学习领域）名称
《UI设计》
章节
第6章标注与切图
单元主要教学内容
标注与切图
教学目标
能力（技能）目标
知识目标
素质目标
1.掌握标注工具Markman的使用方法；
2.掌握切图工具Cutterman的使用方法；
3.掌握点9切图的操作方法。
1.了解标注的内容；
2.了解切图的工作过程；
1.强烈敏锐的感受能力
2.对设计构想的表达能力
3.对作品的美学鉴定能力
能力训练任务
教材“课堂动手实践”
教学重点
教学难点
1.Cutterman的使用方法。
2.点9图。
教学方法、手段
多媒体教学
教学组织形式
讲解、示范、边讲边练
作业
备注
第6章标注与切图
6.2切图
6.2.1切图概述
6.2.2图片资源命名规范
6.2.3切图工具——Cutterman
6.2.4iOS平台与Android平台下的切图
6.2.5点9切图
6.3学习反思
升级会员 