第 1章 网页UI设计入门

1.1　UI设计发展史　2

1.1.1　早期UI设计的风格　3

1.1.2　中期UI设计的兴起　3

1.1.3　后期UI设计的发展　5

知识点讲解——iOS系统　6

知识点讲解——Android系统　6

知识点讲解——Windows　系统　7

知识点讲解——拟物化风格设计　8

知识点讲解——扁平化风格设计　8

1.2　网页UI设计的制作流程　9

1.2.1　产品调研阶段　10

1.2.2　UI视觉设计　10

1.2.3　产品技术开发　11

1.2.4　BUG测试　12

1.2.5　产品上线　12

1.2.6　产品迭代　13

1.3　UI设计的注意事项　13

1.3.1　图稿一致性原则　13

知识点讲解——字体　13

知识点讲解——表单录入　14

知识点讲解——鼠标手势　14

1.3.2　图稿准确性原则　15

1.3.3　布局合理化原则　16

1.3.4　操作合理性原则　17

1.3.5　系统响应时间原则　18

1.4　配色对于UI设计的影响　18

1.4.1　网页配色基本概念　18

知识点讲解——网页主色　18

知识点讲解——网页背景色　19

知识点讲解——网页辅色　19

知识点讲解——网页点缀色　20

1.4.2　网页配色基本方法　20

知识点讲解——根据产品内容确定网页主色　20

知识点讲解——根据网页主色确定配色方案　21

1.4.3　网页色彩搭配技巧　22

知识点讲解——同色系　23

知识点讲解——邻近色　23

知识点讲解——对比色　25

知识点讲解——互补色　25

1.5　本章小结　26

第 2章　初识Sketch

2.1　绘制iOS 照片分享界面　28

2.1.1　Sketch的安装与启动　28

操作案例——安装与启动Sketch　28

2.1.2　了解Sketch界面　30

知识点讲解——Sketch的主界面　31

知识点讲解——菜单栏　31

知识点讲解——工具栏　34

操作案例——自定义工具栏　34

2.1.3　设置Sketch的快捷键　35

知识点讲解——Sketch的快捷键　35

操作案例——自定义快捷键　37

2.1.4　添加图片、形状　39

知识点讲解——Sketch插入面板　39

知识点讲解——插入图片　40

知识点讲解——插入形状　41

2.1.5　添加文本　42

知识点讲解——插入文本　43

2.2　绘制手机登录页　45

2.2.1　新建和保存Sketch文件　45

知识点讲解——文件的新建和保存　45

操作案例——设置Sketch　的标尺　47

2.2.2　使用Sketch 画板　48

知识点讲解——画板预设　48

知识点讲解——画板检查器　50

2.2.3　使用Sketch 模板　51

知识点讲解——　“iOS 用户界面设计”模板　52

2.3　本章小结　56

第3　章 绘制线框原型

3.1　绘制手机信息界面线框图　58

3.1.1　线框原型的基本概念　58

知识点讲解——线框原型概念　60

知识点讲解——线框原型视觉特性　61

3.1.2　绘制线框原型的注意事项　61

知识点讲解——巧用明暗对比　63

知识点讲解——不使用截图和颜色　64

知识点讲解——标记第 一屏高度　64

知识点讲解——合理的布局和间距　65

3.2　绘制注册页面线框图　65

3.2.1　图层面板　66

知识点讲解——图层面板简述　67

操作案例——添加和编辑图层　68

知识点讲解——选择图层　69

操作案例——移动图层　70

3.2.2　图层类型　71

知识点讲解——图层类型详解　73

操作案例——变换大小　75

3.2.3　图层的调整　75

操作案例——新建、重命名、复制和删除页面　78

知识点讲解——复制、剪切和粘贴图层　79

知识点讲解——图层组的检查器　80

3.3　绘制完整的线框原型图　83

3.3.1　计步App 线框图的绘制01　84

3.3.2　计步App 线框图的绘制02　87

3.4　本章小结　91

第4　章 使用Sketch 绘制图标

4.1　绘制iOS 11 提醒事项图标　93

4.1.1　矢量工具　93

知识点讲解——矢量图形（形状）　95

知识点讲解——点模式　95

知识点讲解——编辑矢量图形　96

操操作案例——矢量工具绘制箭头图标　97

4.1.2　路径的使用　98

知识点讲解——路径　100

4.2　绘制Android 照相机图标　101

4.2.1　使用“形状”绘制图标　102

操作案例——使用布尔运算绘制照相机图标　106

