移动UI设计三大利器：Photoshop+Illustrator+Sketch

序

前言

第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

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

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

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

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

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