作者：郑成云
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
让移动设计更简单：Sketch 3操作指南与实战详解试读：
前言
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的初学者学习。
最后，感谢在本书出版过程中给予帮助建议的朋友。在本书创作的过程中，错误在所难免，希望广大读者批评指正。第1部分Sketch基础让移动设计更简单,为移动设计而生。这一部分，详细介绍Sketch的每个功能和使用方法，全面了解Sketch。第1章Sketch介绍（Introduction）
Sketch是一款矢量绘图应用。矢量绘图也是目前进行网页——特别是移动应用设计、图标，以及界面设计的最好方式。除了矢量编辑的功能之外，Sketch同样添加了一些基本的位图工具，比如模糊和色彩校正。
本书尽力让Sketch易于理解，有经验的设计师花上几个小时便能将Sketch运用自如。对于大多数的互联网产品设计工作，Sketch能替代Adobe Photoshop，Illustrator以及Fireworks。第2章界面（The Interface）
Sketch的界面主要由工具栏、检查器、图层、画板以及绘图区域组成。Sketch的工具栏在界面顶部，包含设计中所需要的常用工具。检查器在界面的右侧，设计师可以在此调整已选择图层的参数。界面的左侧包含所有的图层和画板，绘画区在界面中间（图2-1所示为Sketch界面）。图2-1 Sketch界面
Sketch中没有浮动面板，而是在检查器中展现或者隐藏相应的属性设置。这样能保证设计者总是能够清晰地看到绘图区域。2.1 图标说明（Icon Introduce）
Sketch中有60多个工具，每一个工具都能够单独完成一项任务，设计过程中多是工具的综合运用。下面，给大家介绍Sketch中的工具。插入：能够选择钢笔工具、铅笔工具、文本、图片、切片，画板、线条、箭头等工具，并使用这些工具进行设计。图形：图形中包含矩形、圆角矩形、圆形、三角形、多边形和星形。布尔运算（联合）：包含合并、减去顶层、区域相交以及排除重叠。2.2 画布（Canvas）
Sketch的画布能够无限延展，设计师拥有绝对的自由来使用画布。在设计移动应用界面时，很多设计师会为应用的每一屏都创建一个画板，然后排列出来以便查看。这样，设计师能够快速地查看当前设计中的界面。图2-2 画布延展性图2-3 在图层和画板列表中的显示
设计师可以用无限精准的“分辨率无关模式”来查看画布，或者打开像素模式来查看每一个像素导出成JPG或者PNG文件。图2-4 分辨率无关模式
注意，有些效果——比如模糊效果，会自动将画布的一部分以像素模式显示，因为模糊本身就是一个基于像素的效果。2.3 检查器（Inspector）
Sketch界面右侧的检查器显示正在编辑图层的属性，并且设计师可以通过检查器调整当前图层的属性。当选中一个图层时，检查器就会随之变化。检查器划分为几个区域：通用属性（GeneraI Attributes）
通用图层式样在检查器的顶部，包括：图层位置坐标（Position）、长宽大小（Size）、旋转角度（Rotate）、圆角大小（Radius）、混合模式以及几个特殊选项（取决于图层类型），比如调整矩形圆角和多边形的不同点模式。图2-5 通用属性面板式样属性（StyIe Attributes）
边框和填充属性都有独自的编辑区域。
要添加一个新的填充或者边框，设计师可以勾选式样属性区域右上方的“+”新建一个。创建之后，具体的属性也会显示出来。属性有填充颜色（Fill）、混合模式（Blending）以及不透明度（Opacity）。图2-6 填充式样属性
添加新的填充或者边框，当设计师选择颜色的时候，会弹出一个颜色适配器。图2-7 填充式样属性颜色适配器
在检查器的左边通过勾选，开启／关闭任意填充或者边框。当一个或者更多填充／边框关闭的时候，设计师可以单击右上角的“垃圾箱”图标将其删除。图2-8 填充式样属性勾选与删除
也可以单击“设置”图标，来改变每个填充／边框的选项。图2-9 填充式样属性设置图2-10 边框式样属性设置2.4 图层列表（Layer List）
图层列表列出了当前画布中画板的所有图层（包括切片和画板），每个图层都会有一个小小的图标预览。在这里可以查看图层是否被锁定、是否可见、是否使用蒙版或标记为可导出。还可以重新排列图层，或者给图层添加布尔运算，比如减去顶层形状。也能够对图层进行建组或者重命名。这些在随后的章节中都会提到。图2-11 图层列表多页面操作（MuItipIe Pages）
Sketch支持多页面操作，可以单击图层列表上的按钮切换到其他页面（或者用键盘上的Page Up／Page Down键来切换）。图层列表始终只会显示当前页面的图层。图2-12 页面指示器
要添加／删除页面，或者在页面中添加图层，可以展开／缩回页面列表，单击“+”图标新建页面。图2-13 新建页面图2-14 选择页面
或者选中页面，按“Delete”键删除页面。单击鼠标右键，能够看到删除页面选项，通过其中的选项也能够复制页面。图2-15 删除页面
可以通过拖动操作改变页面的顺序，也可以从一个页面拖动图层至另外一个页面。画板（Artboards）
默认情况下，在画布中的白色背景区域便是画板，一个画板不能被嵌入／拖入到另一个画板。图2-16 画板蒙版（Masks）
在图层列表里，那些使用了蒙版的图层名前会显示一个实心灰色小点，它的蒙版则是底下紧接着不带小点的图层。相关内容，会在本书4.4节中介绍。图2-17 蒙版布尔运算（BooIean Operations）
每个图形都可以包含多个子路径，它们会以组的形式呈现在图层列表中，伴随一个下拉箭头显示具体的子路径。每一层子路径都可以单独设置布尔运算，决定和它的下一图层以什么方式组合。图层列表能清晰地展现子路径的组合方式，同时方便设计师随时调整、更改。相关内容，会在本书4.2节中介绍。图2-18 布尔运算符号和共享式样（SymboIs and Shared StyIes）
符号是一种特殊的组，能够重复利用，可以出现在一个文档的一个或者多个画板中。但是要注意在一个或者多个画板中使用，需要根据页面实际情况进行调整。在图层列表中，符号会显示为紫色文件夹——正常编组则是蓝色的文件夹。相关内容，会在本书第7章中介绍。
共享式样下，多个对象（图形以及文本）的式样能够保持一致。如果一个图形或者一段文本使用了共享式样，预览小图标会显示成紫色，而不是常规情况下的灰色。相关内容，会在本书5.3节中介绍。图2-19 符号与共享式样2.5 工具栏（TooIbar）
不同于其他绘图应用，Sketch把常用工具放在顶端的工具栏中，而不是垂直排列的工具箱中。Sketch的工具栏包含设计中的常用工具。可以自定义工具栏，使设计更加高效。通过右击工具栏，进入“定制工具栏”（Customize toolbar…）对话框来添加工具和快捷键。
在默认工具栏中，第一组工具是用来添加新图层的，包括图形、图片、符号等。图2-20 工具栏
编组（Group）和取消编组（Ungroup）能让设计师有条理地组织文件。接下来的几个工具都是用来编辑现有图层的：旋转（Rotate），变形（Transform），通过布尔运算来合并图层，以及在图层列表中上移或下移图层。
工具栏最后的导出（Export）按钮，同时也是一个切片工具，通过此工具能够导出一个或多个位图/矢量文件。第3章图层（Layers）
图层是Sketch中最基本的构成单位。在Sketch里，每个对象——包括图形、图片、文本等，都有自己的图层。Sketch中“图层”和“对象”是一致的，这两个词是可以相互替换的。3.1 添加图层（Adding Layers）图3-1 添加图层
从工具栏中选择一个图形来添加，是最快的添加图层的方式。比如选中矩形工具，光标会变成一个右上角有个小矩形的十字图案。这时设计师只需在画布上单击并拖动鼠标来添加想要的形状。松开鼠标键，随即完成这个矩形的绘制，并开始编辑它。图3-2 绘制矩形
试读结束[说明：试读内容隐藏了图片]