Sketch Measure for Mac(sketch标注插
Sketch Measure for Mac是一款在mac电脑上运行的尺寸标注神器,是sketch最得力的插件之一,目前已经汉化;本站提供sketch measure下载可以帮你轻松标注元素的尺寸、间距、距离、文字属性等,对于UI设计师来说这款插件是一款不可多得的好工具!
![](https://img.haomeiwen.com/i16806397/f046bdd9bc378514.jpeg)
sketch measure mac版安装教程
Sketch Measure for Mac(sketch标注插件)镜像包下载完成后打开,双击【Sketch Measure.sketchplugin】,
![](https://img.haomeiwen.com/i16806397/d9d7089407cfca37.jpeg)
提示Sketch Measure安装完成,点击好的。
![](https://img.haomeiwen.com/i16806397/81b98c32d0c48adc.jpeg)
注意:Sketch Measure 2.8.0支持sketch 53 以上版本
在插件目录下我们看到Sketch Measure已经安装好了。
![](https://img.haomeiwen.com/i16806397/cdd9baf1368f6442.jpeg)
sketch measure破解版插件功能介绍
工具栏
一个集成了所有功能图标的工具栏,可以方便操作每一个功能
执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B
![](https://img.haomeiwen.com/i16806397/89b5fe7eb30a6439.jpeg)
标注区域
有时你可能需要标注一个区域以突出该层,而这在 Sketch Measure 中很容易实现
在 Sketch 中选中一个或多个层
点击工具栏上的 区域 按钮或使用快捷键 control ⌃ + shift ⇧ + 1
标注尺寸
用于标注一些图层的宽度和高度
在 Sketch 中选中一个或多个层
点击工具栏上的 尺寸 按钮或使用快捷键 control ⌃ + shift ⇧ + 2
对于宽度和高度,如果你想分别单独标注以及设置显示方式
可以在按住 alt ⌥ 键的同时点击工具栏上的 尺寸 按钮
![](https://img.haomeiwen.com/i16806397/a540bf07c396430b.jpeg)
标注间隔
任何层与画板之间的间距
选中在画板上的一个层或选中任意两个层
点击工具栏上的 间隔 按钮或使用快捷键 control ⌃ + shift ⇧ + 3
如果你想分别单独显示顶部、右、底部或左的间距
可以在按住 alt ⌥ 键的同时点击工具栏上的 间隔 按钮
![](https://img.haomeiwen.com/i16806397/3ee6a2b8881b6636.jpeg)
标注属性
标注图层或文本层的信息,例如填充颜色、边框颜色、不透明度字体和字号等
在 Sketch 中选中一个或多个层
点击工具栏上的 属性 按钮或使用快捷键 control ⌃ + shift ⇧ + 4
如果你想分别单独标注任何属性
可以在按住 alt ⌥ 键的同时点击工具栏上的 属性 按钮
标注备注
![](https://img.haomeiwen.com/i16806397/8bd1edabb5b04289.jpeg)
在画板上标注一些备注,在规范导出的查看器中展示
![](https://img.haomeiwen.com/i16806397/1356bd1bf5ea7fbe.jpeg)
插入文本层,键入一些文本
选中文本层
点击工具栏上的 备注 按钮或使用快捷键 control ⌃ + shift ⇧ + 5
设置切图
快速设置层导出选项的预设和 规范导出 切片规格,例如下图导出安卓资源
![](https://img.haomeiwen.com/i16806397/0c05da9bfc9e1ef8.jpeg)
在 Sketch 中选中一个或多个层
点击工具栏上的 设置切图 按钮或使用快捷键 control ⌃ + shift ⇧ + S
如果你想创建切片图层
可以在按住 alt ⌥ 键的同时点击工具栏上的 设置切图 按钮
![](https://img.haomeiwen.com/i16806397/42ad80064e742c85.gif)
![](https://img.haomeiwen.com/i16806397/b0acc5d4ca716b02.gif)
颜色命名
设置颜色命名和导出 .xml 文件给开发者
点击工具栏上的 颜色命名 按钮或使用快捷键 control ⌃ + shift ⇧ + C
在 Sketch 中选中一个或多个图层或文本层
在第 1 步骤弹出的颜色管理对话框界面中点击 + 按钮
如果你想编辑颜色命名
在对话框界面中双击颜色项目即可
![](https://img.haomeiwen.com/i16806397/a306d1f4d5663b66.jpeg)
规范导出
一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式
在 Sketch 中选中一些画板
点击工具栏上的 规范导出 按钮或使用快捷键 control ⌃ + shift ⇧ + E
如果你创建一个 HTML 文件一个画板,请取消选中“高级模式”
![](https://img.haomeiwen.com/i16806397/4a0daea4b8ac4e99.jpeg)
规范查看器
你可以使用 Safari 9+ 或 Google Chrome 来查看, 导出的规范基于 HTML 5、CSS 3 和 Javascript 呈现
选中一个层并悬停在层上来测量和获得间距
点击位于规范查看器界面右侧属性检查器的颜色区域可改变颜色格式
使用 command ⌘ + + 和 command ⌘ + - 来缩放画布
摁住键盘空格键, 同时鼠标拖拽画布可平移画布
切换备注开关可显示和隐藏备注
![](https://img.haomeiwen.com/i16806397/0b5dd89e97216b66.jpeg)
小编点评
Sketch Measure for Mac是解救广大UI Designer于水深火热之中的神器,能够彻底解决开发人员和设计师之间沟通不畅的问题!