• Sketch 是一款适用于所有设计师的矢量绘图应用。基于矢量的绘图方式也是目前进行网页、图标以及界面设计的最好方式。除了矢量编辑的功能之外,Sketch 还增加了一些基本的位图处理能力,例如模糊和色彩调整。官方尽量将 Sketch 设计的功
    sketch中文网 2018-10-28
    697 0
  • Sketch 的界面设计的非常简洁。顶端的工具栏包含了最重要的操作选项。右侧的属性检查器方便你调整选中图层的属性,左侧的图层列表面板则会列出当前文档中的所有图层,中间当然就是你正在创作的画布。这里没有浮动面板,属性检查器将会根据你选中的工具
    sketch中文网 2018-10-28
    656 0
  • Sketch 的画布区域是无限大的,可以向任意方向无限延伸,你将拥有绝对的自由来规划自己的创作区域。如果你想在画布区域中设置一个固定的画框,你只需添加一个或多个新的画板。例如,设计移动应用界面时,很多设计师会为应用的每一个屏都创建一个画板,
    sketch中文网 2018-10-28
    800 0
  • 界面右侧的属性检查器可以让你对正在编辑的图层或正在使用的工具进行属性调整。当你选中一个图层时,你会发现属性检查器被划分为几个区域。通用属性通用图层样式属性在属性检查器的顶端区域:图层位置、大小、不透明度、叠加模式(取决于图层类型)以及一些特
    sketch中文网 2018-10-28
    843 0
  • 图层列表列出了当前页面的所有图层(包括切片和画板),并且每个图层都会有一个小小的预览。你可以在这里:查看图层是否被锁定、不可见、使用了蒙版或被标记为可导出;重新排列图层,或为图层执行布尔运算,例如减去顶层形状;对图层进行编组或重命名来保证它
    sketch中文网 2018-10-28
    748 0
  • Sketch 的工具栏涵盖了你创作过程所需的所有工具。在默认状态下,第一组工具是用来添加新图层:图形、图片、元件等。编组(Group)和解组(Ungroup)能有效的保证文档的条理性。元件(Symbol)让你快速复用内容。接下来的几个章节中
    sketch中文网 2018-10-28
    618 0
  • 图层是 Sketch 中最基本的构成单位。不同于其它将图层和对象这两个概念区分的应用,在 Sketch 里每个对象都被当做一个独立的图层。所以,手册中所说的“图层”和“对象”其实是一个概念,这两个词可相互替代。编组和画板能让你在 Sketc
    sketch中文网 2018-10-28
    408 0
  • 添加图层最简单的方式是直接从工具栏选择一个标准图形。点击工具栏中的插入(Insert)> 图形(Shape),选择任一个图形,比如选中矩形,光标会变成一个右上角带有小矩形的十字光标。也可以使用快捷键来插入一些图形,矩形 R、
    sketch中文网 2018-10-28
    458 0
  • 在 Sketch 中选择图层很简单:你只需点击来选中图层即可,图层选中后,选择框的四角或边框上会出现 8 个控制手柄。值得注意的是,如果选择图层后没看见这些小手柄,那么有可能是你不小心将控制手柄隐藏起来了,你可以进入视图(View) >
    sketch中文网 2018-10-28
    904 0
  • 你可以选中任意图层,并拖动鼠标来移动它们。按住 shift ⇧ 键来拖动,则会让图层严格按照垂直或者水平方向移动。当你移动(或改变大小)某个图层时,Sketch 会自动帮你将此图层与邻近的图层对齐。如果这个功能没有生效,
    sketch中文网 2018-10-28
    940 0
  • 8 个手柄不仅会向你指示出选区,还可用来修改图层大小。拖动任一个手柄即可调整,如果你同时按下 shift ⇧ 键,图层的长宽则会按等比例变化。拖拽图层任意一边缘中间的手柄会只调整宽或高,想要同时调整,则可拖动边角的手柄。
    sketch中文网 2018-10-28
    729 0
  • 双击一个图层、按下 return 键或点击工具栏中的编辑按钮,都可进入图层的编辑状态,接下来发生什么则取决于您想编辑的图层类型,可阅读相关内容进一步了解。值得注意的是,在编辑状态下,使用鼠标点击图层以外的部分,或按&nb
    sketch中文网 2018-10-29
    491 0
  • 在你的文件中最常见的图层应该就是图形了。Sketch 提供了多种不同的基本图形供你选择:圆形、矩形、星形等。这几个图形中会有几个有趣的额外选项,比如星形和圆角矩形。你只需单击工具栏中的添加(Insert)> 图形(Shape)按钮,选
    sketch中文网 2018-10-29
    491 0
  • 每当你绘制一个新的图形或是编辑一个现有的图形,本质上都是在和点做交互,你在屏幕上看到的是 Sketch 将这些点连接起来的线。有时是直线,有时是曲线。通过工具栏的插入(Insert)> 图形(Shape)> 矩形(Rectang
    sketch中文网 2018-10-29
    752 0
  • 如果 Sketch 的标准图形中没有你想要的图形,那就需要你自己创作了。你的第一个想法也许是用矢量工具来手绘出来,然而你会发现很多复杂的图形都可以轻易地被拆分成基本的图形,布尔运算正是为了帮你实现这一点,将几个基本图形结合成一个复杂图形。子
    sketch中文网 2018-10-29
    599 0
  • 旋转和变形是 Sketch 中两个相似但也不尽相同的操作,这两个操作允许你通过不同方式来编辑图层对选择的图层做旋转有很多种方式。由于旋转是由角度来决定的,所以它可以在 Sketch 的属性检查器中编辑,这个数值可以为正数/负数,分别代表顺/
    sketch中文网 2018-10-29
    924 0
  • Sketch 中的蒙版可以让你有选择性的显示图层的一部分。例如,在一个位图上运用圆形蒙版,那么这个位图就只会显示出圆形内部的内容。任何的形状都可变成蒙版,要应用蒙版,选中一个形状,然后进入图层(Layer)> 使用蒙版(Use as
    sketch中文网 2018-10-29
    502 0
  • 剪刀工具可以用来剪掉图形两个节点间的线段部分。选中图形,然后点击工具栏中的剪刀工具,或执行菜单命令图层(Layer)> 路径(Paths)> 剪刀工具(Scissors)来使用。随后,点击图形中的一条线段,即可将这条线剪掉。操作
    sketch中文网 2018-10-29
    695 0
  • 这是 Sketch 当中一个特别的工具。它并没有出现在默认的工具栏中,但你可通过鼠标右击工具栏并选中定制工具栏...(Customize Toolbar...)来将旋转复制添加到工具栏上。你也可执行菜单命令图层(Layer)> 路径(
    sketch中文网 2018-10-29
    506 0
  • 你可以使用铅笔工具来自由的绘制图形。松开鼠标后,Sketch 会自动平滑和简化路径。在工具栏的插入(Insert)图标中可找到铅笔(Pencil)工具,或执行菜单命令插入(Insert)> 铅笔(Pencil)。还可以用铅笔的快捷键&
    sketch中文网 2018-10-29
    438 0
  • Sketch 使用操作系统原生的字体渲染模式,因此字体显示看起来很不错。使用原生字体渲染的好处就是当你进行网页设计时,你可确定设计稿中的字体效果和真实网页中效果一致。Sketch 同时支持文本样式,所以可以让多个文本图层使用共同的字体、大小
    sketch中文网 2018-10-29
    568 0
  • 当选中一段文本,你会发现属性检查器随之变成了编辑文本所需的属性。在基本的图层属性下面是共享样式区域。紧接着是选择字体和字重,点击齿轮按钮(Options),可选择一些列表样式和文字修饰样式,比如下划线和删除线。再往下区域可选择字间距、分别可
    sketch中文网 2018-10-29
    567 0
  • 你会经常想将多个文本设置为同一样式,共享样式能实现这一点,它们会将你分散在不同图层中的文本都保持同步。值得注意的是,文本样式只能在单独的文档中共享,同个文档中的不同页面不同画板都能够共用。创建样式想要创建新的文本样式,你需要先选中一个文本框
    sketch中文网 2018-10-29
    563 0
  • Sketch 支持文本渲染路径,例如下面的例子:只需两块内容来实现这个效果:一个矢量图形和一个文本图层。执行菜单命令文本(Type)> 文本路径(Text on Path),Sketch 就会将文本图层贴合的放在它下一层的矢量图形上面
    sketch中文网 2018-10-29
    491 0
  • 文本可以被转换成矢量图形,执行菜单命令文本(Type)> 转换为轮廓(Covert Text to Outlines)来实现。这会将文本中的每个字母都转成图形,你可向编辑任何其它图形一样单独编辑每一个路径和节点。警告但是,请额外留心这
    sketch中文网 2018-10-29
    589 0
  • Sketch 不是一个位图编辑器,所以位图编辑功能比较有限。但 Sketch 3 改进了这一点,现在能更好的处理文档中的位图。值得注意的是,你可将任何图层转换成一个扁平的位图,执行菜单命令图层(Layer)> 将选区变成位图(Flat
    sketch中文网 2018-10-29
    502 0
  • Sketch 的位图编辑已有很大的提升,现在也有一个得体的 UI 界面来专门呈现它。 选中一个位图,双击它进入编辑模式,你会看见属性检查器里出现了一组特殊的工具,但你需要先在位图上设立一个选区,然后再使用编辑工具。・选区(Sele
    sketch中文网 2018-10-29
    670 0
  • 如果想微调一张现有位图的色彩,可使用属性检查器中的色彩调整面板来实现,在这,你可调整位图的色相、饱和度、亮度和对比度。需要注意的是,此项调节不会破坏原图,你随后可再次更改这些数值。
    sketch中文网 2018-10-29
    480 0
  • 元件是 Sketch 3 里一个重要的新功能,它让你方便的在多个页面和画板中复用元素。在 Sketch 3.7 中,官方从头至尾重新设计了元件功能,引入了扁平化元件图层及可编辑主元件的概念。当创建元件时,此元件会自动被放置于名为 Symbo
    sketch中文网 2018-10-29
    546 0
  • 要创建一个元件,首先选中一个组、画板或一些图层,再点击工具栏上的创建元件(Create Symbol)按钮,或执行菜单命令图层(Layer)> 创建元件(Create Symbol)。此时会弹出提示框,输入元件名称及选择是否把此元件放
    sketch中文网 2018-10-29
    519 0
  • 有两种编辑元件方法,可通过进入主元件来编辑它,或通过编辑独立的、使用重写(Overrides)的实例。编辑主元件要编辑一个元件内容,可双击进入这个元件,直接进入主元件内部进行编辑。如果你将主元件放在元件(Symbols)页,你还可通过手工方
    sketch中文网 2018-10-29
    677 0
  • 当设计文档足够复杂时,把主元件放置在元件页面是明智的做法,这样非常便于统一管理。另外,当执行菜单命令插入(Insert)> 元件(Symbol)时,会发现下方的二级菜单以字母顺序列出了所有在文档中使用的元件内容。当元件中存在 
    sketch中文网 2018-10-29
    603 0
  • 可通过嵌套元件充分发挥元件的作用。要创建嵌套元件,只需拖拽一个已存在的实例到另一个主元件中即可。任何主元件的更新都会及时生效,作用于整个文档,不管它是否在某一元件内部。同样,拖拽一个已有的实例到一个主元件中,然后通过工具栏插入它们,你也可选
    sketch中文网 2018-10-29
    497 0
  • 属性检查器会显示出选中图层的所有样式选项。从共享样式开始,接着是全局不透明度、混合模式,再下面是填充、边框、阴影、模糊和镜像,会在手册中分章节一一介绍,但现在先讨论几个通用的小技巧。文本输入框Sketch 有一个很特别的输入框,鼠标悬停上去
    sketch中文网 2018-10-29
    601 0
  • Sketch 可为图层填充纯色、渐变、图片(或图案)以及杂色。如果你想知道如何编辑现有的渐变,可阅读渐变章节。填充选项从左至右依次是:・纯色填充・线性渐变・径向渐变・环形渐变・图案填充・杂色填充添加填充你可点击属性检查器中 Fills 字样
    sketch中文网 2018-10-29
    555 0
  • 除了文本图层之外的所有图层都可有多个边框,你也可给边框设定不同的粗细、颜色及叠加模式。边框选项从左至右分别是:・纯色填充・线性渐变・径向渐变・环形渐变边框位置边框可以应用于路径的中间、内部或外部,对于一个封闭的图形,那么内边框会被绘制在图形
    sketch中文网 2018-10-29
    590 0
  • 外阴影和内阴影有着相同的参数设置和工作原理,唯一的区别是阴影一个在图形外部一个在图形内部。每个阴影都有自己的叠加模式,可在颜色弹窗中进行调整。扩散每个阴影都可设置扩散值,它可增强图形的阴影效果。需要注意的是,当模糊半径被设置为 0 的时候,
    sketch中文网 2018-10-29
    548 0
  • Sketch 为你提供了四种不同的模糊方式,你可在属性检查器的模糊选项中进行调节:・高斯模糊(Gaussian Blur):均匀的模糊图层・动态模糊(Motion Blur):向一个方向模糊,造成一种运动的错觉・缩放模糊(Zoom Blur
    sketch中文网 2018-10-29
    550 0
  • Sketch 里直接将取色器放在了属性检查器当中。你可选中一个图形,进入填充或者边框选择面板,再点击色彩按钮选择需要的颜色。此时,通用检查器将会滑到一边,弹出一个新的色彩面板。色彩面板会根据你要编辑的颜色类型(阴影颜色、填充颜色、纯色还是渐
    sketch中文网 2018-10-29
    603 0
  • 要为图形添加渐变填充,可直接选中图形,点击填充按钮,此时色彩工具就会显示在属性检查器中。想了解色彩工具的使用方式,可先阅读颜色工具章节。在色彩面板的底部,你可选择填充纯色、渐变、图案还是杂色。可选择线性渐变、径向渐变或是环形渐变,它们在 S
    sketch中文网 2018-10-29
    691 0
  • 共享样式在属性检查器一般图层选项和样式选项中间的白色区域里。 你可以通过选中某个形状,然后在鼠标右键的选项中选择创建新共享样式(Create New Shared Style)来创建它。样式
    sketch中文网 2018-10-29
    562 0
  • 除了像图形、位图、文本这样的基本图层外,Sketch 还有一些特殊图层类型,它们对图层的整理和导出等工作上非常有用。
    sketch中文网 2018-10-29
    525 0
  • Sketch 里的画板是在无限的画布中建立一块固定大小的画板,但这些画板完全是可选择的。当设计一个响应式网页时,你会想针对不同大小的屏幕进行设计,这时你就可将每一个屏幕尺寸设定为一个画板。如果设计图标时,你会想限制自己在默认的图标尺寸中创作
    sketch中文网 2018-10-29
    805 0
  • 你可对多个图层进行编组,并让它们以一个“层”的样子展现。你可以移动和改变组的大小,同时也可进入组修改每一个图层的属性。Sketch 当中的编组工具是非常强大的,因为多个组可以再次建为新的组,一起移动或者改变大小。当你改变一个组的大小时,组当
    sketch中文网 2018-10-29
    507 0
  • 一个 Sketch 文档内可以包含多个页面(Page)。与其一个页面一个文档,不如将多个相关页面放在一个 sketch 文档中,这样的好处很多。比如说元件和共享样式将在页面中通用,但不能跨文档使用。另一个多页面的好处就是,虽然每个页面都可轻
    sketch中文网 2018-10-29
    509 0
  • Sketch 里的画布区域是无限大的。画布预览模式有两种,你可以用矢量(分辨率无关)模式来查看画布,也可以打开像素模式来查看每一个像素导出后的样子。可在像素缩放章节查看到更多内容如果你想在画布中设置一个固定的边框,你可以直接用画板(Artb
    sketch中文网 2018-10-29
    580 0
  • 在 Sketch 里,你可用来你两种方式来查看你的作品,具体用哪一种则取决于你的创作了。这两种模式执行菜单命令视图(View)> 画布(Canvas)当中切换,也可用快捷键 control ⌃ + P&n
    sketch中文网 2018-10-29
    633 0
  • Sketch 里的这几个工具能帮你把图层准确的放在理想的位置,是沿着网格还是沿着一条直线,又或是在另两个图层正中间。参考线智能参考线在默认情况下是被打开的,可执行菜单命令视图(View)> 画布(Canvas)> 显示智能参考线
    sketch中文网 2018-10-29
    3109 0
  • Sketch 有一个超棒的内置工具,来确保你创作的内容都能整齐排列。这对与那些收到 Sketch 设计稿的开发人员来说也是个福音,他们可以轻松的查看每个元素之间的精确距离。距离当你按住键盘上的 option ⌥ 键,Sk
    sketch中文网 2018-10-29
    716 0
  • 想要导出你的文件,你可以从菜单栏进入文件(File)> 导出…(Export…)或者直接单击工具栏中的导出按钮。Sketch 的画布是无限的,所以导出文件时,你要告诉 Sketch 你想导出具体哪个部分。Sketch 3 极大改进了导
    sketch中文网 2018-10-29
    730 0
  • Sketch 3 里的新功能是可以无需建立切片而直接导出图层。图层 VS 切片导出图层本身意味着画布上其它的元素都不会被一起导出,如果它表面有一个图层或者有一个背景图层,它们也都不会被包含进导出的文件。这个方法很适用于导出图标或者一个大的设
    sketch中文网 2018-10-29
    885 0
  • 切片能让你将画布中的特定区域导出为一个文件。一个 Sketch 可以有无数个切片,每个切片都能导出不同的文件。图层切片在 Sketch 3 当中,切片被视为普通图层。这么做会有很多好处,比如说你可以把想要导出的多个图层编组形成一整个切片,当
    sketch中文网 2018-10-29
    1070 0
  • 支持导出的文件格式・JPG:照片文件所常用的格式,但并不支持透明度。・PNG:如果你画的内容中有透明的像素,这将是最好的选择。・TIFF:支持透明度,但这种格式的文件会更大。・PDF or EPS:保存矢量对象,目前基本支持。・SVG:能很
    sketch中文网 2018-10-29
    906 0
  • Sketch 3 里的画板无需先创建切片就可以直接导出,只需先添加一个画板的导出尺寸,下次你单击导出时,Sketch 就会帮你也导出画板了。当你的画布上已经有几个画板了,然后你第一次点击导出,Sketch 会推测你是想导出这些画板,并自动的
    sketch中文网 2018-10-29
    687 0
  • Sketch 有一个贴心的小功能,帮助网页设计师将他们的静态原型转化成真实的 HTML 代码。当你在画布中选中了任意数量的元素,你都可以进入菜单栏中选择的 编辑(Edit)> 复制CSS 属性(Copy CSS Attributes)
    sketch中文网 2018-10-29
    845 0
  • Sketch 中的画板和切片都是可以打印的。进入文件(File)> 打印(Print),你就会得到一个画板列表(如果没有画板的花就会是切片列表)。接着会出现一个标准的打印对话框让你设置打印需求。值得注意的是,Sketch 已经为你设置
    sketch中文网 2018-10-29
    829 0
  • 支持导入的文件格式Sketch 支持导入几种不同格式的文件,您可以将文件拖进 dock 上的 Sketch 图标,或者直接拖进一个已经打开的画布里。・JPG:照片文件所常用的格式,但并不支持透明度。・PNG:如果您画的内容中有透明的像素,这
    sketch中文网 2018-10-29
    698 0
  • Sketch 的偏好设置分为通用、画布和图层设置。同时 Sketch 有一些隐藏的偏好设置,对于一些特定的使用需求将会很有用。想要使用这些指令,进入到 Mac 下的 “终端” ,然后输入这些命令。重启 Sketch 即会生效。要想关闭其中的
    sketch中文网 2018-10-29
    712 0
  • 打开软件时打开 Sketch 时,您需要创建一个新的文件,或者选择现有文件。撤销Sketch 会将多个相似的操作视为一组,比如您连续多次按下方向键以移动图层,但是只需一次撤销,即可恢复原来的位置。字体渲染当您为 Mac 或网页设计时,您会想
    sketch中文网 2018-10-29
    732 0
  • RetinaMac 和 iOS 的显示器会用 4 个像素来显示 1 个传统的像素。新的 Retina Mac Book Pro 上的像素是旧版本的 4 倍,但展示的内容大小是一模一样的,它们只是用多的像素来展现图片和字体的更多细节。默认设置
    sketch中文网 2018-10-29
    684 0
  • 比例缩放如果新建组的比例是被锁住的,那么这个图只会按照固定比例缩放。如果没有锁住,则可以任意改变其大小。开启新组的直接选择默认设置下,新建组的直接选择功能是关闭的,一旦打开,之后新建的任何组都可以进行直接选择。位移贴图 & 对象复制
    sketch中文网 2018-10-29
    679 0
  • Sketch 的性能可以轻松的支持相当复杂的设计,但如果您创作出了一个很大的文件,您可能会想知道有哪些因素影响着 sketch 的性能。模糊模糊是非常消耗系统资源的效果。Sketch 需要先将图层渲染成一个位图(这已经很消耗资源了),然后再
    sketch中文网 2018-10-29
    654 0
  • Sketch 有一系列为数不多但相当实用的快捷键,它们能大大提高您的工作效率。通用快捷键・control ⌃ + L:触发自动参考线・control ⌃ + G:触发网格・spac
    sketch中文网 2018-10-28
    733 0