第1章 移动互联网UI设计 1
1.1移动端UI设计概念 2
1.2移动UI的特性 2
1.3移动产品界面设计的常用工具 5
1.4 UI设计尺寸 6
第2章 什么是Photoshop 7
2.1初识UI设计软件之Photoshop 8
2.2 Photoshop应用领域 8
2.2.1在UI设计领域上的一把手 8
2.2.2在数码图像处理上的佼佼者 8
2.2.3在动画与图像后期制作上的认可 9
2.3色彩模式的认识 9
2.3.1 RGB色彩模式 9
2.3.2 CMYK色彩模式 11
2.3.3灰度色彩模式 12
2.3.4通道色彩模式 13
2.3.5色彩模式的选择 14
2.3.6色彩模式的切换 14
2.4基本单位的认识 14
2.4.1像素 15
2.4.2分辨率 15
2.4.3位图图像 15
2.4.4矢量图图像 16
2.4.5位图与矢量图的区别 17
2.5储存格式的应用 17
2.5.1 PSD格式 17
2.5.2 JPEG格式 17
2.5.3 GIF格式 18
2.5.4 PNG格式 18
第3章 界面设定 19
3.1界面介绍 20
3.1.1界面组成部分 20
3.1.2活动面板的使用 21
3.1.3图层面板初识 22
3.2文档基本操作 22
3.2.1新建空白画布 22
3.2.2存储使用格式 23
第4章 建立选区 24
4.1建立正常规则选框 25
4.1.1矩形选框组 25
4.1.2移动变换选框 28
4.1.3选框布尔运算 33
4.1.4选框快捷键组合 33
4.2建立随意不规则选区 34
4.2.1套索和多边形套索工具的使用 34
4.2.2磁性套索的使用及抠图 38
4.2.3 iWatch抠图案例详解 38
4.2.4人物复杂边缘抠图案例详解 39
4.2.5魔棒工具使用方法 40
4.2.6容差值设定 41
4.2.7手机抠图之魔棒操作 41
4.2.8快速选择工具 42
4.3羽化和消除锯齿 42
4.3.1选定羽化范围 42
4.3.2羽化参数设置 44
4.3.3羽化的使用方法 45
4.3.4优化选区参数操作 45
第5章 图层深度剖析 46
5.1图层组成 47
5.1.1图层的使用 47
5.1.2图层的分类 51
5.1.3新建图层的快捷方式 51
5.1.4删除图层的快捷方式 52
5.1.5图层的隐藏与显示 53
5.2图层填色 53
5.2.1前(背)景色填充快捷操作 53
5.2.2选区的优先级填色 54
5.2.3图层不透明度的调整 54
5.3图层顺序调整 55
5.3.1图层层级关系 55
5.3.2图层置底操作 56
5.3.3图层置顶操作 56
5.4层编组使用 56
5.4.1新建组与子图层 56
5.4.2编组方式的快捷运用 57
第6章 矢量路径操作 59
6.1路径和锚点初识 60
6.1.1绘制开放路径 62
6.1.2绘制闭合路径 63
6.2锚点的删除与添加 63
6.2.1锚点的添加 63
6.2.2锚点的删除 64
6.3曲线路径的绘制 64
6.3.1把手初识 65
6.3.2曲线绘制 65
6.4曲线路径分类 66
6.4.1直线绘制 66
6.4.2贝塞尔S形曲线绘制 66
6.4.3贝塞尔C形曲线绘制 67
6.4.4贝塞尔U形曲线绘制 67
6.4.5 Z形曲线绘制 67
6.4.6对称水滴形曲线绘制 68
6.5路径选择 68
6.5.1路径选择工具 68
6.5.2直接选择工具 68
6.5.3把手及锚点的调整使用 68
6.6路径应用 69
6.6.1路径转选区 70
6.6.2路径转蒙版 71
6.6.3路径转形状 72
6.7路径抠图方法 73
6.7.1瓷器路径抠图 74
6.7.2家具路径抠图 74
第7章 形状操作 75
7.1形状工具组 76
7.1.1矩形工具 79
7.1.2圆角矩形工具 81
7.1.3椭圆工具 81
7.1.4多边形工具 82
7.1.5直线工具 83
7.1.6自定义形状工具 84
7.2形状工具布尔运算 84
7.2.1加法运算 85
7.2.2减法运算 86
7.2.3相交运算 86
7.2.4排除重叠形状运算 87
7.2.5合并形状组件 87
7.3路径的对齐操作 88
7.3.1路径的对齐方式 88
7.3.2路径的分布方式 90
7.4移动主题图标设计 91
7.4.1计算机扁平图标设计 92
7.4.2图库扁平图标设计 94
7.4.3日历扁平图标设计 95
第8章 UI设计中文字的应用 97
8.1文字工具初识 98
8.1.1横排文字 98
8.1.2直排文字 101
8.1.3横排文字蒙版工具 104
8.1.4直排文字蒙版工具 105
8.2文字面板参数设置 106
8.2.1字符面板 106
8.2.2段落面板 115
8.2.3文字调整快捷键 117
8.2.4文字消除锯齿方式 118
8.3文字在画册排版中的应用 119
8.3.1标题的排版 119
8.3.2版式的设计 121
第9章 图层样式 124
9.1混合选项组 126
9.1.1斜面和浮雕 140
9.1.2投影与内阴影 148
9.1.3内发光与外发光 149
9.1.4叠加 149
9.1.5描边 152
9.1.6光泽 153
9.2渐变的样式 154
9.2.1线性渐变 154
9.2.2径向渐变 154
9.2.3角度渐变 155
9.2.4对称渐变 155
9.2.5菱形渐变 156
9.3创建剪贴蒙版 156
9.3.1剪贴蒙版的定义 156
9.3.2剪贴蒙版与图层蒙版的区别 157
9.3.3剪贴蒙版的作用机理 157
9.3.4剪贴蒙版的使用方式 157
9.3.5剪贴蒙版的使用技巧 157
9.3.6剪贴蒙版的快捷操作 158
9.4炫酷微拟物UI图标设计 158
9.4.1手电筒图标设计 158
9.4.2设置图标设计 159
9.4.3钟表图标设计 163
第10章 使用画笔 164
10.1画笔的选用 165
10.1.1硬度和大小的设置 165
10.1.2画笔的快捷键组合 166
10.1.3画笔的预设参数 166
10.2超写实破壳鸡蛋绘制 167
第11章 图层蒙版的应用 169
11.1初识图层蒙版 170
11.1.1图层蒙版的定义 170
11.1.2图层蒙版的作用 170
11.1.3图层蒙版的建立与删除 170
11.1.4图层蒙版的应用与停用 172
11.2城市夜景图层蒙版合成案例 173
第12章 滤镜的高级应用 176
12.1素描画像制作 177
12.2女人海报—3D 178
第13章 其他工具应用 183
13.1图案的使用 184
13.1.1图案的定义 184
13.1.2图案的填充方式 189
13.2修复工具组 193
13.2.1修复画笔工具 193
13.2.2修补工具 196
13.2.3污点修复画笔工具 198
13.2.4内容感知移动工具 199
13.2.5红眼工具 201
13.3调整色彩 202
13.3.1亮度与对比度 202
13.3.2曲线和色阶 204
13.3.3色相/饱和度 206
13.3.4色彩平衡 209
13.3.5反相和去色 211
第14章 综合案列应用 212
14.1图像合成 213
14.1.1制作逼真木质纹理 213
14.1.2制作禁烟公益海报 216
14.2肖像处理 219
14.2.1欧美人物磨皮教程 219
14.2.2人物素描效果制作 222
14.3网页设计应用 224
14.3.1网站设计的页面构成 224
14.3.2网页的设计原则 237
14.3.3互联网网页的首页设计 239
14.4移动App界面设计 243
14.4.1移动界面设计规范 243
14.4.2移动界面设计布局 245
14.4.3 UI界面设计方式 246
第15章 UI界面设计之Illustrator 250
15.1初识AI 251
15.1.1 AI的界面认识 251
15.1.2 AI的应用领域 252
15.1.3 AI的快捷键 252
15.1.4 AI的文件格式与保存 253
15.2矢量图形的绘制 256
15.2.1矩形与椭圆的绘制 256
15.2.2矩形转圆角 258
15.2.3 QQ邮箱图标的制作 259
15.3描边的应用 263
15.3.1剪刀工具的使用 263
15.3.2刻刀工具的使用 264
15.3.3 MBE风格图标的应用 264
15.4绘制多彩拟物图标 269
15.4.1形状、路径查找器的应用 269
15.4.2渐变工具的应用 273
15.4.3制作渐变小图标 274
15.4.4制作绚丽相册 275
第16章 AI的高级应用 278
16.1扭曲、变换的使用 280
16.2变形的使用 280
16.3风格化的使用 284
第17章 UI界面设计之Sketch进阶(一) 287
17.1了解Sketch 288
17.1.1界面认识 288
17.1.2 Sketch图层 289
17.2 Sketch图形 290
17.2.1图形概述 291
17.2.2矩形与圆角矩形 291
17.2.3三角形 292
17.2.4椭圆和直线 292
17.2.5五角星和多边形 293
17.2.6图形转换点操作 294
17.2.7布尔运算 294
17.3 Text文本 295
17.3.1文本概述 295
17.3.2文本检查器 295
17.3.3文本渲染 296
17.3.4文本样式 296
17.4 Image图片 297
17.4.1图片概述 297
17.4.2位图编辑 297
17.4.3色彩矫正 297
17.5 Styling样式 297
17.5.1样式概述 297
17.5.2填充 298
17.5.3边框 298
17.5.4阴影 298
17.5.5模糊 299
17.5.6渐变 299
第18章 UI界面设计之Sketch进阶(二) 300
18.1 Symbols符号定义 301
18.2 Styling样式 301
18.3 UI界面中符号和样式的重要应用 302
18.4前端开发导出 303
18.5导出倍率关系适配 303
18.6让设计更加直观、便捷 303
18.7 iOS Mirror概述 303
18.8 iOS Mirror设置及使用 303
第19章 三大利器结合应用 304
19.1 AI与PS紧密衔接 305
19.1.1字体设计(一) 305
19.1.2字体设计(二) 306
19.1.3 AI中快速实现Low Poly制作 307
19.1.4移动界面中Low Poly界面设计应用 308
19.2 AI与PS的跨软件合作之麦克风 309
19.3 Sketch实现电商类App界面设计 314
19.4通过AI进行logo设计 317
后记 320