sketch android xml,史上最详细Sketch Measure讲解

SketchMeasure是一款为Sketch设计工具提供尺寸、间距、属性标注和导出功能的插件。通过简单快捷的操作,设计师可以方便地标注区域、尺寸、间隔和属性,并导出切图和颜色命名信息,提高设计协作效率。
摘要由CSDN通过智能技术生成

安装下载安装包

双击Sketch Measure.sketchplugin完成安装

44164422757fdef12eca32fa54519f81.png

工具栏

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

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

e26c1adb9df74181d9657fe28c29a091.png

标注区域

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

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

标注尺寸

用于标注一些图层的宽度和高度在 Sketch 中选中一个或多个层

点击工具栏上的尺寸按钮或使用快捷键 control⌃+ shift⇧+2对于宽度和高度,如果你想分别单独标注以及设置显示方式

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

e301ed60083f64085eeac06afc3adf8f.png

标注间隔

任何层与画板之间的间距选中在画板上的一个层或选中任意两个层

点击工具栏上的间隔按钮或使用快捷键 control⌃+ shift⇧+3如果你想分别单独显示顶部、右、底部或左的间距

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

003fc1bf41ff1b4c3a5daf75014fc933.png

标注属性

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

点击工具栏上的属性按钮或使用快捷键 control⌃+ shift⇧+4如果你想分别单独标注任何属性

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

b9d8a27f479602a4fa65d85b47a29755.png

标注备注

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

6b948becb404dd13dc3ce94d91f026b0.png

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

选中文本层

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

设置切图

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

11ac7a0833bbc96ca968ad571bc52eca.png

在 Sketch 中选中一个或多个层

点击工具栏上的设置切图按钮或使用快捷键 control⌃+ shift⇧+S如果你想创建切片图层

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

11ac7a0833bbc96ca968ad571bc52eca.png

颜色命名

设置颜色命名和导出.xml文件给开发者点击工具栏上的颜色命名按钮或使用快捷键 control⌃+ shift⇧+C

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

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

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

1e8d053ab9ce0bf8805085e743fa26e1.png

规范导出

亲!小编正在上传资源中,请稍等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值