移动UI设计项目化实战教程

本书采用项目导向、任务驱动的模式进行编写，突破了传统的教学模式，在充分汲取本课程教学改革的成果及作者多年教学与实践经验的基础上，以案例教学和项目制作流程为课程导向，以移动UI设计的具体应用为学习目标，系统地介绍了移动UI设计的基本知识和设计技巧。本书内容由浅入深、通俗易懂、实例丰富、图文并茂、直观生动、可操作性强，较好地做到了理论与实践的统一、内容与形式的一致。本书内容包括7个项目，分别为App界面设计概述、色彩在移动设备UI中的应用、移动UI中的常用元素设计、UI元素的组合应用、电商购物类App界面设计、《垃圾分类小能手》游戏界面设计、《病毒消消乐》游戏界面设计。在每个项目中以典型工作任务或实际产品开发为载体，介绍并应用移动UI设计的知识点，使学生掌握所需的基本理论和技能。本书可以作为本科院校、高职高专院校中移动UI设计相关课程的教材，也可以作为广大UI设计人员的参考用书。

项目1 App UI设计概述 1
1.1 UI设计的基本概念及分类 1
1.1.1 UI设计的基本概念 1
1.1.2 UI设计的分类 1
1.2 App UI设计的要素及布局方式 4
1.2.1 App UI设计的要素 4
1.2.2 App UI设计的布局方式 13
1.3 App UI设计的流程 15
1.4 App UI设计的原则 16
1.5 App UI设计的尺寸标准 17
1.5.1 设计尺寸标准和规范 17
1.5.2 平台 17
1.5.3 单位尺寸 17
1.5.4 iOS 平台的尺寸标准 18
1.5.5 Android 平台的尺寸标准 20
1.5.6 HarmonyOS 平台的尺寸标准 20
1.6 常用的UI设计工具 22
1.6.1 Adobe Photoshop 22
1.6.2 Adobe Illustrator 24
1.6.3 数位板 24
1.6.4 数码相机 25
1.7 智能手机操作系统介绍 26
1.7.1 HarmonyOS 26
1.7.2 iOS 29
1.7.3 Android 31
习 题 33
项目2 色彩在移动设备UI中的应用 34
2.1 色彩的基本知识 34
2.2 色彩的组成 35
2.3 色彩的对比 36
2.4 色彩的调和 39
2.5 色调的变化 42
2.6 移动端UI色彩搭配的原则 42
2.6.1 UI三色搭配原则 42
2.6.2 色彩搭配的注意事项 43
2.6.3 UI设计的配色技巧 43
习 题 44
项目3 移动UI中的常用元素设计 45
3.1 图标概述 45
3.1.1 图标设计流程 46
3.1.2 图标设计原则 46
3.2 任务1 创意线性图标的设计 49
3.2.1 任务描述 49
3.2.2 思路剖析 50
3.2.3 任务实现 50
3.3 任务2 扁平化风格图标的设计 51
3.3.1 任务描述 52
3.3.2 思路剖析 52
3.3.3 任务实现 52
3.4 任务3 MBE 风格图标的设计 53
3.4.1 任务描述 54
3.4.2 思路剖析 54
3.4.3 任务实现 55
3.5 任务4 线性渐变图标设计 58
3.5.1 任务描述 59
3.5.2 思路剖析 59
3.5.3 任务实现 60
习题 66
……