电子工业出版社-网上书店

Sketch 是一款适用于设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。随着移动端设计的增长趋势，设计软件越来越轻量化，像Photoshop这样的"大部头”软件越来越没有优势，而如Sketch 一般为图标设计和界面设计而生的轻量型软件，成为越来越多设计师的选择。

目录
第1 部分 Sketch 基础
第1 章 Sketch 介绍（Introduction） / 002
第2 章 界面（The Interface） / 003
2.1 图标说明（Icon Introduce） / 004
2.2 画布（Canvas） / 006
2.3 检查器（Inspector） / 008
2.4 图层列表（Layer List） / 011
2.5 工具栏（Toolbar） / 015
第3 章 图层（Layers） / 016
3.1 添加图层（Adding Layers） / 016
3.2 选择图层（Selecting Layers） / 019
3.3 移动图层（Moving Layers） / 021
3.4 调整大小（Resizing Layers） / 022
3.5 编辑图层（Editing Layers） / 025
第4 章 图形（Shapes） / 026
4.1 编辑图形（Editing Shapes） / 026?
4.2 布尔运算（Boolean Operations） / 031
4.3 变形工具（Transform） / 034
4.4 蒙版（Masking） / 034
4.5 剪刀工具（Scissors） / 036
4.6 复制旋转（Rotate Copies） / 036
4.7 铅笔（Pencil） / 038
第5 章 文本（Text） / 039
5.1 文本检查器（Text Inspector） / 040
5.2 文本渲染（Rendering） / 041
5.3 共享式样（Shared Style） / 044
5.4 文本路径（Text on Path） / 046
5.5 文本转化为轮廓（Convert To Outline） / 046
第6 章 图片（Images） / 047
6.1 位图编辑（Bitmap Editing） / 047
6.2 色彩校正（Color Adjust） / 048
第7 章 符号（Symbols） / 049
7.1 创建符号（Creating Symbols） / 049
7.2 排除文本（Exclude Text） / 050
7.3 管理符号（Organising Symbols） / 050
7.4 交换符号（Swapping Symbols） / 051
第8 章 式样（Styling） / 053
8.1 式样概述 / 053
8.2 填充（Fills） / 056
8.3 边框（Borders） / 058
8.4 阴影（Shadows） / 061
8.5 模糊（Blur） / 062
8.6 色彩（Color） / 062
8.7 渐变（Gradients） / 063
8.8 共享式样（Shared Style） / 067
第9 章 编组（Grouping） / 068
9.1 编组（Groups） / 068
9.2 画板（Artboards） / 069
9.3 页面（Pages） / 073
第10 章 画布（Canvas） / 074
10.1 像素缩放（Pixel Zoom） / 074
10.2 标尺、参考线、网格（Rulers，Guides，Grids） / 075
10.3 测量（Measuring） / 078
第11 章 导出（Exporting） / 081
11.1 导出图层（Exporting Layers） / 081
11.2 切片（Slices） / 083
11.3 文件格式（File Formats） / 086
11.4 画板导出（Artboards） / 086
11.5 CSS 式样（CSS Attributes） / 087
11.6 打印（Printing） / 088
第12 章 导入（Importing） / 089
第13 章 设置（Preferences） / 090
13.1 通用设置（General） / 090
13.2 画布设置（Canvas） / 091
13.3 图层设置（Layers） / 091
第14 章 性能（Performance） / 093
第15 章 Sketch 镜像（Sketch Mirror） / 095?
第16 章 Sketch 工具箱（Sketch Toolbox） / 097
第17 章 快捷键（Shortcuts） / 102
17.1 通用快捷键（General Shortcuts） / 102
17.2 插入图层快捷键（Inserting Layers） / 102
17.3 移动和编辑图层（Moving and Resizing Layers） / 103
第2 部分 实战篇
第18 章 指示器（Activity Indicator） / 106
18.1 指示器介绍 / 106
18.2 Sketch 设计 / 108
18.3 小常识 / 111
第19 章 提醒对话框（Alert View） / 113
19.1 提醒对话框介绍 / 113
19.2 Sketch 设计 / 114
第20 章 按钮（Button） / 120
20.1 什么是按钮 / 120
20.2 Sketch 设计 / 122
20.3 小常识 / 122
第21 章 标签栏（Tab Bar） / 124
21.1 标签栏介绍 / 124
21.2 Sketch 设计 / 125
21.3 小常识 / 129
第22 章 导航栏（Navigation Bar） / 131
22.1 导航栏介绍 / 131
22.2 Sketch 设计 / 132
第23 章 工具栏（Tool Bar） / 140
23.1 工具栏介绍 / 140
23.2 Sketch 设计 / 141
23.3 小常识 / 141
第24 章 文字标签（UILabel） / 142
24.1 文字标签介绍 / 142
24.2 Sketch 设计 / 142
第25 章 列表（Table） / 148
25.1 列表介绍 / 148
25.2 Sketch 设计 / 151
25.3 小常识 / 155
第26 章 滚动视图（ScrollView） / 157
26.1 滚动视图介绍 / 157
26.2 小常识 / 158
第27 章 选择器（Picker） / 160
27.1 选择器介绍 / 160
27.2 Sketch 设计 / 162
27.3 小常识 / 165
第28 章 搜索栏（Search Bar） / 166
28.1 搜索栏介绍 / 166
28.2 小常识 / 169
第29 章 进度条视图（Progress） / 170
29.1 进度条视图介绍 / 170
29.2 Sketch 设计 / 172
29.3 小常识 / 173?
第30 章 滑杆（Slider） / 174
30.1 滑杆介绍 / 174
30.2 Sketch 设计 / 176
30.3 小常识 / 179
第31 章 分段选择视图（Segment） / 181
31.1 分段选择视图介绍 / 181
31.2 Sketch 设计 / 182
31.3 小常识 / 182
第32 章 用户界面（User Profiles） / 184
32.1 用户界面介绍 / 184
32.2 Sketch 设计 / 184
第33 章 好友列表（Friend List） / 188
33.1 好友列表介绍 / 188
33.2 Sketch 设计 / 188
33.3 小常识 / 191
第34 章 设置界面（Settings） / 192
34.1 设置界面介绍 / 192
34.2 Sketch 设计 / 192
第35 章 分享界面（Share） / 197
35.1 分享界面介绍 / 197
35.2 Sketch 设计 / 197
35.3 小常识 / 198
第36 章 图片浏览（Image Browse） / 199
36.1 图片浏览介绍 / 199
36.2 小常识 / 199

