第1篇 Hello UI 2
第1章 初识UI设计 2
1.1 UI行业前景分析 2
1.1.1 UI设计师到底做些什么 2
1.1.2为何UI设计行业门槛越来越高 2
1.1.3 UI行业发展前景 2
1.2开发流程——App诞生记 3
1.3 UI设计师的工作内容 4
1.4各类设计的常用软件 6
第2章 UI设计师的自我修养 9
2.1认识UE设计 9
2.2五大设计原则 11
2.3让用户拥有自主控制权 13
2.4状态跟踪 16
2.5设计规范 20
2.6简化元素 23
2.7面试技巧 25
第2篇 设计之道 28
第3章 设计中的点、线、面 28
3.1平面构成中的“点”究竟是怎样的 28
3.2很多时候吸引眼球就靠“点” 28
3.3从苹果公司广告片分析“点”的气质 29
3.4再简单也可以做创意 30
3.5点的固位性与凝聚性 32
3.6点元素在后期印刷中的作用 34
3.7平面构成中线的“特质” 38
3.8线元素的应用 39
3.9对线元素进行破坏组合 43
3.10利用线元素的延伸丰富结构 45
3.11平面构成中“面”的类型 47
3.12面的情感与表现力 48
第4章 色彩的表达艺术 51
4.1色彩的三大属性 51
4.2够出彩才够出色 53
4.3色彩数量 55
4.4色彩重量 56
4.5色彩群组 58
4.6色彩的可视性 60
第3篇 图标设计 64
第5章 PS图标设计小技巧 64
5.1动作的使用 64
5.2绘制参考线的技巧 65
5.3像素对齐的重要性 67
5.4布尔运算 68
5.4.1初识布尔运算 69
5.4.2通过布尔运算设计E-mail图标 69
5.4.3通过布尔运算设计Camera图标 72
第6章 iOS全系列图标 77
6.1我的第一个iOS图标——FaceTime 77
6.2注意字体的使用——日历 79
6.3炫彩图标——照片 81
6.4轻质感图标——相机 83
6.5换种思路做设计——天气 89
6.6早起早睡必备——闹钟 91
6.7再也不担心走丢了——地图 96
6.8喜欢看什么都行——视频 103
6.9画画、记事、拍照——备忘录 107
6.10你身边的小秘书——提醒事项 111
6.11曲曲折折疏疏密密——股市 114
6.12我的游戏中心——GameCenter 119
6.13医生时刻在你身边——健康 130
6.14看似复杂,实则简单——iTunes Store 133
6.15耐心、细节 、化简——AppStore 137
6.16其实真的很简单——设置 142
6.17常联系、别忘记——信息 149
6.18还是有些小技巧的——邮件 151
6.19超赞浏览器——Safari 154
6.20静静地听会M usic——音乐 158
6.21团队需要协同工作——命名规范 159
6.22规范文档——成品展示 162
第7章 生活必备的App 171
7.1朋友圈就是全世界——微信 171
7.2陪你到永远——QQ 174
7.3每天刷够100遍——微博 180
7.4不止一面,大有看头——QQ浏览器 183
7.5方便每一个人的出行——滴滴出行 184
7.6吃遍所有,买够一条街——饿了么 186
第8章 视听类App设计 189
8.1悦享品质的视频App——爱奇艺 189
8.1.1悦享品质的视频App——爱奇艺01 189
8.1.2悦享品质的视频App——爱奇艺02 192
8.2不负好时光——腾讯视频 194
8.3音乐总有新玩法——酷狗 197
8.4金曲捞——QQ音乐 200
8.5这世界很酷——优酷 202
8.6量身定做的音乐播放器——网易云音乐 204
第9章 摄影类App图标设计 207
9.1瞬间提高颜值——美颜相机 207
9.2我就是喜欢秀——美图秀秀 212
9.3越亲密越有趣——激萌 217
第10章 质感类图标设计 223
10.1巧用渐变色——电梯按钮 223
10.2“图层样式”使用技巧——电话 231
10.3渐变叠加与形状合并——邮件 241
10.4超酷炫的安全App——密码锁 249
第11章 Dribbble设计风格 253
11.1 Dribbble餐饮风格——啤酒 253
11.1.1 Dribbble餐饮风格——啤酒01 253
11.1.2 Dribbble餐饮风格——啤酒02 255
11.2 Dribbble餐具风格——烤箱 257
11.2.1 Dribbble餐具风格——烤箱01 258
11.2.2 Dribbble餐具风格——烤箱02 259
11.3 Dribbble餐具风格——煎烤 261
11.3.1 Dribbble餐具风格——煎烤01 262
11.3.2 Dribbble餐具风格——煎烤02 263
11.4 Dribbble阅读风格——书籍 264
11.4.1 Dribbble阅读风格——书籍01 264
11.4.2 Dribbble阅读风格——书籍02 266
11.5 Dribbble美食风格——披萨 268
11.5.1 Dribbble美食风格——披萨01 268
11.5.2 Dribbble美食风格——披萨02 270
第4篇 Sketch界面设计 274
第12章 Sketch系统知识介绍 274
12.1 Sketch界面初识 274
12.2布尔运算、编组、对齐与分布 276
12.3变换、混合模式、投影、内阴影、输出 278
12.4像素对齐、蒙版、创建轮廓、历史记录 280
12.5旋转复制的技巧 281
12.6非规则形状调整 284
12.7快速制作手机App的神奇秘密——Craft 286
12.8 B站界面案例实战 288
12.9超级方便的标注插件——Sketch Measure 292
12.10更加高效的设计——复用样式 293
12.11快速修改设计风格——更改复用样式 296
12.12嫌编组太麻烦怎么办——创建并编辑复用样式 297
12.13灵活修改tab bar 298
12.14物理分辨率与逻辑分辨率 300
12.15一起打包——多对象的命名与输出 301
12.16千万不要犯迷糊——路径详解 302
12.17位图的相关编辑技巧 304
12.18文字的编辑技巧 306
第13章 简单的时钟案例 309
13.1基础规范 309
13.2布尔运算 312
13.3细节 修饰 314
13.4路径与复用样式 316
13.5制作表盘刻度 318
13.6对齐与分布的相关技巧 321
13.7套用iOS 10 UI kit 322
第14章 漂亮的MBE风格 325
14.1风格介绍与应用 325
14.2虚线条的制作方法 328
14.3蒙版多层嵌套关系 331
14.4通过常用工具快速修饰细节 336
14.5脸部细节描绘 340
14.6绘制表情 344
14.7绘制身体 347
14.8绘制头发 351
第15章 网易云音乐项目实战 355
15.1 App界面的设计规范与颜色标注 355
15.2页面的制作过程 357
15.3导航栏与状态栏的制作 360
15.4下方标签栏细节调整 362
15.5顶部标签栏的设计 363
15.6制作“私人FM”“每日歌曲推荐”“云音乐热歌榜”等部分 364
15.7设置封面图片 369
15.8 Craft该用就用 371
15.9网易云音乐LOGO绘制 373
15.10快速制作icon 376
15.11复用样式 380
15.12资源导出 380
第5篇 AE动效设计 384
第16章 AE动效设计基本原则 384
16.1先混个脸熟——认识AE界面 384
16.2旋转跳跃我不停歇——基本动画属性 385
16.3就是不走寻常路——缓动 389
16.4你怎样我就怎样——继承关系 390
16.5对象关系和层次结构——偏移与延迟 391
16.6用好路径是关键——变形 393
16.7遮遮掩掩的艺术——遮罩 394
16.8还有更多不错的选择——描边动画 396
16.9既高清又容量小的秘密——渲染 398
16.10那些不安分的参数——数值变化 399
16.11看看有什么藏着掖着的——覆盖 402
16.12简单的融合动画——克隆 404
16.13实实虚虚、主次分明——蒙层 406
16.14操作中的反馈——视差 408
16.15连续感和位置感——纬度 410
16.16开机动画怎样看起来更酷——移动和缩放 412
第17章 天气类App动效实战 417
17.1 AE软件强大的绘制功能——界面绘制 417
17.2 AE软件中的图形组合技巧——布尔运算 418
17.3使用表达式实现循环播放——loopout表达式 421
17.4有节 奏地摇头晃脑——wiggle表达式 423
17.5设计动画的片头——出场动画 424
17.6设置柔和曲线——整体调整 426
第18章 音乐播放器App动效实战 429
18.1结合外部素材图片——基本设置 429
18.2 3D切换动画——基本3D 431
18.3添加时间变化特效——编号 433
18.4轨道蒙版遮罩组合技巧——效果整合 435
第19章 健身行车类App动效实战 437
19.1命名是好的工作习惯——基础界面绘制 437
19.2结合AI完成高难度设计——表盘绘制 439
19.3分析制作的思路——原理讲解 441
19.4来点有弹性的感觉——基本形动画 443
19.5就是要变变变——数值变化 446
19.6双重嵌套的奥秘——轨道蒙版 447
19.7超酷的线条动画插件——3DStroke 449
19.8动感线条的设计细节——光线效果 450
第20章 注册界面动效 453
20.1规范设计标准——界面制作 453
20.2丰富设计场景——界面设计 455
20.3模拟手指触控效果——触感动画 457
20.4再复杂也难不住我——信息交互 459
20.5调整画面的缓动——文字缓动 462
第21章 计时类App动效设计 465
21.1对齐与分布技巧——滚屏效果 465
21.2一黑一白制作景深——球面化效果 469
21.3形状层动画效果——开关按钮 470
21.4不放过每一个瑕疵——整体效果 472
第22章 支付类App动效设计 475
22.1绘制轮廓——信用卡icon 475
22.2开始便已结束——加载效果动画 478
22.3图形变化效果——遮罩与转场 481
22.4精致的小按钮动画——按钮确定 483
22.5无缝对接效果——信息输入框 486
22.6不透明度随机变化——光标动画 488
22.7巧妙使用遮罩——打字机动画 490
22.8键入文字提示效果——键盘效果 492
第6篇 高手秘籍 496
第23章 UI设计师求职秘籍 496
23.1了解公司 496
23.2面试技巧 496
23.3简历制作 497
23.4项目资料准备 498
第24章 UI设计的外包单报价秘籍 499
24.1 UI设计师的接单渠道 499
24.2 U I设计师的外包报价 499