知识点讲解——布尔运算　107

4.2.2　使用“蒙板”绘制图标　108

知识点讲解——蒙板命令　109

操作案例——使用透明度蒙板制作简易图标　110

4.2.3　添加阴影效果为图标添加质感　112

知识点讲解——图标基本属性　113

4.3　绘制极简化的Android图标　116

4.3.1　Android 图标设计准则　116

知识点讲解——图标设计准则　118

4.3.2　图标设计的三大原则　120

知识点讲解——三大原则　122

4.3.3　极简化设计　123

知识点讲解——极简化设计风格　126

操作案例——绘制记事本图标　127

4.4　本章小结　128

第5章　Android UI 设计

5.1　绘制Android 音乐播放器界面　130

5.1.1　组件的编辑及使用　130

知识点讲解——创建组件　133

知识点讲解——更换文本　133

知识点讲解——管理组件　134

操作案例——使用组件工具绘制导航栏　135

5.1.2　应用软件UI 设计　136

知识点讲解——什么是应用软件UI设计　137

知识点讲解——应用软件UI设计规范　138

知识点讲解——软件启动UI设计　139

5.1.3　移动App UI 设计　140

知识点讲解——什么是App　142

知识点讲解——移动UI的设计趋势　143

知识点讲解——移动UI和平面UI的区别　145

5.1.4　Android 系统UI设计　146

知识点讲解——Android系统文字规范设计　148

操作案例——绘制返回或菜单按钮　149

知识点讲解——Android　系统UI 设计特色　150

5.2　绘制Android 信息界面　151

5.2.1　“文本”命令　152

知识点讲解——添加文本　154

知识点讲解——文本框　154

5.2.2　“文本”检查器　155

知识点讲解——文本的编辑　157

知识点讲解——共享样式　159

操作案例——使用共享样式

绘制界面　160

5.2.3　“文本”选项　161

知识点讲解——文本路径　163

知识点讲解——文本转换轮廓　164

操作案例——转化为轮廓绘制

界面元素　164

知识点讲解——导出文字　165

知识点讲解——应用样式　166

知识点讲解——混合模式　168

5.3　本章小结　169

第6　章 iOS UI 设计

6.1　绘制iPhone X App 界面　171

6.1.1　iOS 系统UI 用户元素　171

知识点讲解——顶部导航栏　173

知识点讲解——标签栏和搜索栏　173

操作案例——绘制iPhone　X启动界面　174

知识点讲解——表格视图　176

6.1.2　iOS 系统UI 设计要求　177

知识点讲解——确保程序可行　178

知识点讲解——确保App　可以在

iPhone　和iPad 中通用　178

知识点讲解——基于Web　网页

重新设计　179

6.1.3　iOS 系统UI 设计原则　179

知识点讲解——美观性　182

知识点讲解——一致性　183

知识点讲解——控制可行性　184

知识点讲解——及时性　184

知识点讲解——暗喻性　184

知识点讲解——自主性　185

6.1.4　iPhone X 的App UI 设计　185

知识点讲解——编辑位图　188

知识点讲解——iPhone　X 的屏幕尺寸　190

知识点讲解——iPhone　X 的布局　190

6.2　绘制iPhone 8 App 界面　191

6.2.1　iOS App UI 设计模板　192

知识点讲解——iPhone　8 的组件　193

操作案例——绘制iPhone　系统视频播放界面　194

知识点讲解——iPhone　X 的组件　195

6.2.2　iOS UI 设计规范　195

知识点讲解——界面尺寸　198

知识点讲解——图标尺寸　198

知识点讲解——内部设计　199

6.2.3　移动App 设计过程中的要点　199

知识点讲解——App　UI设计流程　202

操作案例——绘制系统发生错误界面　203

知识点讲解——App　UI配色原则　204

6.3　本章小结　206

第7　章 PC 端UI 设计

7.1　绘制网站登录界面　208

7.1.1　PC 端和移动端UI 设计的区别　208

知识点讲解——网页设计PC　端和

移动端的区别　211

7.1.2　铅笔工具和剪刀工具　213

知识点讲解——铅笔工具　215

知识点讲解——剪刀工具　216

操作案例——设计制作设置按钮①　216

知识点讲解——旋转复制　217

设置按钮②　218

知识点讲解——变形工具　219

7.2　绘制医学网站首页　219

7.2.1　PC 端UI 设计原则　220

知识点讲解——以用户为中心　223

知识点讲解——视觉美观　224

知识点讲解——主题明确　224

