㈠ 80%的人不知道的Sketch小技巧
绘制矢量图形时,你可以按住 shift 键再画之后的点,Sketch会自动帮你对齐到前一点的45度角方向,这在你绘制直线时会非常方便。如果你是在两点之间添加新的锚点时按住 shift 键,你便会得到两点间的锚点。
如果你按住 command 键,单击两点间的线条,Sketch则会帮你在线条的正中间添加锚点。
绘制
如果你想改变图形的起始点,你需要按住空格键,这样你将会修改起始点,而不是图形的大小
大小斗竖
我们有一个很特别的输入框,鼠标悬停上去时你会看见上下两个小剪头出现在文本区域右边,你可以单击他们来增减图形的大小。如果你按住 shift 则会以 10 为单位变化。如果你按住 option 键,则会以0.1 为单位变化。
一旦你开始直接编辑输入框,上下剪头就会消失,但这个功能依然可用,你可以用键盘上的上下方向键配合 shift 或 option 键来完成。
渐变
你可以按下1-9的数字键来在渐变线的 10%-90% 的位置添加新的节点,所以如果按下 5,就能将节点添加在正中间。
如果你想在两个节点的正中间添加,则按下 = 键即可。
还可以使用 tab 键快速的在不同节点中切换,用方向键(也可以同时按住 shift 键)移动节点。
背景模糊
背景模糊是在苹果发布 iOS 7之后添加空森大的功能,需要确认有一个半透明的图层在表面应用了背景模糊,这样下层的内容才会出现模糊效果。
需要注意的是,模糊是一种非常消耗资源的渲染效果,图层越大,模糊就需要占用更多的内存空间和处理器能力。尽量少使用模糊,如果你一定要在背景模糊和普通模糊中选择,那么选择普通模糊吧。
分离路径
所有的复制图形都会被视为原图形的子路径,如果你想让他们成为完全独立的图层,你只需从菜单栏进入 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。
转曲
不要将很长一段文字都转化为矢量图形,这会大大减缓文件的运行速度。
将一小段文字转化为大量包含布尔运算的子路径是非常非常消耗系统内存的,如果你不得不转换一段文字,那么你可以先将一段文字尽可能分成多个短文本,然后再一个个的转化为矢量。
不过既然你现在可以直接在文本上运用渐变等效果,大多数时候你都不会需要将文本转化为轮廓。
路径文字
当你进入顶端的编辑菜单 > 文本路径 (Edit > Text on Path),Sketch会帮你把文本图层贴合的放在它下一层的矢量图形上面。值得注意的是,两者的顺序必须是矢量图形在文本图层的下面,才能得到这样的效果。
抗锯齿
顺利实现子像素抗锯齿效果,文本必需出现在一个不透明的(有色的)背景上,因为系统需要知道最终的颜色对比结果是什么样的。这一点与图层混合模式是相冲突的。要实现图层混合模式,Sketch 需要在一个透明背景上渲染所有的图层,这样这些图层才能像你所期望的那样混合在一起,最终结果再渲染春蚂回 Sketch 的白色画布上。
如果没有一个不透明背景我们就不能渲染抗锯齿的文字,但是有了不透明的背景我们又不能渲染图层的混合模式了。这就意味着,一旦你的画布中出现了一个有混合模式的图层,Sketch 就不得不运用透明背景的算法,而无法给文字实现子像素抗锯齿效果了。
色彩校正
如果你想微调一张现有图片的颜色,那可以使用检查器中的色彩校正面板来实现,在这,你可以改变图片的饱和度,亮度和对比色。
需要注意的是,这一个不破坏原图的操作,所以你稍后还可以再次更改这些参数。
九宫格
正常情况下,你缩放一个位图时,他们会对称的向各个方向变化。但有时这并不是你想要的,比如说你在做一个网页设计,你也许会想要一个 safari 里的白色背景,随着网页内容变多而变长。
我们特意增加了针对图片的九宫格缩放来解决这个问题。进入图层 > 转化为九宫格图片 (Layer > Convert to Nine-slice Image),你会发现图片被划分为了9个区域。你可以单击拖拽四个中心点的任一个来调整9个区域。
普通蒙板
Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版,那么这张图片就只会显示出圆形内部的内容。
所有的图形都可以变成蒙版,你只需要先选中图形,然后进入图层 > 使用图形蒙版(Layer > Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的内容显示出来。
限制蒙版
如果你不想接下来所有的图层都被蒙版剪切,那么你可以将蒙版和想要被剪切的图层单独编组,一次来限制蒙版的使用情景。一旦蒙版被编组,其他一切在组外的图层就都不会被蒙版剪切了。
在无法编组的情况下,你还可以通过以下方式限制蒙版:
・选中一个你想从剪切蒙版中释放出来的图层
・进入图层 > 忽略底层蒙版 (Layer > Ignore Underlying Mask)
这一层图层和它以上的所有图层就都不会被蒙版剪切了。当你调整图层顺序的时候则需要格外注意,个别图层可能会意外的被蒙版剪切。
ALPHA 蒙版
默认情况下,一个蒙版会显示出所在区域的图片,隐藏其他的地方。另一种使用蒙版的方式是通过 ALPHA 蒙版建立渐变区域,来具体选择图片的各部分是否可见
使用这个方法你可以先选中蒙版,选择 图层 (Layer) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 来实现。
复制
command + D,Sketch则会重复你刚才的操作,复制出一个一样的图层。
编组选择
想从深深的编组层级中直接选中某一具体图层,你可以按住 command 键,来直接选择埋在组里的图层,无需不停的双击以进入更深的层级,这将省去你不少的时间。同时按住 shift 键,则能选择多个图层。
叠加选择
右击鼠标,从菜单中选择 “选择图层”(Pick Layer),便会显示出鼠标底下的所有图层列表。
按住 option 键,Sketch 会选中第二层图层,而不是最上层的。如果某个区域有多个图层重叠,而你想选择第三层,那么还是需要用到上面说的右击鼠标的方法来选择了。
鼠标框选
如果你同时按住 option 键,则只会选中完全被包括在所画选取内的图层
改变大小
可以直接使用键盘调整图层大小。按住 command 键和方向键来操作。⌘→会将图层宽度增加 1px,⌘←则会将宽度减少 1px。同样的,⌘↓ 和 ⌘↑则分别将长度增加和减少 1px。如果你同时按住 shift 键,每一次更改的数值将会变成 10 px。
改变一个图层的大小时,它的式样元素并不会随之变大变小:一个 10x10的图形上 1px的描边在这个图形被拉伸至 50x50的时候,将仍保持 1px的描边。想要更改图层大小的同时一起更改式样,那就使用编辑菜单当中的缩放工具吧。
图层扁平化
当你使用扁平化功能( Flattening),Sketch 会试着将一个图形里的多个子路径呈现为一个路径——也就是将层级结构变得更扁平。但是有些图形是无法扁平为一个路径的,比如说一个环状图形,将只能被呈现为两个路径:一个是外圈路径,一个是内圈路径
当 Sketch 不能完成扁平化的命令时,会出现一个小警告,如果你继续坚持,那有的子路径可能被替换,也许比之前少,也许和之前一样多。
也许在你之前使用的绘图应用中,你每次添加布尔运算后到要让图层扁平一次,但在 Sketch 当中大可不必这么做,你可以尽情添加无数曾布尔运算,而无需使用扁平命令。
你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出成JPG或者PNG文件后的样子。值得注意的是,有些效果——比如模糊——会自动将画布的一部分以像素模式显示,因为模糊本身就是一个基于像素的效果。值得注意的是,当模糊半径被设置为0的时候,文本图层的内阴影才是最好看的。扩散并不适用于文本图层。
可以按住 command 键并滚动鼠标滚轮来放大查看。
还能用 Z 键来快速放大某一特定区域,单击画布任一点拖拽出矩形区域即可。
如果你在文件名中加入了一个斜杠 (一个"/"),那么Sketch就会自动新建一个文件夹,并把这个文件放入其中。举个例子,如果你将切片命名为 foo/bar.png ,那么Sketch会先帮你创建一个叫做 foo 的文件夹,然后在里面创建一个叫 bar.png 的图片。
㈡ sketch快捷键
一、画板/图层相关快捷键
1.快速重命名图层:command+R
2.依次选择上一个图层:Shift + Tab(下一个图层是单按 Tab)
3.显示/隐藏图层:cmd+shift+h
4.Comd+shift+L: 锁定图层/解锁蠢配图层
5.折叠与展开所有图层:显示-图层列表
6.作为蒙版使用:control+cmd+m
7.图层上移/下移山散一层:alt+cmd+上箭头/下箭头
8.查找图层:cmd+f
9.将图层移到最顶层:Control + Alt + Cmd + ↑
10.将图层移到最底层Control + Alt + Cmd + ↓
二、样式相关快捷键
1.复制图层样式:Command + Option + C
2.粘贴图层样式:Command + Option + V
3.吸取颜色:control+c
三、字体相关快捷键
1.字体加粗:cmd+b;字体倾斜:cmd+i;字体下划线:cmd+u
2.字间距:alt+control+L
3.字大小:cmd+alt++/-
4.文字转曲:cmd+shift+o
四、局部/屏幕查看
1.将屏幕带唯指放大到特定区域:Z + 单击/选区
2.放大选中对象到屏幕合适的大小:comd+2
3.缩小至能看见所有的画板:comd+1
4. 缩小至100%:comd+0
5.等比缩小:Z+Option
6.隐藏左边栏:command+option+1
7. 隐藏右边栏:Option+Cmd+2
8.全屏演示:cmd+ .
9.当前画布窗口居中:cmd+3
10.sketch进入/退出全屏模式:control+cmd+f
㈢ sketch新手入门(中文版)-9 控件
控件帮助我们加快我们的工作流,我们可以不断的重复利用我们设计中的元素,当我们对其中的元素改动时,所有的控件也都会更新,我们也可以利用覆盖层来控制我们的独立控件。
要创建一个控件,我们可以选择一个群组,一个美术板,一个层然后在工具栏中选择创建组件,或者选择层>创建组件。给你的组件取一个名字,这是你的控件的父裂谨级元素,当你创建一个模板的时候,sketch会自动帮助你创建一个实例,如果你对母版进行了更改,会显示在所有实例中。
如果你在野陵创建控件的时候,勾选了发送控件到控件页面,那么控件就会自动发送到控件层,如果你没有勾选,那么你将在当前页面看到控件。
选择 图层>从控件中分离,任何与其有关的实例将变成文件夹,母版和实例分开,无关联。
当您创建了一个符号时,您可以在设计中插入任何现有的层。要执行此操作,请在层上单击控件,选择“替换为”,然后选择符号。您选择的符号将调整大小以适应层的大小。
有两种方法可以访问和在sketch中插入符号。
1.通过单击层列表顶部的组件,可以通过画布左侧的组件面板插入符号(图层和组件之间切换)在组件库中可以选择查看“所有”可用的符号以及仅属于文档或特定库的符号。
2.您可以使用“组件”面板底部的搜索栏快速找到要查找的符号,找到所需的符号后,只需将该符号直接拖放到画布上。 快捷键(command +shift+ f)
或者,可以通过顶部工具栏中的“置入”或使用“置入”菜单插入符号。从这里您可以查看文档符号或属于任何已启用库的符号并从中进行选择。
编辑控件有两种主要方法。可以编辑符号母版中的内容,也可以使用替代编辑单个实例。
找到你的母版或双击它的任何实例直接转到它。对主控形状所做的任何编辑都将同步到设计中主控形状的任何实例。肆脊基完成更改后,选择“返回到实例”返回到实例并查看更改是如何跨实例同步的。
选择一个控件实例,您将在检查器中看到一个覆盖层。通过在检查器中编辑这些覆盖层,可以更改单个符号实例中的内容,而不更改其主实例或影响其任何其他实例。
注意:您还可以直接在画布中为符号实例设置文本覆盖。
选择符号实例并将鼠标悬停在其上以高亮显示任何可用的替代,单击其中任何一个以快速找到它,并在检查器中单独显示它。如果符号具有大量替代(或嵌套替代),则这很方便。
或者,在检查器中单击符号名称旁边的三角形,然后在那里选择。也可以控制单击“图层”列表中的替代以查看与其相关的选项。
注意:即使您已经专注于某个特定的覆盖,移动或复制它之类的操作也将应用于整个实例,而不是特定的覆盖层。您需要使用符号母版来更改覆盖层本身。
可以通过几种方式更改文本覆盖的内容。您可以双击画布上符号实例中的文本层,然后键入新内容,或键入检查器中的覆盖字段。删除该字段中的任何内容都会将其更改回符号母版中的文本。也可以使用字段上方的数据图标填充覆盖。
注意:如果替代文本比符号母版中原来的文本长,则sketch将在文本层扩展时移动文本层旁边的任何层。如果要修复图层并使文字在其上流动,则需要将其锁定在符号母版中。
可以使用填充检查器覆盖任何图像层或形状。您可以将图像拖到预览中,或选择“选择图像…”也可以通过单击数据图标使用数据填充图像覆盖。要删除图像,请单击图像预览并按backspace。
如果在设计中设置了文字样式或图层样式,则可以在检查器的“替代”面板中找到这些样式。
如果已将热点作为原型的一部分添加到符号母版,则可以覆盖其目标艺术板,或选择“无”将其禁用。
选择符号主控形状,并使用检查器中“管理替代”面板中每个可用替代旁边的复选框来选择在设计中的任意位置选择该符号的实例时哪些替代可用。
选择任意实例,然后单击检查器中“覆盖”面板标题旁边的“重置”图标,以删除和重置已应用于该实例的任何覆盖。
若要在不使用覆盖的情况下对单个符号实例进行编辑,您需要从菜单中选择图层›从控件中分离,将其与其主实例分离。您也可以快捷方式控制单击它,然后在那里选择“从控件分离”。按住选项键可将命令更改为从控件中分离所有内容,从而将控件及其包含的任何嵌套控件转换为组。
可以使用检查器中“控件”面板中的“组件”弹出框交换符号。从列表中选择控件或搜索要查找的控件,然后单击将其与当前选定的符号控件。
默认情况下, 交换控件将调整所选实例的大小,以适合其新的控件母版 。要在交换 控件 时保持实例大小不变,请取消选中组件弹出窗口顶部的“按原始大小交换”选项。
使用“缩放”命令,可以像任何其他图层或组一样缩放和调整控件的大小。从菜单中选择Layer>Transform>Scale…( 或按⌘+K) 。边框等样式和属性将与符号本身成比例增加或减少,而不会影响母版控件形状。
若要在“元件”面板和“插入”菜单中将符号组合在一起,请使用以下格式命名符号:控件组名/控件名。 例如,名为Button/Normal和Button/Pressed的两个符号将成为名为Button的组的一部分。
注意:在一个组中出现两个或多个控件之前,它们必须出现在自己的子菜单中。
也可以通过“组件”面板组织控件。只需双击任何控件或组即可重命名它。您可以将控件拖放到现有的组中,或者只需拖动一个控件就可以创建一个新的组。
控件的排列是按照字母表的顺序排列的。
将控件母版发送到“符号”页可以帮助保持事物的组织,特别是在复杂的设计中。它也有助于减少使用控件母版或实例之间的混淆。
若要手动移动控件母版,请将其拖到“图层”列表中的“控件”页标题上,或控制单击它并选择“发送到“控件”页。
若要创建嵌套控件,请将符号实例插入“控件”页上的控件母版。现在,编辑该控件实例的主控形状时,它将在任何位置更新,包括其他控件主控形状中的实例。
也可以通过选择两个或多个控件实例并在工具栏中选择“创建控件”来创建嵌套控件。
注意:可以在彼此之间嵌套多少个控件是没有限制的,但不能在其主控形状中使用控件的实例。
#如何使用嵌套控件替代
若要使用嵌套控件以使其显示为替代, 需要有两个或多个大小相同的控件母版 ,并将其中一个用作嵌套控件。
当您在设计中选择控件实例时,您将看到将嵌套控件替换为任何其他相同大小的控件的选项。这在菜单中很有用,例如,当菜单中的按钮处于活动和非活动状态时。
若要快速访问某个嵌套替代的主控件,请在检查器中单击嵌套替代控件旁边的箭头图标。
当覆盖更改控件的大小时,智能布局将保持控件中各层之间的填充和间距。设置智能布局后,更改控件实例中的替代将自动调整其大小。
要使用智能布局,只需创建一个控件,并为其提供水平或垂直布局。创建该控件的实例并编辑其替代时,智能布局将使用控件主控形状中各层之间的间距和填充作为蓝图,并在调整实例大小时保持它们的一致性。
可以在检查器中设置智能布局属性(当编辑现有的控件母版)或创建新的符号时。
若要使用具有现有控件的智能布局,请指向它的主控器(您可以通过选择该控件的任何实例并在键盘上按Enter键快速到达那里),并选择您希望智能布局如何在检查器的布局面板下调整其大小。
除了选择控件是水平调整大小还是垂直调整大小外,还需要设置控件的调整方向(请将其与文本对齐方式类似)。可以从以下布局属性中进行选择:
垂直:
自上而下
自下而上
从中间
水平:
从左到右
从右向左
从中间
创建新控件时,可以使用“创建新控件”工作表中“名称”字段下的下拉菜单设置这些属性。
注意:将智能布局属性应用于具有文本层的符号时, 需要确保将其设置为“自动高度”(对于垂直布局)或“自动宽度”(对于水平布局) 。智能布局将符号母版中文本层的尺寸与实例中文本层的尺寸进行比较,以确定符号中其他层应如何调整大小,因此固定大小的文本层不会工作,因为它们始终保持不变。
当您提供符号智能布局属性时,您将在显示其布局方向的图层列表中,在其名称旁边看到一个新图标。
如果在已设置智能布局属性时更改控件母版的布局,则该控件的实例可能会出错。 若要解决此问题,请尝试单击检查器中“覆盖”面板下显示的“缩小实例以适应内容”按钮。
注意:您仍然可以对具有智能布局特性的控件中的图层应用调整大小约束。如果你想让一个特定的图层忽略你给它一部分的布局设置,这很方便。例如,可以使用调整大小约束来固定图层的大小,并使用具有水平或垂直布局的符号实例阻止其调整大小。
选择符号的智能布局属性时,将在检查器的布局面板下看到最小高度(垂直布局)或最小宽度(水平布局)字段。
将尺寸添加到这些字段将阻止符号缩小到最小尺寸以下,而不管其替代内容如何。如果将这些字段留空,则符号将缩小到任何大小以适合其内容。
#如何在符号中使用多个智能布局属性
对于更复杂的UI组件,您可能希望在垂直布局中包含水平布局(反之亦然),如下例所示。为此,可以将智能布局特性应用于符号主控形状中的组,以便在不同方向调整不同图层集的大小。
为此,请打开控件母版,选择要在不同方向调整大小的对象,然后对它们进行分组。现在,您可以将一组单独的智能布局属性应用于检查器布局面板下的该组。与符号本身一样,您将在图层列表中看到一个新的组图标,显示它们的布局方向。
如果您有一个控件,其中一个图层指示该符号的最小高度(如下面卡片示例中的图像),则对其旁边较短的文本图层应用覆盖将导致该符号使用不必要的填充调整大小。如果是这种情况,则需要在控件母版中将文本层和指定符号最小高度的层组合在一起。完成后,您将能够覆盖文本层,并且智能布局将知道在文本超过其最小高度之前不会增加整个符号高度。
智能布局不仅在覆盖更改符号实例的大小时有效,在隐藏符号时也有效。为此,您需要一组遵循符号母版布局方向的嵌套组件(例如,具有水平布局的菜单中的一行按钮)。通过覆盖面板隐藏其中一个控件将导致其他控件向上移动并填充空白点。这甚至适用于不同高度和宽度的符号。
㈣ sketch 新手入门(中文版)-1界面
画布是我们的设计产生的地方,是无限的。所以我们不必担心我们的设计在何处开始,因为画布不会没有空间。(类似无限平面)不过如果你一定更喜欢在一个固定的空间中开始设计的话,你可以在你的画布上创建一个艺术画板。(画板在工具栏中可创建,快捷键A)
工具栏提供我们快速渐变的接口帮助我们去取得重要的工具和做一些你常做的事情。通常情况下软件帮你在工具条中安排了一些默认值,但是你也可以根据你的使用习惯改变这些操作。 你可以通过自定义工具栏这个选项(视图->自定义工漏伍雀具栏)来添加其他常用的工具。
在右边这块区域,你可以发现你可以在这边改变任何你选中的层上的内容设置,或者是你正在使用的工具。
在层目录中,橘孙你可以看到和选择文档中的所有页面,也可以看到页面上的艺术画板和不同的层。
组件面板,在此你可以找到文档中的所有你的控件,文字样式,层样式,你也可以使用任何你允许的公共库。你可以轻易的拖动组件进入画布中。tips:如果你想要显示你的全部设计,可以将sketch的ui全部隐藏(视图->隐藏操作界面)
#如何放大和移动这个画布
你可以通过摁住空格键+鼠标点击不放松拖拽的方式移动画布,或者如果你没有选中任何涂层的话,使用方向键。
如果要放大或者做小的话,你可以按住⌘ 键+鼠标滚轮(两只手上下移动 mac),或者直接使用触摸板的放大缩小功能(即两只手指的距离变大或者减少)或者直接使用快捷键Z。这里也有一些快捷方式:比如⌘+是放大,⌘-是缩小。
#如何使得画布转变为像素展示
sketch的默认画布展示是矢量模式,即他的分辨率是独立的,可以无限放大。(如不理解可搜矢量图的特点)
如果你从事的设计去看到每个像素是十分重要的,那么你可以在视口->画布 ->缩放时显示像素,或者直接使用快捷键⌘p来显示像素,当你缩放超过100%时,就会有独立的像素点显示。
#如何显示像素网格
选择视口->画布 ->缩放时显示像素网格或者直接使用快捷键⌘X来显示,一旦你显示超过600%的放大比例,那么就可以在页面上显示尚未对其像素网格的内容,从而调试对齐。
#如何使用标尺和创建引导线
sketch一开始的展示是将标尺默认隐藏的,如果要打开的话可以在视口->画布 ->显示标尺或者使用快捷键⌘R
你可以通过拖拉和点击你的标尺来设置基准点。如果要锁定他们就在角落上点击锁住,重置这些标准点是可以通过视口->画布 ->还原标尺
你也可以简单的通过拉取标尺来设定引导线,当你不需要他们的时候可以在标尺上右击删除全部竖向/横向参考线,或者摁住不需要的参考线离开画布并松开。
#如何创建网格
Sketch提供两种格式的网格,一种是普通的网格,一种是布局,如果需要的话两者可同时呈现。
如果要设置普通网格的话,选择视口->画布 ->显示网格或者通过快捷键⌘G,如果要改变网格的格子大小,或者是线的粗细和颜色的话,选择视口->画布 ->网格设置
如果要设置布局的话,选择视口->画布 ->布局设置,使用选项可以显示横纵的布局,包括颜色,宽度。
*需要注意的是,你只能在艺术板上应用网格,或者如果没有任何艺术版的话可以在画布上显示。你可以同时为不同的艺术班设计不同的网格布局。
当你有一个网格布局时,组件会自动吸附到你所创立的网格系统上。
#测量
在一个画布的不同层之间进行测量,你需要选中第一层,然后按住 option键 选中你要测量的其他层。如果是在同一个组之间测量,那么需要按住 ⌘ 。
#吸附功能和智能辅助是如何工作的
当你移动或者插住图层或者标记时,sketch会自动展示与附近层之间的距离,而智能辅助就会帮助你吸附到距离最近的层上的物体中心或者是边缘。(此部分功能基本上同ppt的吸附)可对齐边缘/中心,模仿临近元素的宽度和高度。
你可以改变工具栏上的功能呈现,下面是默认的工具栏状态。
置入: 可以添加不同的层级元素到画布上,包括矩形,圆形,图片,文字等
素材: 可以插入文字,图像或者是自定义的素材
创建控件 返早将一个你选择的组件或者元素转变为一个可以重复使用的控件,你可以为它新建一个名字以及一些其他选项
前置一层/后置一层/编组/解组 帮助你组合你的元素以及移动他们的层级关系
编辑/旋转/蒙版/缩放/展平 为编辑元素提供简单的入口
联结/减去/交集/差集 主要是布尔运算(boolean)的操作
放大/显示 改变了你的设计是如何在画布中展示的,以及你的重点在哪儿
预览 展示了你的设计在原型机上是如何演示的
云端 允许你分享你的文档在sketch云端
输出 提供了一种快速导出文档的方法
*你也可以将工具栏隐藏(视图->隐藏工具栏)
可以找到所选图层的设置或正在使用的工具。检视栏根据选择的或正在执行的操作隐藏或显示这些设置。
对齐选项 这些按钮会在你选择2项以上时亮起。
图层特性 这些选项可以更改图层的位置、大小和旋转,以及翻转(左右/上下)图层。
圆角设置 将鼠标悬停在它们上方将显示上下箭头以更改值。还可以单击标签上的圆角/平滑圆角修改弧度。
调整约束大小 如果在组或艺术板中选择了一个层,将看到这些控件
样式 使用样式工具可以控制图层的外观。若要添加新样式,请单击要使用的样式的标题旁边的“添加”按钮。添加样式后,可以通过取消选中样式旁边的复选框来隐藏样式。若要完全删除样式,请取消选中其复选框,然后单击显示的垃圾箱图标
输出
#如何隐藏和锁定层
要隐藏一个层,只要将其标题旁边的小眼睛,如果在你点击前已经有了一个眼睛的标记,那么说明他已经被隐藏了。
要锁定一个层,按住option键在点击锁定,锁定后你将无法编辑和移动,如果要解锁,直接点击锁定的按钮。
#如何使用页面
你可以在草图文档中使用任意多的页面。它们可以方便地组织您的工作,以及提高文档的效率。
若要在草图中创建新页面,请单击“层”列表顶部的加号箭头,然后为新页面命名。
如果你要切换他们,有两种方式,一种是按住fn+上下方向键,还有一种方式是点击下箭头将他们折叠为一个列表,并使用下拉菜单在它们之间导航。
您可以拖动页面以更改其顺序,或者控制单击页面以复制或删除它。
创建页面后,可以在“页面”面板中将“层”列表中的艺术板或层从一个页面拖动到另一个页面。
#如何使用艺术板
艺术板是完全可选择的,不是每个人都需要。但它方便创建画布上的固定框架,以创建您的工作。如果你是为一个特定的设备或屏幕尺寸而设计,它们是有用的。
若要创建艺术板,请从工具栏或菜单栏中选择“插入->艺术板”,或按快捷键A。也可以在画布上单击并拖动以创建自定义大小的艺术板,或者在检视器中选择已有的模版。
你也可以自定义一个艺术板,为他命名且保存。在你创建了一个艺术板后,按住⌘D可以复制它。
#如何移动艺术板
如果要移动他,可以长按并拖动他的头部标题,可以直接拖动或者使用方向键。也可以通过右侧的检视器设置position
#如何为艺术板重新设计尺寸
如果要重新为艺术板设计尺寸,选择他然后点击它周边的上下左右的方向箭直接拖拽就可以改变大小,需要精确调整的话,可以使用右侧的检视器。
你也可以点击检视器中的自适应,为根据艺术班的大小自动调整其中的内容大小。
#如何删除艺术板
如果要删除艺术板的话,之间点击delete就可以,但是如果你需要保留艺术板内的内容而只是删除艺术板的话,将艺术板解组即可。
#过滤层
当你的层特别多的时候,可以通过左侧底部的筛选,快速找到你需要的文件。
“组件”面板是搜索、查找和管理文档和任何启用的库中的所有符号、图层样式和文字样式的快捷方法 。
#如何访问组件面板
要访问“组件”面板,单击“层”列表顶部的组件(也可以分别使用Ctrl+1和Ctrl+2在“组件”面板和“层”列表之间切换)。可以选择查看“所有”组件,也可以只查看属于文档或特定库的组件。
此列表下面的三个图标允许您查看符号、文字样式和图层样式。
#如何过滤组件面板
你可以使用面板底部的搜索栏筛选所选内容。单击任何组件都会在面板底部显示一个大的预览,因此很容易区分具有微小差异的符号或样式。
找到要使用的符号或样式后,可以将该组件直接拖放到画布上开始使用它。
#组织组件
“组件”面板使您可以轻松地组织库。双击任何组件来重命名它,如果你想将它们组织到文件夹中,只需将一个拖到另一个上面。
<<--以上
㈤ sketch怎么使用
1、实现创建界面流程图操作如下
2、使用Sketch会隐藏掉artboard边界以外的部分的操岩笑作如下
3、通过导出这个背景artboard来将全部界面放置在一个大的图郑亩片文件中--》而不是常规的那样分页导出。操作如下
4、使用sketch时经常需要插入一些元素操作如下
5、100%实喊枣森际大小:CMD + 0完整画布预览:CMD + 1
6、
㈥ 如何高效使用Sketch
自从知道xcode6支持使用矢量图后就开始用sketch,顺手记录下使用中的一些能够提高效率的方法
Sketch适用范围
sketch主要是做图标和界面的。如果是板绘或者处理照片还是用Photoshop之类的比较合适。和ps相比,sketch的优势是开启速度会快很多,是用来原生开发,支持退出后再开启保持退出状态等特点,这些都是ps所没有的。
图层操作
command+d复制图层,或者按住option键拖动
按住shift键能够选择多个图层
按住shift键能够能够严格按照垂直活水平移动
按住shift键改变图层大小是按等比变化
按command加上方向键会精确到像素的调整
图层透明度可以使用快捷键进行调节,选中一个图层按1到9的数字快速将图层透明度从10%到90%,按0调成100%
command+shift+l 锁定图层
绘制图形
可以在Insert > Shape里找到预设的一些图形,比如圆形,方形等基本图形。按o添加圆,r添加矩形,l添加直线,u添加圆角矩形,t添加文本
按v可以自己绘制图形
绘制时按住shift画Sketch会自动按45度对齐前一个点适合绘制直线
善用布尔运算将简单的图形组合成复杂的图形,布尔运算有四种,合并形状(Union),减去顶层形状(Substract),与形状区域相交(Intersect),排除重叠形状(Difference)
布尔运算后可以使用扁平化功能(Flattening),使用后会将其合并成一个图形
复制旋转是个比较有意思的功能,能够很方便绘制出类似花瓣的效果,通过菜单进入 图层 > 路径 > 复制旋转 (Layer > Paths > Rotate Copies)即可。如果希望让复制的图形独立出来,可以分离路径通过菜单 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。
画出粗细不均效果的线条效果可以使用描边宽度 通过菜单进入 图层 > 路径 > 描边宽度 (Layer > Paths > Stroke width),然后点击希望加宽的地方以添加锚点拖动使之变宽
填充可以按从下到上的顺序叠加
选中图层control+command+m创建蒙版
control+c会出现放大镜,然后可以方便选择颜色替换当前选择对象的颜色
画布的控制
使用空格进行抓手移动画布
按command加鼠标滚轮进行画布放大和缩小
control+p能够切换到像素模式查看,相当于输出png后点开图片查看的效果。
control+g开启关闭网格
按住option键能够看到各个对象之间的距离
command+1缩小至能看到所有对象,command+2放大到选中对象到屏幕适合的大小,command+0缩小至100%
Symbol共享元素,一次编辑所有地方都能够生效。
什么会影响Sketch的性能
模糊
阴影
多页面
文本转轮廓
㈦ Sketch基础教程:蒙版(Mask)的使用详解
我们来看看官方对蒙版(Mask)的定义:
看官方的解释就能大致明白这个术语的意思,它相当于一个形状遮罩,遮挡下方的内容后,下方的内容会按照它当前的形状来展示。
Sketch中提供两种Mask,一种是Outline Mask,即普通的Mask,让遮罩的内容按照Mask的形状来展示;另外一种是Alpha Mask,即透明的Mask,利用透明Mask的颜色透明度实现被遮罩内容的处理。下图是官方给的两种Mask对比图。
普通Mask的应用场景主要是利用Mask处理图像的形状,典型的应用是处理社交网络的头像,下面以圆形头像为例看看在Sketch中是怎么操作的。
方法步骤如下:
(1)首先在Sketch中导入想要处理的头像图片
(2)绘制一个圆形,位于头像图片上方,需要注意的乱行是,圆形的大小不可超过图像的大小,因为超过遮罩内容后,超出的部分会显示Mask的内容,失去遮罩的效果。
(3)选中头像图片和圆形,在图像上右键点击,在弹出的菜单中选择“Mask”即可
(4)最后来看看效果吧,如图所示,得到一枚圆形头像,Sketch会把Mask自动编组哗备哗
细心的同学应该发现了,上文中普通Mask的圆形颜色填充和边框都不用进行处理,只是使用了圆形的遮挡效果;而Alpha Mask实质是在普滚旅通Mask的基础上,使用圆形的颜色透明度效果,所以Alpha Mask的应用场景是对图像进行简单的透明度处理。
方法步骤如下:
(1)按照普通Mask的方式先生成普通的mask,然后在组合中选中mask,再在功能菜单中依次选中“Layer”→“Mask Mode”→“Alpha Mask”。
(2)变更为Alpha Mask,我们就可以调整 Mask的透明度,对图像进行进一步的处理,选中Mask,再在检查器Fills中,点击fill上方的颜色选择器,再调整透明度即可。这里例子模拟了一下宇宙大爆炸产生的光芒效果,其他效果还有很多,例如透明渐变等等,需要童鞋们具体去摸索。