Sketch Measure for Mac(sketch 标注插件) v2.8.1 中文激活版

Sketch Measure mac 中文版是 Macos 上一款 sketch 标注插件，可以帮你轻松标注元素的尺寸、间距、距离、文字属性等，对于 UI 设计师来说这款插件是一款不可多得的好工具！Macw 提供 Sketch Measure mac 破解版下载资源，需要的朋友欢迎安装体验。

Sketch Measure for Mac(sketch标注插件) v2.8.1中文激活版

1、工具栏

• 一个集成了所有功能图标的工具栏，可以方便操作每一个功能执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control⌃shif⇧B

2、标注区域

有时你可能需要标注一个区域以突出该层，而这在 Sketch Measure 中很容易实现

• 在Sketch中选中一个或多个层

• 点击工具栏上的区域按钮或使用快捷键 control⌃shift⇧1

3、标注尺寸

用于标注一些图层的宽度和高度

• 在 Sketch 中选中一个或多个层

• 点击工具栏上的尺寸按钮或使用快捷键 control⌃shift⇧2

• 对于宽度和高度，如果你想分别单独标注以及设置显示方式

• 可以在按住 alt⌥键的同时点击工具栏上的尺寸按钮
  

4、标注间隔

任何层与画板之间的间距

• 选中在画板上的一个层或选中任意两个层

• 点击工具栏上的间隔按钮或使用快捷键 control⌃shift⇧3

• 如果你想分别单独显示顶部、右、底部或左的间距

• 可以在按住 alt⌥键的同时点击工具栏上的间隔按钮
  

5、标注属性

标注图层或文本层的信息，例如填充颜色、边框颜色、不透明度字体和字号等

• 在Sketch中选中一个或多个层

• 点击工具栏上的属性按钮或使用快捷键 control⌃shift⇧4

• 如果你想分别单独标注任何属性

• 可以在按住 alt⌥键的同时点击工具栏上的属性按钮
  

6、标注备注

在画板上标注一些备注，在规范导出的查看器中展示

• 插入文本层，键入一些文本

• 选中文本层

• 点击工具栏上的备注按钮或使用快捷键 control⌃shift⇧5

7、设置切图

快速设置层导出选项的预设和规范导出切片规格，例如下图导出安卓资源

• 在 Sketch 中选中一个或多个层

• 点击工具栏上的设置切图按钮或使用快捷键 control⌃shift⇧S

• 如果你想创建切片图层

• 可以在按住 alt⌥键的同时点击工具栏上的设置切图按钮
  

8、颜色命名

设置颜色命名和导出 .xml 文件给开发者

• 点击工具栏上的 颜色命名 按钮或使用快捷键 control⌃shift⇧C

• 在 Sketch 中选中一个或多个图层或文本层

• 在第 1 步骤弹出的颜色管理对话框界面中点击颜色命名按钮
  

• 如果你想编辑颜色命名

• 在对话框界面中双击颜色项目即可

9、规范导出

一键自动生成 HTML 页面，离线下检查所有设计细节，包括 CSS 样式。

• 在 Sketch 中选中一些画板

• 点击工具栏上的规范导出按钮或使用快捷键 control⌃shift⇧E

• 如果你创建一个 HTML 文件一个画板，请取消选中高级模式
  

10、规范查看器

你可以使用 Safari 9 或 Google Chrome 来查看, 导出的规范基于 HTML 5、CSS 3 和 Javascript 呈现

• 选中一个层并悬停在层上来测量和获得间距

• 点击位于规范查看器界面右侧属性检查器的颜色区域可改变颜色格式

• 使用 command⌘和 command⌘-来缩放画布

• 摁住键盘空格键, 同时鼠标拖拽画布可平移画布

• 切换备注开关可显示和隐藏备注