知识点讲解——内容与形式统一　26

知识点讲解——有机整体　227

操作案例——绘制“休闲空间”启动页①　227

7.2.2　PC 端UI 设计要点　229

知识点讲解——设计与技术相结合　231

知识点讲解——视觉导向性　232

7.2.3　PC 端UI 设计风格　233

知识点讲解——大众化设计风格　234

知识点讲解——个性化设计风格　234

操作案例——绘制“休闲空间”启动页②　235

7.3　本章小结　236

第8　章 UI 的输出与交互设计

8.1　UI 图像的输出　238

8.1.1　图标的输出　238

知识点讲解——适配设备　238

知识点讲解——导出图层　240

知识点讲解——导出和切片　241

8.1.2　界面的输出　241

知识点讲解——切片工具　242

操作案例——为切片重命名　245

8.2　UI 设计的交互　245

知识点讲解——了解移动设备的手势　245

知识点讲解——移动交互动效设计的注意事项　248

知识点讲解——使用Xcode　模拟交互效果　249

8.3　Sketch 插件的安装与使用　250

知识点讲解——实用的插件　251

8.4　本章小结　2522100433B

本书通过大量的案例制作,详细地向用户介绍了Sketch在设计网页界面时的使用方法。分别针对Sketch绘制线框原型、设计图标、Android界面设计、iOS界面设计、PC端网站UI和UI的输出与交互进行了讲解。通过学习读者应该熟悉移动UI设计和PC端UI设计的规范和设计要点。同时掌握网页界面的输出以及交互动效的添加方法。

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

第1章初识Sketch

1.1拥抱变化，交互设计师的蜕变之旅

1.2Sketch简介

1.2.1Sketch是什么

1.2.2Sketch的优势

1.2.3Sketch对于团队特别是交互设计师的价值

1.2.4Sketch的应用前景

1.2.5Sketch和Photoshop对比

1.3Sketch获取

1.3.1Sketch下载

1.3.2Sketch安装

1.3.3Sketch激活

1.3.4Sketch定价策略

1.4Sketch界面介绍

1.4.1菜单栏

1.4.2工具栏

1.4.3页面

1.4.4图层

1.4.5画布

1.4.6检查器

1.5Sketch上手试用

1.6团队项目介绍

1.6.1项目背景说明

1.6.2项目功能需求

1.6.3项目产品架构

知识拓展

动脑思考

动手操作

第2章快速入门

2.1交互设计入门

2.1.1认识交互设计

2.1.2认识交互设计师

2.1.3交互设计师需要具备的素质

2.1.4交互设计师的职责

2.1.5交互设计师的专业背景要求

2.1.6交互设计师需要的知识体系

2.1.7交互设计师常用的工具

☆重点2.1.8了解交互设计流程

2.2明确目标和产出物

2.2.1流程图

2.2.2低、高保真原型

2.2.3交互说明

2.2.4视觉规范

2.2.5视觉标注稿

2.2.6规范切图

2.2.7动效参数

2.3学习基本工具使用

☆重点2.3.1线条工具

☆重点2.3.2几何工具

☆重点2.3.3文字工具

2.4学习高级工具使用

2.4.1剪刀工具

2.4.2变形工具

2.5学习其他工具使用

2.5.1插入类工具

2.5.2组织类工具

2.5.3编辑类工具

2.5.4辅助类工具

2.6学会版本管理

2.6.1使用多个Sketch文件管理

2.6.2使用Sketch自动保存历史

版本

2.7了解原型尺寸和命名规范

☆重点2.7.1原型尺寸

2.7.2命名规范

2.8掌握交互设计方法论

2.8.1交互设计方法论的概念

2.8.2交互设计方法论——5W2H

2.8.3其他交互设计方法论

知识拓展

实战教学

动脑思考

动手操作

第3章基础运用

3.1创作空间

3.1.1画布

☆重点3.1.2Artboard（画板）

☆重点3.1.3栅格布局

3.2框架设计

3.2.1发散思维

3.2.2人物角色

3.2.3故事板

3.2.4流程设计

3.2.5信息架构

3.3界面设计

3.3.1界面设计原则

3.3.2界面设计理论

3.3.3界面设计实践

3.4图像处理

3.4.1图像导入

☆重点3.4.2图像处理方式

3.4.3Mask（蒙版）处理

3.5图标设计

☆重点3.5.1认识图标

3.5.2图标绘制规范

☆重点3.5.3图标绘制

3.5.4图标引用

3.6测距和对齐

3.6.1测距

