移动端UI设计
出版时间:2017年版
内容简介
本书围绕UI 设计师岗位能力要求,在认真分析职业岗位需求和学生认知规律的基础上全面规划和组织内容,合理安排教学单元的顺序。全书共分为6 章,主要内容包括:移动端UI 设计概述;移动产品设计流程与用户体验;UI 界面设计原则与规范;UI 设计艺术表现;UI 元素设计;UI 设计实战。本书包含了大量精美的界面元素、APP 应用界面视觉设计的案例,利用较详细的布局规划、创意思维、配色方案、组件分析等来对案例的创作思路进行阐述,向读者介绍移动UI 视觉设计的创作技巧。本书主要适用于高等学校移动互联应用技术专业和艺术设计相关专业的学生,也可作为移动终端UI设计人员的入门用书。
目录
第1章 移动端UI设计概述
1.1 移动媒体 \t 2
1.2 UI设计 \t 2
1.2.1 UI的范畴 \t 2
1.2.2 移动端UI设计 \t 5
1.3 UI设计的历史与现状 \t 5
1.3.1 图形界面发展历史 \t 5
1.3.2 UI设计的方向 \t 16
第2章 移动产品设计流程与用户体验
2.1 移动产品开发设计的五个
层次 \t 20
2.1.1 战略层设计 \t 20
2.1.2 范围层设计 \t 21
2.1.3 结构层设计 \t 22
2.1.4 框架层设计 \t 22
2.1.5 表现层设计 \t 23
2.2 设计流程中的用户体验
设计 \t 23
2.2.1 用户体验概念 \t 23
2.2.2 用户体验价值 \t 24
2.2.3 用户体验模型 \t 24
2.2.4 用户体验引入工作
流程 \t 25
2.3 移动设计操作流程 \t 34
2.3.1 流程图 \t 34
2.3.2 移动设计阶段与分工 \t 36
第3章 UI界面设计原则与规范
3.1 UI界面设计原则 \t 42
3.1.1 一致性原则 \t 42
3.1.2 简洁性原则 \t 43
3.1.3 人性化原则 \t 44
3.2 UI界面设计规范 \t 44
3.2.1 界面尺寸及适配规范 \t 44
3.2.2 iOS界面设计规范 \t 47
第4章 UI设计艺术表现
4.1 UI视觉设计流程 \t 50
4.2 移动端UI视觉风格要素 \t 51
4.2.1 文字 \t 51
4.2.2 图形图像 \t 55
4.2.3 色彩 \t 56
4.2.4 版式 \t 57
4.3 UI设计风格与手法 \t 61
4.3.1 拟物化 \t 61
4.3.2 扁平化 \t 64
4.3.3 Material Design \t 65
4.3.4 绘画风格 \t 67
4.3.5 摄影风格 \t 69
4.4 UI色彩设计 \t 74
4.4.1 色彩基础知识 \t 74
4.4.2 UI色彩设计技巧 \t 76
4.4.3 UI色彩搭配方式 \t 77
第5章 UI元素设计
5.1 图标设计 \t 86
5.1.1 图标概述 \t 86
5.1.2 图标尺寸与类型 \t 86
5.1.3 图标隐喻设计 \t 87
5.1.4 图标设计过程 \t 89
5.2 UI控件设计 \t 92
5.2.1 UI控件概述 \t 92
5.2.2 UI常见控件 \t 92
5.2.3 UI控件质感设计 \t 109
第6章 UI设计实战
6.1 原型设计 \t 114
6.1.1 原型设计类型 \t 114
6.1.2 常用原型设计软件 \t 115
6.1.3 Axure RP实战操作 \t 118
6.2 界面实战制作 \t 133
6.2.1 常用界面制作软件 \t 133
6.2.2 实操案例 \t 134
6.3 设计资源 \t 146
6.3.1 字库资源 \t 146
6.3.2 图库资源 \t 146
6.3.3 交流论坛 \t 147
参考文献 149