九宫格
在做图的时候，有的时候需要把画面划分几个部分，分别进行设计。因为随着作图能力的提高，规范性和严谨性就需要提高。尤其是网页设计，一个好的网页设计不是杂乱无序的。
所以我们可以用Sketch里的九宫格，但前提是必须是位图，虽然不知道为什么一定要用位图才可以用九宫格的功能，但一定有它的道理，而且你在对位图进行缩放的时候，是对称的从中心向四周延展开来，但也许有的时候，你是想随着画布的大小而变大，不需要中心向四周扩展，所以用九宫格就比较合适。
首先拖一张图到sketch里，然后Layer — Convert to Nine-slice Image，你会发现图片被划分为了9个区域。你可以单击拖拽四个中心点的任一个来调整9个区域。如下图:
图片被划分了九个区域，中间的四个点，你可以任意拖动这个四个点的横轴纵轴任意改变九宫格的区域大小如下图
这个九宫格一般很少用，只是了解下就好了。所以就现写到这里。
Sketch从入门到精通-Sketch3 九宫格
原创文章，作者：ioued，如若转载，请注明出处：https://www.iamue.com/7763/
UserFlows是一款能在Sketch中从画板生成流程图的插件。 定义链接 要定义两个画板之间的链接 - 选择一个图层和目标画板，然后运行定义链接命令（Cmd Shift K）。 添加条件逻辑 通过插件创建和管理条件，轻松显示条件…
第一章 初识Sketch 1. Sketch 是什么？ Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点，很容易上手使用。它可以很方便的进行网页，图标及移动端界面的设计制作和切图。 2. 为什么要…
Mirror镜像这个只针对于设计手机界面的同学来说，比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏，你会发现这个Mirror，如下图: 看见了么？怎么样能实现和手机同步呢？首先你要在…
现在经常能看到界面上各种模糊效果，或者是背景模糊，然后上面排字，放图片；通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式，分别介绍一下。 首先是最常见的高斯模糊（Gaussian Blur），…
从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用，而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。 在初识了Sketch的界面布局和基础工具之后，我们就可以开始进入高阶的Sketch工具篇学习了。这篇…
Sketch3.9 终于发布了原生的响应式设计解决方案。
只需要设置一个属性，便可以快速实现任意尺寸的适配。
怎样切图及导出图片尺寸 在讲这一章之前，先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式，你可以根据你的需求来选择不同的方式。 合并形状 (Union)：合并的结果…
Sketch 3.6 带来了许多新的更新，终于盼来了文本渲染和SVG的改进，以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题，新的版本中当改变一个文本图层的字体和字体大小时，该图层出…
Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具，在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。 我(英文原文作者)自己是一名自由交互设计师，很早就开始使用Sketch了，它已然成为我设计工作流程…
在进行对图形的具体编辑的时候，会经常用到节点，或者叫点也可以。当你用钢笔画出一个图形的时候，然后回车一下，你就会发现有好多个节点组成了一条线，这个时候我们要对具体某个图形编辑的时候，就可以调节…