3.6.2对齐

知识拓展

实战教学

动脑思考

动手操作

第4章高级运用

4.1快速原型设计

4.1.1快速复制

4.1.2批量复制

4.1.3一级页面设计

☆重点4.2归类整理

4.2.1图层整理

4.2.2页面整理

4.2.3图层查找

4.3原型演示

4.3.1SketchMirror

4.3.2SketchMirrorforiPhone

4.3.3需求验证

4.3.4二级页面设计

4.4Symbol（符号）

☆重点4.4.1Symbol的介绍及应用

场景

☆重点4.4.2Symbol基础教程

☆重点☆难点4.4.3Symbol

嵌套教程

☆重点☆难点4.4.4夜视Symbol库

制作

4.5StyledText（样式库）

4.5.1StyledText的概念

4.5.2TextStyle（字体样式）

4.5.3ShareStyle（共享样式）

4.5.4夜视项目样式库

4.6细节设计

☆重点4.6.1交互边界

☆重点4.6.2特殊状态

☆重点4.6.3场景设计

4.6.4首页及播放页设计

知识拓展

实战教学

动脑思考

动手操作

第5章团队协作

5.1Sketch和团队协作

5.1.1团队协作基础

5.1.2Sketch协作流程

5.2使用Libraries减少重复劳作

☆重点☆新功能5.2.1Libraries

介绍

☆重点5.2.2Libraries制作和

导入

☆重点5.2.3Libraries使用和

更新

☆重点5.2.4Libraries云协作

5.3使用坚果云构建协作环境

5.3.1构建前的准备工作

5.3.2创建团队文件夹

5.3.3设置本地同步文件夹

5.3.4查看历史版本

动脑思考

动手操作

第6章交付输出

6.1交互设计输出物

6.1.1交互方案和交互原型

☆重点6.1.2交互说明

☆重点6.1.3交互规范

6.2视觉设计输出物

6.2.1视觉风格探索

6.2.2视觉页面

☆重点6.2.3视觉规范

☆重点6.2.4视觉标注

☆重点6.2.5切图资源

知识拓展

实战教学

动脑思考

动手操作

第7章动效设计Principle

7.1需要动效设计的原因

☆重点7.1.1为用户创造愉悦的

体验

7.1.2验证心中的想法和可行性

7.1.3与开发工程师沟通动态效果

7.2选择Principle的原因

7.2.1Principle简介

7.2.2Principle的优势

7.2.3Principle的获取、安装与

激活

7.3Principle初体验

7.3.1初识界面

☆重点7.3.2交互形态

☆重点7.3.3事件

☆重点7.3.4动画

7.4Principle制作原型

7.4.1准备工作

7.4.2制作翻页效果

7.4.3制作转场效果

7.4.4制作滚动效果

7.4.5原型演示

7.5Principle制作动画

☆重点☆难点7.5.1动画构思

☆重点7.5.2动画制作

☆重点☆难点7.5.3交付开发

实现

实战教学

动脑思考

动手操作

第8章完整后台设计实现

8.1后台设计目标

8.1.1业务功能

8.1.2设计目标

8.2后台框架设计

8.2.1角色场景

8.2.2权限设计

8.2.3流程设计

8.3后台界面设计

8.3.1菜单导航设计

8.3.2内容列表设计

8.3.3流程页面设计

8.3.4页面细节设计

8.3.5创建最小化Symbol库

8.4后台交互说明

8.4.1学会讲故事

8.4.2时刻警惕权限和安全

8.5学习建议

8.5.1Sketch学习建议

8.5.2交互设计学习建议

结语

参考文献 2100433B

序

前言

第1章 移动互联网UI设计

1.1 移动端UI设计概念

1.2 移动UI的特性

1.3 移动产品界面设计的常用工具

1.4 UI设计尺寸

第2章 什么是Photoshop

2.1 初识UI设计软件之Photoshop

2.2 Photoshop应用领域

2.2.1 在UI设计领域上的一把手

2.2.2 在数码图像处理上的佼佼者

2.2.3 在动画与图像后期制作上的认可

2.3 色彩模式的认识

2.3.1 RGB色彩模式

2.3.2 CMYK色彩模式

2.3.3 灰度色彩模式

2.3.4 通道色彩模式

2.3.5 色彩模式的选择2.3.6色彩模式的切换

2.4 基本单位的认识

2.4.1 像素

2.4.2 分辨率

2.4.3 位图图像

2.4.4 矢量图图像

2.4.5 位图与矢量图的区别

