《移动终端UI设计》教学大纲

1、移动终端UI设计教学大纲、课程简介专业名称是否核心专业课是课程代码课程类型课程性质必修课使用教材教材名称版本时间出版社作者教材性质移动终端UI设计2020.4北京邮电大 学出版社迟晓曼高职教材课时数学分总课时理论课时实践课时643232主要授课方式/地点课堂讲授与实训相结合/机房主要考试/考核方式考试/作品任课教师日期主任审核二、课程教学目标1 .知识目标“移动终端 UI设计”是计算机应用、多媒体技术、艺术设计等专业(平面设计方向) 的专业核心课程，在实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。通过对本课程的学习，使学生从心理学、人机工程学、设计艺

2、术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。2 .能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备UI界面设计能力。课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性， 其主要任务是培养学生的手机界面设计的制作能力，使学生了解当今界面设计制作的基本知识。3 .素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃 苦精神和激发学生的创造能力的方法和手段。(1)具有热爱所学专业、爱岗敬业的精神和强烈的法律意识；(2)具有胜任设计工作的良好的业务素质和身心素质；(3)具有运用所学知识分析和解

3、决问题的能力；(4)具有自学能力、获取信息的能力，以及一定的组织、管理能力。(5)培养学生的团结合作能力； 运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。三、课程学时分配序号教学内容理论学时1移动终端UI设计概述42UI图标设计83滑块设计84按钮设计85表单控件设计86APP导航设计87移动端界面设计68APP综合设计实例89切图与标注6总计64四、教学内容与教学目标模块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

4、 智能手机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)

5、掌握APP界面基本构成，了解构成元素及UI设计流程与规范。模块2 UI图标设计1 .教学目录1.1 图标设计知识准备1.1.1 APP图标的特点1.1.2 APP图标设计流程1.1.3 APP图标设计方法1.1.4 iOS 图标规范1.1.5 Android 图标规范1.2 线性图标1.2.1 认识线性图标1.2.2 线性图标的制作方法1.2.3 制作线性图标1.3 剪影类图标1.3.1 认识剪影类图标1.3.2 剪影类图标绘制标准1.3.3 制作剪影类图标1.4 扁平化与长阴影类图标1.4.1 认知扁平化与长阴影1.4.2 扁平化风格设计分析1.4.3 制作扁平化与长阴影类图标1.5 拟物化

6、图标1.5.1 认知拟物化图标1.5.2 拟物化图标的构建流程1.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 音量调节滑块设计实现步

7、骤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 色块按钮设计实现步骤

8、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 下拉列

9、表框设计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） 1）了解表单控件设计的概念，了解UI 设计中表单控件的设计理念。2） 2） 利用绘制表格的方式在界面中添加文本框、编辑框、 列表框、 组合框和微调控件。3） 了解表单控件设计的构成元素， 并能熟练绘制 APP 应用界面中的表单控件设计样式界面。模块 6 APP 导航设计1 .教学目录1.1 APP 导航模式1.2 标签式导航设

10、计1.2.1 标签式导航设计要求1.2.2 标签式导航设计思路剖析1.2.3 彩色标签式导航设计实现步骤1.3 宫格式导航设计1.3.1 宫格式导航设计要求1.3.2 宫格式导航设计思路剖析1.3.3 宫格式导航设计实现步骤1.4 陈列式导航设计1.4.1 陈列式导航设计要求1.4.2 陈列式导航设计思路剖析1.4.3 微信界面列表式导航设计实现步骤课后提升2 .教学目标（ 1）了解 APP 导航的样式及其应用的场景。（ 2）掌握标签式导航、宫格式导航、列表式导航的设计方法。模块 7 移动端界面设计1.教学目录7.1 常见的移动端界面7.1.1 常见移动端界面类型7.1.2 UI 界面设计风格

11、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 .教学目录1.1 美食 APP 设计1.1.1 整体设计规划1.1.2 确定配色方案1.1.3 定义元素风格1.1.4 制作流程1.2 流

12、量银行 APP 设计1.2.1 整体设计规划1.2.2 确定配色方案1.2.3 定义元素风格1.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)平时成绩考核办法：结合平时作业和纪律情况评定成绩。以量化为