项目1　认识UI设计
1.1　相关知识 2
1.1.1　UI设计的概念 2
1.1.2　UI设计分类 3
1.1.3　UI设计师简介 4
1.1.4　UI设计的发展趋势 5
1.1.5　UI设计基础 6
1.2　项目小结 16
1.3　课后习题 16

项目2　设计“伴游”App图标
2.1　任务导入 18
2.2　相关知识 18
2.2.1　图标的概念 18
2.2.2　图标的设计规范 19
2.2.3　图标的风格类型 20
2.2.4　图标网格 22
2.3　任务实施 23
2.3.1　思路解析 23
2.3.2　应用图标的设计与制作 23
2.3.3　面性“首页”图标的设计与制作 31
2.3.4　渐变“攻略”图标的设计与制作 36
2.4　创意设计实践 46
2.5　项目小结 48
2.6　课后习题 48

项目3　设计“伴游”
App主界面和登录界面
3.1　任务导入 50
3.2　相关知识 50
3.2.1　主界面中的主要元素 50
3.2.2　App产品原型 57
3.2.3　标注 60
3.2.4　卡片式设计 60
3.3　任务实施 61
3.3.1　主界面设计思路解析 61
3.3.2　主界面的设计与制作 62
3.3.3　登录界面设计思路解析 67
3.3.4　登录界面的设计与制作 68
3.4　创意设计实践 70
3.5　项目小结 72
3.6　课后习题 72

项目4　设计“伴游”App引导页界面
4.1 任务导入 74
4.2 相关知识 74
4.2.1　引导页的分类 74
4.2.2　引导页界面的表现方式 76
4.2.3　UI设计中的MBE风格 78
4.3 任务实施 79
4.3.1　引导页界面设计思路解析 79
4.3.2　引导页界面的设计与制作 79
4.4 创意设计实践 88
4.5 项目小结 89
4.6 课后习题 89

项目5　设计“伴游”App
搜索列表页和详情页界面
5.1 任务导入 91
5.2 相关知识 92
5.2.1　了解搜索列表页和详情页 92
5.2.2　详情页界面版面布局 92
5.2.3　字体规范 93
5.3 任务实施 94
5.3.1　搜索列表页界面设计思路解析 94
5.3.2　搜索列表页界面的设计与制作 95
5.3.3　详情页界面设计思路解析 102
5.3.4　详情页界面的设计与制作 103
5.4 创意设计实践 108
5.5 项目小结 109
5.6 课后习题 109

项目6　设计“伴游”App个人中心页界面
6.1 任务导入 111
6.2 相关知识 111
6.2.1　了解个人中心页 111
6.2.2　个人中心页界面的组成 112
6.2.3　界面中的色彩系统 112
6.3 任务实施 114
6.3.1　个人中心页界面设计思路解析 114
6.3.2　个人中心页界面的设计与制作 115
6.3.3　设置页界面的设计与制作 119
6.4 创意设计实践 122
6.5 项目小结 123
6.6 课后习题 123

项目7　设计“伴游”网页端首页界面
7.1 任务导入 125
7.2 相关知识 126
7.2.1　网页界面设计的概念 126
7.2.2　网页界面设计的流程 126
7.2.3　栅格系统 127
7.3 任务实施 130
7.3.1　网页端首页界面设计思路解析 130
7.3.2　网页端首页界面的设计与制作 131
7.4 创意设计实践 138
7.5 项目小结 139
7.6 课后习题 140

项目8　设计“伴游”网页端搜索列表页和详情页界面
8.1 任务导入 142
8.2 相关知识 143
8.2.1　常用网页界面的类型 143
8.2.2　常见的网页界面布局方式 144
8.3 任务实施 147

8.3.1　网页端搜索列表页界面设计思路解析 147
8.3.2　网页端搜索列表页界面的设计与制作 148
8.3.3　网页端详情页界面设计思路解析 153
8.3.4　网页端详情页界面的设计与制作 154
8.4 创意设计实践 168
8.5 项目小结 169
8.6 课后习题 169

项目9　设计“伴游”网页端个人中心订单页和下载页界面
9.1 任务导入 171
9.2 相关知识 172
9.2.1　网页界面设计规范 172
9.2.2　了解下载页 174
9.3 任务实施 175
9.3.1 网页端个人中心订单页界面设计思路解析 175
9.3.2　网页端个人中心订单页界面的设计与制作 176
9.3.3　网页端下载页界面设计思路解析 179
9.3.4　网页端下载页界面的设计与制作 179
9.4 创意设计实践 182
9.5 项目小结 182
9.6 课后习题 182