2.5 储存格式的应用

2.5.1 PSD格式

2.5.2 JPEG格式

2.5.3 GIF格式

2.5.4 PNG格式

第3章 界面设定

3.1 界面介绍

3.1.1 界面组成部分

3.1.2 活动面板的使用

3.1.3 图层面板初识3.2文档基本操作

3.2 文档基本操作

3.2.1 新建空白画布

3.2.2 存储使用格式

第4章 建立选区

4.1 建立正常规则选框

4.1.1 矩形选框组

4.1.2 移动变换选框

4.1.3 选框布尔运算

4.1.4 选框快捷键组合

4.2 建立随意不规则选区

4.2.1 套索和多边形套索工具的使用

4.2.2 磁性套索的使用及抠图

4.2.3 iWatch抠图案例详解

4.2.4 人物复杂边缘抠图案例详解

4.2.5 魔棒工具使用方法

4.2.6 容差值设定

4.2.7 手机抠图之魔棒操作

4.2.8 快速选择工具

4.3 羽化和消除锯齿

4.3.1 选定羽化范围

4.3.2 羽化参数设置

4.3.3 羽化的使用方法

4.3.4 优化选区参数操作

第5章 图层深度剖析

5.1 图层组成

5.1.1 图层的使用

5.1.2 图层的分类

5.1.3 新建图层的快捷方式

5.1.4 删除图层的快捷方式

5.1.5 图层的隐藏与显示

5.2 图层填色

5.2.1 前（背）景色填充快捷操作

5.2.2 选区的优先级填色

5.2.3 图层不透明度的调整

5.3 图层顺序调整

5.3.1 图层层级关系

5.3.2 图层置底操作

5.3.3 图层置顶操作

5.4 层编组使用

5.4.1 新建组与子图层

5.4.2 编组方式的快捷运用

第6章 矢量路径操作

6.1 路径和锚点初识

6.1.1 绘制开放路径

6.1.2 绘制闭合路径

6.2 锚点的删除与添加

6.2.1 锚点的添加

6.2.2 锚点的删除

6.3 曲线路径的绘制

6.3.1 把手初识

6.3.2 曲线绘制

6.4 曲线路径分类

6.4.1 直线绘制

6.4.2 贝塞尔S形曲线绘制

6.4.3 贝塞尔C形曲线绘制

6.4.4 贝塞尔U形曲线绘制

6.4.5 Z形曲线绘制

6.4.6 对称水滴形曲线绘制

6.5 路径选择

6.5.1 路径选择工具

6.5.2 直接选择工具

6.5.3 把手及锚点的调整使用

6.6 路径应用

6.6.1 路径转选区

6.6.2 路径转蒙版

6.6.3 路径转形状

6.7 路径抠图方法

6.7.1 瓷器路径抠图

6.7.2 家具路径抠图

第7章 形状操作

7.1 形状工具组

7.1.1 矩形工具

7.1.2 圆角矩形工具

7.1.3 椭圆工具

7.1.4 多边形工具

7.1.5 直线工具

7.1.6 自定义形状工具

7.2 形状工具布尔运算

7.2.1 加法运算

7.2.2 减法运算

7.2.3 相交运算

7.2.4 排除重叠形状运算

7.2.5 合并形状组件

7.3 路径的对齐操作

7.3.1 路径的对齐方式

7.3.2 路径的分布方式

7.4 移动主题图标设计

7.4.1 计算机扁平图标设计

7.4.2 图库扁平图标设计

7.4.3 日历扁平图标设计

第8章 UI设计中文字的应用

8.1 文字工具初识

8.1.1 横排文字

8.1.2 直排文字

8.1.3 横排文字蒙版工具

8.1.4 直排文字蒙版工具

8.2 文字面板参数设置

8.2.1 字符面板

8.2.2 段落面板

8.2.3 文字调整快捷键

8.2.4 文字消除锯齿方式

8.3 文字在画册排版中的应用

8.3.1 标题的排版

8.3.2 版式的设计

第9章 图层样式

9.1 混合选项组

9.1.1 斜面和浮雕

9.1.2 投影与内阴影

9.1.3 内发光与外发光

9.1.4 叠加

9.1.5 描边

9.1.6 光泽

9.2 渐变的样式

9.2.1 线性渐变

9.2.2 径向渐变

9.2.3 角度渐变

9.2.4 对称渐变

9.2.5 菱形渐变

9.3 创建剪贴蒙版

9.3.1 剪贴蒙版的定义

