目录
第1章 UI界面设计基础 1
1.1 UI设计相关基本概念 2
1.1.1 什么是UI设计 2
1.1.2 什么是WUI与GUI 3
1.1.3 WUI与GUI的区别 4
1.1.4 什么是APP/客户端 6
1.2 UI设计的流程与方法 9
1.2.1 UI设计的团队 9
1.2.2 UI设计项目流程步骤 9
1.2.3 UI界面设计的流程 11
1.2.4 低保真，中保真，高保真原型 14
1.3 UI设计的原则 16
1.4 UI界面设计风格 17
1.4.1 拟物风格 17
1.4.2 扁平风格 23
1.4.3 渐变风格 29
1.5 UI设计色彩搭配 32
1.5.1 色彩的基础知识 32
1.5.2 UI色彩搭配原则 40
1.6 设备尺寸标准一览 44
1.6.1 iOS尺寸规范 44
1.6.2 iPad尺寸规范 45
1.6.3 Android界面尺寸 47


第2章 UI控件 50
2.1 UI控件概述 51
2.1.1 什么是控件 51
2.1.2 控件的应用 51
2.1.3 控件的创建 52
2.2 UI控件三要素 52
2.3 常用基本UI控件 54
2.3.1 iOS常用基本UI控件 54
2.3.2 Android常用基本UI控件 55
2.3.3 Windows RT常用基本UI控件 56
2.3.4 Web常用基本UI控件 56
2.4 UI控件设计规范 57
2.4.1 一致性 57
2.4.2 准确性 59
2.4.3 布局合理化 59
2.4.4 操作合理性 61
2.4.5 响应时间 61
2.5 基本UI控件图形分类 63
2.5.1 圆形控件 63
2.5.2 方形控件 63
2.5.3 圆角控件 64


第3章 UI图标设计 66
3.1 图标设计的意义 67
3.1.1 图标的变迁 67
3.1.2 图标的要素 68
3.1.3 图标的作用 68
3.2 图标设计的历史 69
3.3 UI图标的分类 71
3.3.1 功能分类 71
3.3.2 设计风格分类 71
3.4 UI图标设计的七大原则 73
3.4.1 可识别性 73
3.4.2 差异性 75
3.4.3 统一性 78
3.4.4 与环境协调性 79
3.4.5 情感性 80
3.4.6 美观性 81
3.4.7 原创性 81
3.5 图标设计步骤 82


第4章 UI界面按钮导航设计 86
4.1 按钮设计10大准则 87
4.2 按钮设计技巧 93
4.2.1 按钮设计发展演变 94
4.2.2 基本最佳实践 98
4.3 导航的概念 102
4.4 导航设计的方法与技巧 103
4.4.1 网页导航设计方法与技巧 103
4.4.2 APP导航设计的九种样式 108


第5章 登录界面设计 123
5.1 登录界面的基本概念 124
5.2 登录界面的基本原则 124
5.2.1 注意美观 124
5.2.2 允许邮箱（手机号）登录或者第三方登录 126
5.2.3 给予用户必要的预判性错误提示 129
5.2.4 多用户登录时的备选方案 130
5.2.5 找回密码的链接 131
5.3 登录界面的设计技巧 133
5.3.1 网页登录界面设计思路 133
5.3.2 APP登录界面设计思路 138
5.3.3 UI登录界面设计技巧 142


第6章 手机界面设计 149
6.1 以用户为中心的手机界面设计 150
6.1.1 手机界面设计原则 150
6.1.2 APP界面设计规范 154
6.2 手机界面的一致性和个性化 156
6.2.1 一致性 156
6.2.2 个性化 158
6.3 手机界面的视觉设计效果 162
6.4 手机界面的设计技巧 165
6.4.1 CRAP设计原则 167
6.5 APP布局技巧 169


第7章 iOS系统及其组件设计 178
7.1 iOS系统的发展及其特点 179
7.2 iOS 10设计的原则及规范 186
7.2.1 iOS 10设计原则 186
7.2.2 iOS 10界面尺寸规范 188
7.2.3 字体规范 189
7.3 用PS工具设计iOS界面 192


第8章 Android系统及其组件设计 195
8.1 Android系统的发展及其特点 196
8.1.1 Android发展界面变化 196
8.1.2 Android Material design 202
8.1.3 Android 8.0概念设计 209
8.2 Android设计规范 211
8.2.1 尺寸规范 211
8.2.2 字体规范 213
8.3 PS工具设计Android界面 214


第9章 WP系统及其组件设计 218
9.1 WP系统的发展及其特点 219
9.1.1 WP系统的发展 219
9.1.2 Metro Design设计风格 223
9.2 WP设计风格技巧及规范 227
9.2.1 界面设计技巧 227
9.2.2 字体规范 230
9.2.3 独特的Panorama 231


第10章 网页界面设计 234
10.1 网页的基本概念 235
10.1.1 什么是网页设计 235
10.1.2 网页设计要点 236
10.1.3 响应式与自适应 237
10.2 网页界面设计分类 240
10.2.1 功能分类 240
10.2.2 风格分类 242
10.3 网页界面常见布局 245
10.3.1 网页常见布局形式 245
10.3.2 企业网页设计常见布局 247
10.4 网页界面构成元素 260
10.5 网页界面设计原则 263
10.6 网页界面常规规范 264
第11章 电商视觉设计 268
11.1 电商视觉设计基本概念 269
11.2 电商界面设计点线面使用 271
11.2.1 点的实际运用 272
11.2.2 线的实际运用 275
11.2.3 面的实际应用 277
11.3 电商界面设计配色运用 279
11.4 电商页面文字运用 284
11.4.1 文字排版 284
11.4.2 常用文字效果 291
11.5 电商界面设计 296
11.5.1 首页设计思路 296
11.5.2 首页布局技巧 298
11.5.3 店招设计及淘宝后台设计 302
11.5.4 详情页面及关联页面设计技巧 308
11.5.5 Banner设计技巧 312


第12章 软件界面设计 315
12.1 软件界面设计的基本概念 316
12.1.1 软件界面设计的作用 317
12.1.2 软件界面设计的重点 317
12.2 软件界面分析 318
12.2.1 功能 318
12.2.2 情感 319
12.2.3 环境 319
12.3 软件界面设计的评判标准 320
12.4 软件界面设计的原则 324


第13章 播放器界面设计 327
13.1 注重人性化的设计 328
13.2 播放器界面设计原则 329
13.2.1 统一性 329
13.2.2 创意性 329
13.2.3 视觉冲击力 330
13.3 播放器界面设计技巧 331


第14章 UI设计标注 336
14.1 UI标注常用工具介绍 337
14.2 标注插件工具使用方法 339
14.2.1 Assistor PS 339
14.2.2 界面常用标注 343


第15章 UI设计切片 346
15.1 PS切片技巧 347
15.2 切片输出格式 357
15.3 切片倍图介绍 358
15.4 UI切片插件工具 359
15.4.1 Cutterman 359
15.4.2 Assistor PS 362


第16章 UI设计文件整理规范 365
16.1 命名规范 366
16.2 常用命名英语介绍 367
16.3 归纳类别 370