安装

下载安装包

双击 Sketch Measure.sketchplugin 完成安装

工具栏

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

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

标注区域

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

在 Sketch 中选中一个或多个层

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

标注尺寸

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

在 Sketch 中选中一个或多个层
点击工具栏上的 尺寸 按钮或使用快捷键 control  + shift  + 2
对于宽度和高度,如果你想分别单独标注以及设置显示方式
可以在按住 alt  键的同时点击工具栏上的 尺寸 按钮

设置切图

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

在 Sketch 中选中一个或多个层
点击工具栏上的 设置切图 按钮或使用快捷键 control  + shift  + S
如果你想创建切片图层
可以在按住 alt  键的同时点击工具栏上的 设置切图 按钮

颜色命名

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

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

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

在第 1 步骤弹出的颜色管理对话框界面中点击 + 按钮
如果你想编辑颜色命名

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

规范导出

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

在 Sketch 中选中一些画板

点击工具栏上的 规范导出 按钮或使用快捷键 control  + shift  + E
如果你创建一个 HTML 文件一个画板,请取消选中“高级模式”

规范查看器

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

选中一个层并悬停在层上来测量和获得间距
点击位于规范查看器界面右侧属性检查器的颜色区域可改变颜色格式
使用 command  + + 和 command  + - 来缩放画布
摁住键盘空格键, 同时鼠标拖拽画布可平移画布
切换备注开关可显示和隐藏备注

注意事项

第一次执行上述操作会弹出界面倍率和单位选择对话框

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

发表评论

邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源