本书由有着多年丰富UI设计经验的作者精心编写，全实例图文并茂的详细阐述，系统地讲解在UI设计中的实例应用内容。本书从开启设计之窗开始，首先讲解最基础的UI设计知识，让读者掌握UI设计原理，再讲解UI设计中的元素制作方法以及应用，直到后面的案例设计的实战练习，还有最后附送的实用精品参考荟萃，让读者不但学会UI设计，还懂得何谓UI设计，所谓“授人以鱼不如授人以渔”。此外，对UI设计中的各种流行设计风格做了细致的讲解，一旦拥有此书，你可以轻松快速地学会UI设计。

汇集作者在手机APP界面设计的丰富经验，详细讲解APP手机界面设计知识，从写实到新潮，从质感到流行，从图标到整体商业案例系统。
全程多媒体跟踪高清语音讲解，，手把手教您APP界面创意设计，帮您轻松打开手机APP界面设计这扇窗，快速成为手机APP界面设计领域里的“大牛”。

随着移动智能设备的普及，从安卓系统的智能手机到苹果公司iOS的智能设备，以及快速发展的Windows Phone智能手机系统，正飞速地改变人们的生活方式。在这些智能设备中都有一个共同的特点，大多是将繁琐的实体按键操作改为全触摸屏式操作。APP界面设计伴随着智能设备的高速发展被越来越多的人所青睐，屏幕大了，功能变多了，对APP界面设计的要求也越来越高了，APP界面设计不仅仅是在满足追求时髦的人的手机炫酷，也成为企业宣传服务的一把利刃。鉴于此，APP应用公司也越来越重视界面设计的个性化、时尚化与服务化。
本书汇集作者在手机APP界面设计的丰富经验，详细讲解APP手机界面设计知识，从写实到新潮，从质感到流行，从图标到整体商业案例系统，手把手教您APP界面创意设计，帮您轻松打开手机APP界面设计这扇窗，自由自在地翱翔在手机APP界面设计的蓝天上。
通过阅读本书，读者可以快速了解到以下内容：
快速认识并了解UI界面设计
学会制作常见的登录页和登录框
学会制作写实APP图标
快速掌握iOS新潮扁平风的设计技法
学会质感APP的表现手法
熟练制作流行风图标的方法
掌握真正的手机APP界面商业案例设计的技巧
本书采用最新版Photoshop CC制作和讲解，让您在第一时间领略Photoshop最新版本的精彩之处。同时本书并不局限于软件版本，同样适合于CS、CS2、CS3、CS4、CS5、CS6版本，所以读者完全不用担心会被软件版本所困扰。
本书特色如下所示：
1．从简单到复杂、从基础到专业、从理论到实践，从写实、质感、扁平风到简约流行风再到商业案例实战，一步一步教读者认识手机APP界面设计知识的同时，掌握真正的设计精髓。
2．在讲解过程中会加入相关内容提示，让大家在学习的过程中能够避免犯下小错误的同时将学习到的知识举一反三。
3．更加贴近读者的生活，在本书的讲解中大量采用了生活中常见到的界面设计风格，并追随最前沿的设计潮流，启发设计灵感，让读者在设计过程中收获的更多、掌握更多。
4．较强的实用性与理论性的完美结合，本书的实例都列出了详细的制作过程和理论知识，无论是刚接触设计的菜鸟还是已经熟练掌握设计软件的大鸟都可以快速入门并上手。
本书主要由王巧伶编写，张四海、余昊、贺容、王英杰、崔鹏、桑晓洁、王世迪、吕保成、蔡桢桢、王红启、胡瑞芳、王翠花、夏红军、李慧娟、杨树奇、陈家文、王香、杨曼、马玉旋、张田田、谢颂伟、张英、石珍珍、陈志祥也参与了本书的编写。由于时间仓促，水平所限，错误在所难免，敬请希望广大读者批评指正。

编 者
2014年3月

计算机\Web设计

