图像处理

展开

sketchmeasure下载-Sketch Measure【sketch标注插件】v3.2免费版下载

大小:556KB语言:中文 类别:图像处理系统:Win All
简介|教程|评论(0)
软件性质:免费软件时间:2023-08-22 16:53:21

标签: sketchmeasureSketch插件

软件介绍

Sketch Measure是九点小编为大家推荐的一款强大的Sketch插件,功能十分的出色!Sketch Measure集成了各种便捷实用的工具,如:标注和切图等等,通过这款标注插件可以帮助用户轻松完成设计一类的工作。

Sketch Measure软件介绍

Sketch Measure安装方法

下载,然后解压打开,找到后缀是.sketchplugin的文件就是这个插件啦

首先打开Sketch,在最上方的任务栏中找到插件(Plugins),点开,选择管理插件(Manage Plagins)。

Sketch Measure安装方法1

打开插件管理界面,点击左下角的小齿轮,选择显示插件文件夹(Reveal Plugins Folder)

Sketch Measure安装方法2

接着插件文件夹所在的位置会跳出,将刚才的插件文件放入这个文件夹中就完成了,这时再打开Sketch-Plugin时就会看到measure啦!

Sketch Measure安装方法3

Sketch Measure安装方法4

使用教程

使用Measure这个插件首先需要打开它的工具栏,在sketch工具栏的Plugins - Sketch Measure - 工具栏,快捷键是control+shift+B。

Sketch Measure使用教程1

Measure的功能全部集中在这个工具栏中,简单清晰。

Sketch Measure使用教程2

标注间隔

任何层与画板之间的间距

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

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

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

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

Sketch Measure使用教程4

标注尺寸

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

在 Sketch 中选中一个或多个层

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

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

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

Sketch Measure使用教程3

标注属性

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

在 Sketch 中选中一个或多个层

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

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

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

Sketch Measure使用教程5

规范查看器

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

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

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

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

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

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

Sketch Measure使用教程12

标注备注

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

Sketch Measure使用教程6

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

选中文本层

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

设置切图www.9a9m.com

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

Sketch Measure使用教程7

Sketch Measure使用教程9

颜色命名

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

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

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

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

如果你想编辑颜色命名

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

Sketch Measure使用教程10

规范导出

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

在 Sketch 中选中一些画板

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

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

Sketch Measure使用教程11

在 Sketch 中选中一个或多个层

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

如果你想创建切片图层

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

Sketch Measure使用教程8

注意事项

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

Sketch Measure使用教程13

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

Sketch Measure使用教程14

九点软件园小编对真实下载地址介绍

1:该下载地址为九点软件园本地下载地址,sketchmeasure下载包预览图如下:

sketchmeasure下载包预览图

2:下载包的正确包名:sketchmeasure_9a9m.com.zip

热门推荐
推荐教程
猜你喜欢
用户评论
本类排行