UI设计理论与技法，已经到达了相当完善的水平，传统UI设计很难有大的视觉突破，而插画风格的UI设计，可以立竿见影地改善UI视觉的干涩与千篇一律，于是，UI插画很快成为了UI设计师的常备技能。

 《UI视觉与插画：APP/电商/H5/小程序/网页/游戏视觉升华实战》就是这样一本关于UI视觉设计中关于图形、插画的案例解析教程。阅读之后你会发现，单一的软件操作在创意思维的引领下将创造出更有品质的设计作品。

 《UI视觉与插画：APP/电商/H5/小程序/网页/游戏视觉升华实战》共10章，非常详尽地讲解了扁平风格插画在设计中的技巧以及各种风格把控要义。内容分为4部分，分别为关于UI设计、插画设计在UI、插画风的UI周边设计、插画设计在行业（案例），包含人物设计、场景设计、UI图标设计、字体设计、H5电商设计、网页插画设计、小游戏/小程序设计等。除了详细的案例解析，《UI视觉与插画：APP/电商/H5/小程序/网页/游戏视觉升华实战》还会解读一些国内外优秀作品，让读者从中感受更多关于UI视觉设计的创意灵感。

 《UI视觉与插画：APP/电商/H5/小程序/网页/游戏视觉升华实战》适合想进入UI行业的职场小白学习，也可作为UI从业者的职业突破参考书和Photoshop、Illustrator软件爱好者的案例学习参考书，还适合作为院校教育、社会培训、企业内训的教材。

付尧  视觉设计师，曾任职多家互联网公司。热衷于UI设计、插画、字体艺术、传统书法。性格佛系。

2008年，我策划了一本UI设计的书，至今还在销售，而作者早已从UI设计师进化到了大厂总监级别。多年来我认识了很多设计师，其中有人一直在一线做设计，而有人则迅速上位。UI设计的教育和岗位已经非常成熟了，很多UI设计师处于流水线作业的状态，但总有一些有想法的设计师可以找到自己独特的价值，付尧老师便是一位，在UI视觉设计里融入插画，她是贯彻地比较早的一位，这让她的作品非常超前且与众不同。几年以后，UI插画设计似乎已经成为了UI设计师的标配技能，行业应用场景也更加丰富。UI插画虽说也是插画，但是一些应用和绘制细节却又有其独特之处，付尧老师已经功成身退，所以也没有必要保留什么，全部精力用在这本书上，作为她十几年的UI设计生涯的一个总结，非常精彩。

UI视觉与插画

第4章 卡通/人物设计73

04-01 卡通形象设计74

4.1.1 动势与比例最基础74

4.1.2 扁平人物从“线”开始（AI）82

4.1.3 渐变人物小品（AI）88

04-02 Banner中的人物（AI）90

04-03 卡通—猫103

4.3.1 插画中用AI线条起稿105

4.3.2 从扁平风到手绘风（AI+PS）108

4.3.3 手绘一只猫（PS）111

4.3.4 喵星人的表情包（AI）114

第5章 空间/场景设计122

05-01 插画场景123

5.1.1 一棵盆栽（AI）123

5.1.2 素材里的一片丛林（AI）127

5.1.3 场景小品（PS）132

05-02 风格转变与光源运用138

5.2.1 风格转变—盖小屋（PS）138

5.2.2 插画场景中的光源运用（PS）145

5.2.3 场景中的植物系（AI）148

第6章 UI图标设计162

06-01 从UI图标入门学习163

6.1.1 应用图标小常识163

6.1.2 PS软件UI特训165

6.1.3 所谓轻拟物（PS）169

6.1.4 轻拟物—渐变的升级（PS）177

06-02 “重”拟物设计192

6.2.1 如何增加材质（PS）194

6.2.2 相机案例（PS）199

06-03 风格偏向设计211

6.3.1 晶白风格（PS）213

6.3.2 水晶风格（PS）218

第7章 字体设计224

07-01 字体艺术225

7.1.1 英文字体中的混合226

7.1.2 英文字体混合实践（AI）226

07-02 手写字浅谈237

7.2.1 毛笔字（PS+AI）238

7.2.2 Q版字体（AI）242

7.2.3 3D字体设计（AI）245

7.2.4 手写艺术字体（AI）247

7.2.5 三维空间字体设计案例（AI）250

第8章 电商类插画设计.254

08-01 电商插画灵感与设计255

08-02 手绘风格—双十一购物节（AI+PS）258

08-03 新年活动—闪屏页面（AI+PS）271

08-04 插画在不同用途中的转换（PS）278

第9章 网页插画设计292

09-01 电商设计师的自我要求293

09-02 网页设计速成294

09-03 电商头图设计（PS+AI）298

第10章 小程序/H5/小游戏/App插画设计304

10-01 小程序/H5插画设计（PS）305

10-02 小游戏插画设计308

10-03 App插画设计（PS）312

PART 5 行业围观

附录 设计师作品整理集315

5-01 学生作品选316

5-02 抗疫作品选登322

5-03 UI设计师面试宝典324

5-04 UI插画设计资源329