设计领域深似海，设计在我们的生活中无处不在，随着智能设备的快速发展，如今掀起了一股UI设计风，越来越多的人们从事UI设计，使这个新兴的设计行业变得越来越多彩，本书教会你如何从事UI设计，如何让你的UI设计更加规范，更加与众不同，更加有特色，通过阅读本书，你将真正掌握并吸收UI设计中最精华的部分，快速地成为UI设计领域里的“大牛”！
本书最大的特点是将理论和实际紧密结合，实例丰富、图文并茂，讲解详尽、实践性强，特别适合智能手机UI界面设计的初学者，可作为平面设计师和智能手机APP开发人员的参考用书，也可以作为社会培训学校、大中专院校相关专业的教学参考书或上机实践指导用书。

王巧伶 等编著：暂无简介

第1章 开启界面设计这扇窗 1
1.1 手机UI设计相关基本概念 2
1.2 智能手机操作系统有哪些 3
1.3 UI界面设计常用的软件 5
1.4 屏幕尺寸相关的术语和概念 7
1.5 界面设计常见图标格式 9
1.6 低保真与高保真原型设计 10
1.7 色彩基础知识 12
1.8 界面设计配色秘笈 22
第2章 经典登录页和登录框 28
2.1 会员登录页 29
2.1.1　制作背景 29
2.1.2　绘制主界面 31
2.1.3　制作细节 33
2.1.4　绘制文本框 35
2.2 旅游名片界面 38
2.2.1　制作背景 39
2.2.2　绘制界面 40
2.2.3　添加素材并调色 42
2.2.4　添加界面元素 45
2.3 盒子登录界面 47
2.3.1　制作背景 48
2.3.2　定义图案 49
2.3.3　绘制界面 50
2.4 通信应用界面 55
2.4.1　制作背景 55
2.4.2　添加元素 59
2.5 酷黑登录页 61
2.5.1　制作背景 62
2.5.2　绘制界面 63
2.5.3　绘制文本框 65
2.6 社交应用登录框 67
2.6.1　制作背景 68
2.6.2　绘制界面 69
2.7 电话呼叫界面 73
2.7.1　制作背景 73
2.7.2　定义图案 75
2.7.3　绘制界面元素 78
第3章 炫酷写实风格表现APP 86
3.1 致炫光盘 87
3.1.1　制作背景 87
3.1.2　绘制图形 89
3.1.3　制作质感 90
3.1.4　制作细节 92
3.1.5　制作阴影 95
3.2 纸质办公档案袋 96
3.2.1　制作背景 96
3.2.2　绘制袋子 97
3.2.3　制作细节 100
3.2.4　定义图案 104
3.3 写实专辑包装 111
3.3.1　制作背景 111
3.3.2　制作封面 113
3.3.3　绘制光盘 115
3.3.4　制作质感 117
3.3.5　制作封口细节 118
3.4 书香记事夹 122
3.4.1　制作背景 123
3.4.2　绘制木板 124
3.4.3　添加纹理 124
3.4.4　绘制折痕 128
3.4.5　绘制夹子 133
3.5 家居插板 135
3.5.1　制作背景 135
3.5.2　绘制图形 137
3.5.3　制作图形元素 139
3.6 陶瓷茶杯 143
3.6.1　制作背景 144
3.6.2　制作阴影 145
3.6.3　绘制盘子 146
3.6.4　绘制茶水 149
3.6.5　制作茶水高光 150
3.6.6　制作手柄 152
3.6.7　绘制茶叶 153
3.7 写实质感开关 153
3.7.1　制作背景 154
3.7.2　制作细节 158
3.8 品质音量旋钮 167
3.8.1　制作背景 168
3.8.2　绘制图形 169
3.8.3　制作阴影 172
3.8.4　添加装饰元素 174
第4章 iOS前沿新潮扁平风 178
4.1 扁平相机图标 179
4.1.1　制作背景 179
4.1.2　绘制图标 180
4.1.3　添加装饰 182
4.1.4　绘制镜头 184
4.2 扁平铅笔图标 187
4.2.1　绘制图标 188
4.2.2　变换图形 189
4.2.3　绘制细节 190
4.2.4　制作阴影 192
4.3 指南针图标 195
4.3.1　绘制图标 195
4.3.2　制作阴影 199
4.3.3　制作倒影 203
4.4 定位图标 206
4.4.1　制作背景 207
4.4.2　绘制图标 208
4.5 微信图标 212
4.5.1　制作背景 212
4.5.2　绘制图标 213
4.6 天气Widget 216
4.6.1　制作背景 217
4.6.2　绘制界面 218
4.6.3　制作界面元素 219
4.7 对话图标 222
4.7.1　制作背景 222
4.7.2　绘制图标 224
4.7.3　制作高光 227
4.7.4　制作细节 229
4.8 盘子图标 231
4.8.1　制作背景 232
4.8.2　绘制盘子 233
第5章 APP纯美传奇质感表现 235
5.1 塑胶质感U盘 236
5.1.1　绘制图标 236
5.1.2　制作图标细节 239
5.2 金属质感系统 243
5.2.1　制作背景 244
5.2.2　绘制图标 245
5.2.3　制作质感 245
5.2.4　定义图案 249
5.2.5　制作图标元素 250
5.3 白金质感开关按钮 252
5.3.1　制作背景 253
5.3.2　绘制图标 254
5.3.3　制作图标元素 257
5.3.4　定义图案 258
5.3.5　制作控件 261
5.4 塑料质感插座 263
5.4.1　制作背景 264
5.4.2　制作阴影 265
5.4.3　制作图标 267
5.4.4　制作插孔 271
5.5 拉丝质感开关 274
5.5.1　制作背景并绘制图标 274
5.5.2　制作细节 277
5.6 糖果质感闪电图标 279
5.6.1　制作背景 280
5.6.2　绘制图形 281
5.6.3　制作阴影 282
5.6.4　添加质感 283
5.7 鎏金质感指南针 285
5.7.1　制作背景 286
5.7.2　绘制图形 287
5.7.3　添加图形元素 292
5.7.4　制作光影 296
第6章 简约流行风图标 299
6.1 脚丫图标 300
6.1.1　制作背景 300
6.1.2　制作图标 302
6.2 电话图标 304
6.2.1　制作背景 305
6.2.2　绘制图标 307
6.2.3　制作图标元素 308
6.3 相机和计算器图标 312
6.3.1　制作背景并绘制图标 313
6.3.2　制作细节 315
6.3.3　绘制镜头 317
6.3.4　绘制计算器图标 318
6.3.5　制作图标元素 320
6.3.6　制作细节 322
6.4 音乐图标 325
6.4.1　制作背景 326
6.4.2　制作图标 328
6.4.3　制作立体效果 329
6.4.4　添加装饰图形元素 331
第7章 商业案例实战 334
7.1 卓云安全大师界面 335
7.1.1　欢迎页面 336
7.1.2　功能页面 340
7.1.3　功能页面2 346
7.1.4　展示页面 352
7.1.5　展示页面2 354
7.2 iOS风格音乐播放器界面 356
7.2.1　制作应用界面 356
7.2.2　展示页面 364
7.3 怡人秋景主题天气界面 365
7.3.1　制作背景 366
7.3.2　绘制界面 369
7.3.3　添加文字 381
7.4 音悦电台界面设计 381
7.4.1　制作背景 382
7.4.2　绘制界面 383
7.4.3　添加图形元素 387
7.4.4　添加素材图像 389
7.4.5　绘制功能控件 391
第8章 APP实用参考荟萃 393
8.1 优秀炫酷图标赏析 394
8.2 流行风格界面赏析 396
8.3 UI设计实用辅助工具 398
8.4 优秀国内外网站推荐 400
8.5 UI设计中常见名词释义 401