目录

第1章 走进UI世界1

1.1 认识移动UI 设计 2

1.1.1　认识UI、GUI、HUI、WUI概念.... 2

1.1.2　UE与UED 4

1.1.3　UCD 4

1.2 UI 相关概念 5

1.2.1　智能手机屏幕单位 5

1.2.2　色彩模式 6

1.2.3　网点密度与像素密度 7

1.2.4　逻辑分辨率与像素倍率 7

1.2.5　视网膜屏幕 8

1.3 常见智能手机系统 8

1.3.1　Android系统 8

1.3.2　iOS系统 13

1.3.3　Windows Phone系统 16

1.4 文件存储格式 18

1.4.1　GIF格式 18

1.4.2　JPEG格式 18

1.4.3　PNG格式 18

1.4.4　SVG格式 18

1.5 如何进行手机UI设计 18

1.5.1　UI设计的流程 18

1.5.2　UI设计原则 22

思考与练习 26

第2章 主题图标设计27

2.1 图标 28

2.1.1　图标概念 28

2.1.2　图标分类 28

2.2 主题图标 30

2.2.1　主题图标概念 30

2.2.2　常用主题图标名称 31

2.3 图标设计规范及技巧 32

2.3.1　图标设计规范 32

2.3.2　图标设计流程 36

2.3.3　图标设计方法 37

思考与练习 40

第3章 Illustrator 图标设计27

3.1 Illustrator 概述 42

3.1.1　Illustrator 发展历程 42

3.1.2　Illustrator 应用领域 42

3.2 Illustrator 基础操作 45

3.2.1　工作区概览 45

3.2.2　新建Illustrator 文档 47

3.2.3　保存Illustrator 文档 48

3.2.4　保存文件类型 49

3.2.5　导出文件类型 49

3.2.6　辅助工具的使用 50

3.2.7　选择对象 52

3.2.8　对象编组 54

3.2.9　对象对齐和分布 54

3.2.10　绘图与变形工具 55

3.3 组合对象 75

3.3.1　复合形状 75

3.3.2　其他复合形状 77

3.3.3　释放与扩展复合形状 78

3.3.4　路径查找器选项 80

3.4 扩展、扩展外观、轮廓化描边、文字轮廓 81

3.4.1　扩展 81

3.4.2　扩展外观 81

3.4.3　轮廓化描边 82

3.4.4　文字轮廓 82

3．5 图标设计技法 82

3.5.1　绘制“image”图标 82

3.5.2　绘制“setting”图标 85

3.5.3　绘制“game”图标 89

3.5.4　绘制“BrandColors”的Logo .... 92

3.5.5　绘制“中国联通”的Logo 94

3.5.6　绘制MBE 风格“Video”图标 ... 97

3.5.7　绘制可爱渐变“user”图标 100

3.5.8　绘制折叠效果“user”图标 103

3.5.9　拼凑效果“home”图标 105

3.5.10　彩色“切片球”制作 110

思考与练习 113

第4章 Photoshop图标设计实战114

4.1 Photoshop概述 115

4.2 Photoshop基本操作 115

4.2.1　工作区概览 115

4.2.2　了解Photoshop中的工具 116

4.2.3　新建Photoshop文档 117

4.2.4　保存Photoshop文档 119

4.2.5　保存文件类型 120

4.3 Photoshop矢量工具 121

4.3.1　钢笔工具 121

4.3.2　路径选择工具/ 直接选择工具 .. 122

4.3.3　形状图形工具 122

4.3.4　设置颜色方法 123

4.3.5　布尔运算 124

4.3.6　对齐、排列关系 126

4.4 图层样式 128

4.4.1　添加图层样式 129

4.4.2　“图层样式”面板 129

4.5 Photoshop图标设计实战 134

4.5.1　图标的扁平化设计 134

4.5.2　线形图标 136

4.5.3　剪影图标 139

4.5.4　扁平彩色图标 144

4.5.5　拟物图标的设计方法 148

思考与练习 152

第5章 iOS规范及工具APP视觉设计153

5.1 App类型及特点 154

5.1.1　App类型 154

5.1.2　手机App设计原则 156

5.2 iOS控件介绍及设计规范 164

5.2.1　iOS控件摆放规范 164

5.2.2　iOS控件的构成与尺寸 165

5.3 常见布界面布局 173

5.4 App界面设计实战 176

5.4.1　音乐App界面实战 176

5.4.2　社交App界面实战 181

5.4.3　个人中心界面实战 183

思考与练习 185 2100433B

本书紧扣用户界（UI）面设计趋势，主要讲解了什么是UI设计，UI设计的原则与理念，图标设计方法、移动端界面UI设计布局和iOS规范五大方面的内容。本书结构清晰、内容翔实，为广大读者详细解读了UI的设计理念与方法，是一本UI设计的入门级教材。本书能够提高图标设计人员、UI设计师、平面设计师、用户体验设计师等的设计技能，可以帮助他们打开创意灵感之门。本书也适合想要从事UI设计相关工作的读者学习使用；也可作为高校和培训机构视觉传达和多媒体设计等相关专业的教材和参考书。

《移动UI设计三大利器：Photoshop Illustrator Sketch》一书主要阐述了UI设计必备的三大软件：众所周知的绘图软件Photoshop、矢量图形绘制软件Illustrator、苹果系统专用的绘图软件Sketch。本书立足于互联网行业，对三大UI设计软件进行了全面的讲解。本书内容结合UI设计制作中常用的绘图工具及绘图手法，并将其落实到每一个工具中，一一分析讲解，从而引出UI设计方法论。 《移动UI设计三大利器：Photoshop Illustrator Sketch》适合UI界面视觉设计师，以及想从事这个方向的读者学习使用。

用户界面是所有屏幕产品的重要组成部分，是用户与产品交流的直接媒介。本书邀请了全球50位UI设计师， 展示了他们精彩而独特的设计作品，并且从产品特征、创作目的、目标用户、色彩含义和使用字体等角度对作品加以解析。每位设计师还分享了他们从业多年的经验和心得，提出了有效而实用的建议。

本书适用于UI设计、交互设计、用户体验设计的初学者和从业者，能够帮助他们迅速提升专业技能并获得创作灵感。

度本图书，专注于艺术设计类图书的设计、编辑、策划与出版，成立至今已在国内、外出版多种语言版本的畅销图书，其作品以品质精良、专业化而著称。