Sketch Measure是一款好用的sketchup切图插件，可自定义标注区域、标注尺寸、标注间隔、标注属性、设置切图、颜色命名等参数，大大提高sketchup切图效率，支持sketchup多个版本，需要的朋友赶快下载吧！

Sketch Measure使用说明

1、工具欄

一個集成了所有功能圖標的工具欄，可以方便操作每一個功能

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃+ shift ⇧+ 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 ⌘+ -来缩放画布

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

切換備注開關可顯示和隱藏備注

注意事項

第一次執行上述操作會彈出界面倍率和單位選擇對話框

选择的倍率和单位基于当前画板尺寸，如 Sketch 默认 iPhone 7 画板 375x667px 的倍数和单位分别为 1 和 px，同时 Sketch Measure 也内置了常用的倍率和单位，点击下拉菜单即可选择