前言
Sketch 是一款矢量绘图应用。矢量绘图也是目前进行网页——特别是移动应用设计、
图标，以及界面设计的最好方式。对于大多数的互联网产品设计工作，Sketch 能替代
Adobe Photoshop，Illustrator 以及Fireworks。
本书共36 章，为读者提供循序渐进的学习过程，读者可以通过仔细学习和反复练习来
掌握Sketch 的操作技巧。本书示例丰富，步骤清晰，与实践结合紧密，各章内容具体如下。
第一部分为基础部分，主要有：
第1 章介绍Sketch 应用的总体情况。
第2 章介绍界面及其运用，主要包括图标说明、画布、检查器、图层列表，以及工具栏。
第3 章介绍图层及其运用，主要包括添加图层、选择图层、移动图层、调整大小，以
及编辑图层。
第4 章介绍图形及其运用，主要包括编辑图形、布尔运算、变形工具、蒙版、剪刀工具、
复制旋转，以及铅笔工具。
第5 章介绍文本及其运用，主要包括文本检查器、文本渲染、共享式样、文本路径，
以及文本转化为轮廓。
第6 章介绍图片及其运用，主要包括位图编辑，以及色彩校正。
第7 章介绍符号及其运用，主要包括创建符号、排除文本、管理符号，以及交换符号。
第8 章介绍式样及其运用，主要包括式样概述、填充、边框、阴影、色彩、渐变，以
及共享式样。
第9 章介绍编组及其运用，主要包括概述、画板，以及页面。
第10 章介绍画布及其运用，主要包括像素缩放、标尺、参考线、网格，以及测量。
第11 章介绍导出及其运用，主要包括导出图层、切片、文件格式、画板导出、CSS 样式，
以及打印。
第12 章介绍导入功能。
第13 章介绍设置，主要包括通用设置、画布设置，以及图层设置。
第14 章介绍Sketch 的性能。
第15 章介绍Sketch 镜像及其运用。
第16 章介绍Sketch 工具箱，并介绍了主要的几款插件。
第17 章介绍快捷键，主要有通用快捷键、插入图层快捷键，以及移动和编辑图层快捷
键
第二部分为实战篇，主要有：
第18 章介绍指示器及其设计，主要包括指示器介绍、Sketch 设计，以及小常识。
第19 章介绍提醒对话框及其设计，主要包括提醒对话框介绍，以及Sketch 设计。
第20 章介绍按钮设计，主要包括按钮介绍、Sketch 设计，以及小常识。
第21 章介绍标签栏设计，主要包括标签栏介绍、Sketch 设计，以及小常识。
第22 章介绍导航栏设计，主要包括导航栏介绍，以及Sketch 设计。
第23 章介绍工具栏设计，主要包括工具栏介绍、Sketch 设计，以及小常识。
第24 章介绍文字标签设计，主要包括文字标签介绍，以及Sketch 设计。?
第25 章介绍列表设计，主要包括列表介绍、Sketch 设计，以及小常识。
第26 章介绍滚动视图设计，主要包括滚动视图介绍，以及小常识。
第27 章介绍选择器设计，主要包括选择器介绍、Sketch 设计，以及小常识。
第28 章介绍搜索栏设计，主要包括搜索栏介绍，以及小常识。
第29 章介绍进度条视图设计，主要包括进度条视图介绍、Sketch 设计，以及小常识。
第30 章介绍滑杆设计，主要包括滑杆介绍、Sketch 设计，以及小常识。
第31 章介绍分段选择器设计，主要包括分段选择器介绍、Sketch 设计，以及小常识。
第32 章介绍用户界面设计，主要包括用户界面介绍，以及Sketch 设计。
第33 章介绍朋友列表设计，主要包括朋友列表介绍、Sketch 设计，以及小常识。
第34 章介绍设置界面设计，主要包括设置界面介绍，以及Sketch 设计。
第35 章介绍分享界面设计，主要包括分享界面介绍、Sketch 设计，以及小常识。
第36 章介绍图片浏览设计，主要包括图片浏览介绍，以及小常识。
本书结构清晰，图文并茂，强调实用性、可操作性，以及指导性，读者可以按照示例
直接设计。本书尽量使用最简单、准确的语言词汇叙述，讲解通俗易懂，由浅入深，
适合Sketch 的初学者学习。
最后，感谢在本书出版过程中给予帮助建议的朋友。在本书创作的过程中，由于时间
仓促，错误在所难免，希望广大读者批评指正。

图形图像-移动设计

郑成云__eol__社会化媒体营销实践者，专注网络社交领域。从业6年，涉及社区管理、网络营销,以及移动产品设计工作。曾就职于金山、新浪、海尔、巧贝科技等公司，后加入微博，任高级产品经理。人人都是产品经理（woshipm.com）特邀作家，欢迎来到社区和“郑几块”一起探讨。

Sketch是一款矢量绘图应用。矢量绘图也是目前进行网页——特别是移动应用设计，以及界面设计的最好方式。__eol__本书系统地讲述了 Sketch 的基础知识，通过结合 iOS 和 Android 用户界面，列举案例，详细说明 Sketch 的操作方法。__eol__本书适合：产品经理、设计人员阅读。__eol__

本书配套资源下载

对不起，暂无音视频资源！

让移动设计更简单：Sketch 3操作指南与实战详解