9.3.2 剪贴蒙版与图层蒙版的区别

9.3.3 剪贴蒙版的作用机理

9.3.4 剪贴蒙版的使用方式

9.3.5 剪贴蒙版的使用技巧

9.3.6 剪贴蒙版的快捷操作

9.4 炫酷微拟物UI图标设计

9.4.1 手电筒图标设计

9.4.2 设置图标设计

9.4.3 钟表图标设计

第10章 使用画笔

10.1 画笔的选用

10.1.1 硬度和大小的设置

10.1.2 画笔的快捷键组合

10.1.3 画笔的预设参数

10.2 超写实破壳鸡蛋绘制

第11章 图层蒙版的应用

11.1 初识图层蒙版

11.1.1 图层蒙版的定义

11.1.2 图层蒙版的作用

11.1.3 图层蒙版的建立与删除

11.1.4 图层蒙版的应用与停用

11.2 城市夜景图层蒙版合成案例

第12章 滤镜的高级应用

12.1 素描画像制作

12.2 女人海报—3D

第13章 其他工具应用

13.1 图案的使用

13.1.1 图案的定义

13.1.2 图案的填充方式

13.2 修复工具组

13.2.1 修复画笔工具

13.2.2 修补工具

13.2.3 污点修复画笔工具

13.2.4 内容感知移动工具

13.2.5 红眼工具

13.3 调整色彩

13.3.1 亮度与对比度

13.3.2 曲线和色阶

13.3.3 色相/饱和度

13.3.4 色彩平衡

13.3.5 反相和去色

第14章 综合案列应用

14.1 图像合成

14.1.1 制作逼真木质纹理

14.1.2 制作禁烟公益海报

14.2 肖像处理

14.2.1 欧美人物磨皮教程

14.2.2 人物素描效果制作

14.3 网页设计应用

14.3.1 网站设计的页面构成

14.3.2 网页的设计原则

14.3.3 互联网网页的首页设计

14.4 移动App界面设计

14.4.1 移动界面设计规范

14.4.2 移动界面设计布局

14.4.3 UI界面设计方式

第15章 UI界面设计之Illustrator

15.1 初识AI

15.1.1 AI的界面认识

15.1.2 AI的应用领域

15.1.3 AI的快捷键

15.1.4 AI的文件格式与保存

15.2 矢量图形的绘制

15.2.1 矩形与椭圆的绘制

15.2.2 矩形转圆角

15.2.3 QQ邮箱图标的制作

15.3 描边的应用

15.3.1 剪刀工具的使用

15.3.2 刻刀工具的使用

15.3.3 MBE风格图标的应用

15.4 绘制多彩拟物图标

15.4.1 形状、路径查找器的应用

15.4.2 渐变工具的应用

15.4.3 制作渐变小图标

15.4.4 制作绚丽相册

第16章 AI的高级应用

16.1 扭曲、变换的使用

16.2 变形的使用

16.3 风格化的使用

第17章 UI界面设计之Sketch进阶（一）

17.1 了解Sketch

17.1.1 界面认识

17.1.2 Sketch图层

17.2 Sketch图形

17.2.1 图形概述

17.2.2 矩形与圆角矩形

17.2.3 三角形

17.2.4 椭圆和直线

17.2.5 五角星和多边形

17.2.6 图形转换点操作

17.2.7 布尔运算

17.3 Text文本

17.3.1 文本概述

17.3.2 文本检查器

17.3.3 文本渲染

17.3.4 文本样式

17.4 Image图片

17.4.1 图片概述

17.4.2 位图编辑

17.4.3 色彩矫正

17.5 Styling样式

17.5.1 样式概述

17.5.2 填充

17.5.3 边框

17.5.4 阴影

17.5.5 模糊

17.5.6 渐变

第18章 UI界面设计之Sketch进阶（二）

18.1 Symbols符号定义

18.2 Styling样式

18.3 UI界面中符号和样式的重要应用

18.4 前端开发导出

18.5 导出倍率关系适配

18.6 让设计更加直观、便捷

18.7 iOS Mirror概述

18.8 iOS Mirror设置及使用

第19章 三大利器结合应用

19.1 AI与PS紧密衔接

19.1.1 字体设计（一）

19.1.2 字体设计（二）

19.1.3 AI中快速实现Low Poly制作

19.1.4 移动界面中Low Poly界面设计应用

19.2 AI与PS的跨软件合作之麦克风

19.3 Sketch实现电商类App界面设计

19.4 通过AI进行logo设计

后记2100433B