《移动终端UI设计》教学大纲
一、课程简介
专业名称 课程代码 课程类型 教材名称 使用教材 移动终端UI设计 学分 总课时 版本时间 2020.4 理论课时 32 是否核心专业课 出版社 北京邮电大学出版社 课程性质 作者 迟晓曼 实践课时 32 主要考试/考核方式 主任审核 考试/作品 是 必修课 教材性质 高职教材 课时数 主要授课方式/地点 任课教师 课堂讲授与实训相结合/机房 日期 二、课程教学目标 1.知识目标
“移动终端UI设计”是计算机应用、多媒体技术、艺术设计等专业（平面设计方向）的专业核心课程，在实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。
2.能力目标
通过本课程的学习， 学生应该掌握软件的基本操作，并初步具备UI界面设计能力。课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的手机界面设计的制作能力，使学生了解当今界面设计制作的基本知识。
3.素质目标
通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。
（1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识； （2）具有胜任设计工作的良好的业务素质和身心素质； （3）具有运用所学知识分析和解决问题的能力；
（4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。 （5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。
三、课程学时分配 序号 1 2 3 4 5 6 7 UI图标设计 滑块设计 按钮设计 表单控件设计 APP导航设计 移动端界面设计 教学内容 移动终端UI设计概述 理论学时 4 8 8 8 8 8 6 8 9 APP综合设计实例 切图与标注 总计 8 6 四、教学内容与教学目标
模块1 移动终端UI设计概述
1.教学目录
1.1 什么是UI设计
1.1.1 UI设计的概念 1.1.2 UI设计的分类 1.1.3 UI设计师技能要求 1.2 什么是移动终端
1.2.1 移动终端的概念 1.2.2 智能手机
1.2.3 PDA智能终端 1.2.4 平板电脑 1.2.5 车载智能终端 1.2.6 可穿戴设备 1.3 什么是APP设计
1.3.1 APP设计的概念 1.3.2 APP的分类
1.3.3 APP界面的构成元素 1.3.4 APP的设计流程 1.4 移动设备屏幕 1.4.1 英寸 1.4.2 像素 1.4.3 分辨率
1.4.4 网点密度与像素密度 1.4.5 视网膜屏幕
1.5 智能手机操作系统规范 1.5.1 iOS系统 1.5.2 Android系统 课后提升 2.教学目标
（1）了解UI设计的概念、UI设计分类及移动终端UI设计的理念。 （2）熟悉移动终端应用领域，掌握各种应用类型APP的应用环境。 （3）掌握APP界面基本构成，了解构成元素及UI设计流程与规范。
模块2 UI图标设计
1.教学目录
2.1 图标设计知识准备 2.1.1 APP图标的特点 2.1.2 APP图标设计流程 2.1.3 APP图标设计方法
2.1.4 iOS图标规范 2.1.5 Android图标规范 2.2 线性图标
2.2.1 认识线性图标
2.2.2 线性图标的制作方法 2.2.3 制作线性图标 2.3 剪影类图标
2.3.1 认识剪影类图标 2.3.2 剪影类图标绘制标准 2.3.3 制作剪影类图标 2.4 扁平化与长阴影类图标 2.4.1 认知扁平化与长阴影 2.4.2 扁平化风格设计分析
2.4.3 制作扁平化与长阴影类图标 2.5 拟物化图标
2.5.1 认知拟物化图标
2.5.2 拟物化图标的构建流程 2.5.3 制作拟物化图标 课后提升 2.教学目标
（1）掌握图标设计的基本设计原则，能够完成图标设计和制作。
（2）掌握线性图标、剪影类图标、扁平化与长阴影累图标、拟物化图标的设计风格特点，能够设计不同风格的图标。
（3）了解移动设备中图标的参数规范，能够制作符合规范的图标。
模块3 滑块设计
1.教学目录
3.1 滑块设计基础知识 3.1.1 滑块的构成要素 3.1.2 滑块的类型 3.1.3 滑块的设计策略 3.2 音量调节滑块设计
3.2.1 音量调节滑块设计要求 3.2.2 音量调节滑块设计思路剖析 3.2.3 音量调节滑块设计实现步骤 3.3 极简风格滑块设计
3.3.1 极简风格滑块设计要求 3.3.2 极简风格滑块设计思路剖析 3.3.3 极简风格滑块设计实现步骤 课后提升 2.教学目标
（1）掌握滑块设计的概念，了解UI设计中滑块设计的应用和设计理念。 （2）熟悉滑块设计在软件中的应用领域，掌握滑块设计的基础知识。 （3）了解滑块设计的类型及设计要点。
（4）掌握滑块设计的基本原理，能够完成滑块的设计与制作。
模块4 按钮设计
1.教学目录
4.1 按钮设计基础知识 4.1.1 按钮的不同状态 4.1.2 按钮设计技巧 4.2 色块按钮设计
4.2.1 色块按钮设计要求 4.2.2 色块按钮设计思路剖析 4.2.3 色块按钮设计实现步骤 4.3 渐变质感按钮设计
4.3.1 渐变质感按钮设计要求 4.3.2 渐变质感按钮设计思路剖析 4.3.3 渐变质感按钮设计实现步骤 4.4 水晶按钮设计
4.4.1 水晶按钮设计要求 4.4.2 水晶按钮设计思路剖析 4.4.3 水晶按钮设计实现步骤 课后提升 2.教学目标
（1）认识按钮设计的概念，了解UI设计中按钮设计的地位。 （2）掌握按钮设计的基本原理，能够完成按钮设计工作。
（3）掌握按钮设计方法，能利用软件按要求绘制出精美的按钮作品。
模块5 表单控件设计
1.教学目录
5.1 表单控件设计的基础知识 5.1.1 认识表单控件 5.1.2 表单控件设计原则 5.1.3 表单控件设计方法 5.2 下拉列表框设计
5.2.1 下拉列表框设计要求 5.2.2 下拉列表框设计思路剖析 5.2.3 下拉列表框设计实现步骤 5.3 搜索框设计
5.3.1 搜索框设计要求 5.3.2 搜索框设计思路剖析 5.3.3 渐变样式搜索框实现步骤 5.3.4 图标式搜索框实现步骤 课后提升 2.教学目标
（1）了解表单控件设计的概念，了解UI设计中表单控件的设计理念。 （2）利用绘制表格的方式在界面中添加文本框、编辑框、列表框、组合框和微件。
（3）了解表单控件设计的构成元素，并能熟练绘制APP应用界面中的表单控件设计样式界面。
模块6 APP导航设计
1.教学目录
6.1 APP导航模式 6.2 标签式导航设计
6.2.1 标签式导航设计要求 6.2.2 标签式导航设计思路剖析 6.2.3 彩色标签式导航设计实现步骤 6.3 宫格式导航设计
6.3.1 宫格式导航设计要求 6.3.2 宫格式导航设计思路剖析 6.3.3 宫格式导航设计实现步骤 6.4 陈列式导航设计
6.4.1 陈列式导航设计要求 6.4.2 陈列式导航设计思路剖析
6.4.3 微信界面列表式导航设计实现步骤 课后提升 2.教学目标
（1）了解APP导航的样式及其应用的场景。
（2）掌握标签式导航、宫格式导航、列表式导航的设计方法。
模块7 移动端界面设计
1.教学目录
7.1 常见的移动端界面
7.1.1 常见移动端界面类型 7.1.2 UI界面设计风格 7.2 打造一款炫酷风格的界面 7.2.1 绘制基础图形 7.2.2 制作炫色
7.2.3 添加文字和图标 7.2.4 处理细节
7.3 制作一款渐变风格的界面 7.3.1 规范布局 7.3.2 制作渐变插画 7.3.3 制作天气信息 7.3.4 制作状态栏 课后提升 2.教学目标
（1）了解移动终端界面的常见类型及每种类型的特点。 （2）熟悉移动终端UI界面设计的常见风格。 （3）学会炫酷移动终端关界面设计。 （4）学会渐变移动终端界面设计。
模块8 APP综合设计实例
1.教学目录
8.1 美食APP设计
8.1.1 整体设计规划 8.1.2 确定配色方案 8.1.3 定义元素风格 8.1.4 制作流程 8.2 流量银行APP设计 8.2.1 整体设计规划 8.2.2 确定配色方案 8.2.3 定义元素风格 8.2.4 制作流程 课后提升 2.教学目标
（1）掌握美食类APP设计的策略与技巧。 （2）掌握流量银行类APP设计的策略与技巧。
（3）通过美食类和流量银行类APP的综合实例训练，能举一反三、触类旁通，学会其他各种类型APP的设计与制作。
模块9 切图与标注
1.教学目录
9.1 切图工具和标注工具
9.1.1 Cutterman切图工具
9.1.2 Assistor PS切图标记软件 9.1.3 PxCook工具 9.2 切图
9.2.1 APP切图命名规范 9.2.2 切图注意事项 9.2.3 通用切图法
9.2.4 Android点九切图法 9.3 标注
9.3.1 了解标注 9.3.2 编辑制作标注
9.4 为一款APP首页页面切图 9.4.1 切图分析 9.4.2 切图实战 课后提升 2.教学目标
（1）了解切图工具、标注工具的类型、特点及使用方法。 （2）熟练掌握在UI设计中切图的策略、方法和技巧。 （3）熟练掌握在UI设计中制作标注的策略、方法和技巧。 五、课程考核
（1）平时成绩考核办法：结合平时作业和纪律情况评定成绩。以量化为准，具体衡量指标为平时作业的完成态度、次数和质量，上课听讲、发言以及给老师提教学意见等教学过程中学生的学习情况。
（2）期末成绩考核办法：以考试作品成绩为准，所考内容以平时项目为中心，综合考查学生的实际视觉与交互设计能力。
项目 平时考核 期末考试 六、教材
迟晓曼.移动终端UI设计. 北京：北京邮电大学出版社，2020.
内容 考勤 平时作业 作品 项目所占比例 20% 50% 30% 所占综合成绩比例 70% 30% 综合成绩
