标注神器Sketch Measure v2.8.1

更新时间:08-24   软件大小:400 KB   软件由 设计小编 上传,软件仅供学习参考

解救广大UI Designer于水深火热之中的神器,能够彻底解决开发人员和设计师之间沟通不畅的问题!


安装


  • 下载安装包

  • 双击 Sketch Measure.sketchplugin 完成安装


工具栏


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

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


标注神器Sketch Measure v2.8.1


标注区域


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


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

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


标注尺寸


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


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

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


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

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


标注神器Sketch Measure v2.8.1


标注间隔


任何层与画板之间的间距


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

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


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

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

标注神器Sketch Measure v2.8.1


标注属性


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


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

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


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

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


标注神器Sketch Measure v2.8.1


标注备注


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


标注神器Sketch Measure v2.8.1


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

  • 选中文本层

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



设置切图


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


标注神器Sketch Measure v2.8.1


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

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


如果你想创建切片图层

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


标注神器Sketch Measure v2.8.1标注神器Sketch Measure v2.8.1

 

颜色命名


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


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

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

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


如果你想编辑颜色命名

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


标注神器Sketch Measure v2.8.1


规范导出


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


  • 在 Sketch 中选中一些画板

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


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


标注神器Sketch Measure v2.8.1


规范查看器


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


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

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

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

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

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


标注神器Sketch Measure v2.8.1


在线演示:

http://utom.design/news/



注意事项


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


标注神器Sketch Measure v2.8.1


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


标注神器Sketch Measure v2.8.1


0
大家都在问

1、成为VIP后官网所有素材都可以下载吗?

成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

2、素材会持续更新吗?

会 ,网站资料每天都有更新,且资源都是高端素材,精心的海外商业设计资源,可激发你的创造性。

3、充值购买后多久能够下载素材?

付款后秒成为VIP会员,如付款后没有显示VIP标识,可以退出重新登录账号即可显示。

4、免费下载或者VIP会员专享资源能否直接商用?

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

5、购买后支持退款吗?

在VIP有效期内素材可以无限下载,由于素材是虚拟物品,购买之后不支持退换。

标签:sketch插件
图翼网微信公众号:tuyiyicom
图翼网在线客服QQ:1003030973
图翼网站导航
图翼网QQ群联盟