sketch measure中文版_Sketch自动标注、切图插件 V2.8.1 下载

sketch软件标注和切图一直很不方便，小编今天给大家分享一款sketch软件上相当好用的标注切图工具下载，它就是sketch measure!sketch measure是一套功能非常专业的Sketch自动标注、切图插件，本次小编分享的是sketch measure中文版下载。

界面预览图：

Sketch Measure 是一个Sketch自动标注、切图插件，现在很多UI设计师都装了此插件，效果非常好。

Sketch Measure插件可以帮你容易完成标注元素的尺寸、间距、距离、文字属性等操作，有了本插件后您完全不需要自己手写标注，可以自动标注、切图，搞定后导出成PDF就OK了。

Measure插件可以标注图层或文本层的一些信息，像颜色，透明度字体与字号等。他的使用方法是在 Sketch 中选中一个或多个层，随后点击工具栏上的 属性 按钮或使用快捷键 control+shift+4，同样可以通过按住alt并点击属性按钮来设置具体标注的内容。

值得一提的是该插件支持一键自动生成html页面，离线查看所有设计细节，包含CSS样式。

有了Sketch measure后，您可以告别付费的zeplin了。

sketch measure中文版安装教程：

1、解压下载的Sketch Measure.zip压缩包。

2、双击 Sketch Measure.sketchplugin安装就OK了。

3、安装完成后，在sketch插件中就会出现sketch Measure插件了。

sketch measure自动标注切图插件使用说明：

============工具栏============

一个集成了所有功能图标的工具栏，可以方便操作每一个功能

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B

============标注区域============

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

1、在 Sketch 中选中一个或多个层

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

============标注尺寸============

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

1、在 Sketch 中选中一个或多个层

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

对于宽度与高度，如果你想分别独自标注与设置显示方式

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

============标注间隔============

任何层与画板中间的间距

1、选中在画板上的一个层或选中任何两个层

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

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

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

============标注属性============

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

1、在 Sketch 中选中一个或多个层

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

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

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

============标注备注============

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

1、插入文本层，键入一些文本

2、选中文本层

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

============设置切图============

快速设置层导出选项的预设与 规范导出 切片规格，例下图可供参考导出安卓资源

1、在 Sketch 中选中一个或多个层

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

如果你想创建切片图层

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

============颜色命名============

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

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

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

3、在第 1 步骤弹出的颜色管理对话框界面中点击 + 按钮

如果你想编辑颜色命名

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

============规范导出============

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

1、在 Sketch 中选中一些画板

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

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

============规范查看器============

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

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

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

使用 command ⌘ + + 与 command ⌘ + - 来缩放画布

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

切换备注开关可显示与隐藏备注

============使用方法总结============

1、要使用Measure这个插件第一步需要打开它的工具栏，在sketch工具栏的Plugins – Sketch Measure – 工具栏，快捷键是control+shift+B。

2、选中画板(而不是画板中的某个元素)--插件--sketch Measure-spec export--确定--导出--选择要倒出的文件夹--找到倒出的index.XML文件--双击打开index.xml文件。

3、点击画板中的某个元素，即可查看某个元素的大小与离其他元素的间距。