1. 主页 > 设计教程

Sketch 知道这些就够了

Sketch 知道这些就够了(图1)

来源:站酷  作者:申子胥

使用Sketch一年多,各种花里花哨的插件试用过不少,总结了一下,发现知道这些就够了。

这是目录,纵观全局用的:

使用技巧:

sketch自定义快捷键方法

使画板自动适应元素尺寸 —— Resize Artboard to Fit

Sketch一键清除所有参考线

sketch 快速收起/展开所有画板

插件一览:

Measure —— 标注神器

Zeplin —— PS 的新标注福音

Craft —— 填图神器、填字神器、未来的原型制作神器

Rename it —— 整理画板神器(我就偶尔用用)

一、技巧篇

sketch自定义快捷键方法

sketch的快捷键并不是很完善,有些很好用很常用的功能因为没有快捷键,使用起来有些麻烦。这里介绍下自定义快捷键的方法,比如自定义创建三角形快捷键的方法。

Sketch 知道这些就够了(图2)

使画板自动适应元素尺寸 —— Resize Artboard to Fit

平时做图经常会遇到画板拉的好长,然后提交最终稿之前需要把画板缩小到和元素一样大小。可是一个个手动缩小十分麻烦。

这个是sketch自带的功能,藏在 Layer → Resize Artboard to Fit,自定义快捷键后,点击画板内容或画板 + 快捷键,就可以快速去掉没用的部分。

Sketch 知道这些就够了(图3)

Sketch一键清除所有参考线

之前我都是一根一根吧参考线拉走的,现在想想好笨。另外control + T是隐藏参考线,不是清除参考线。

在标尺上右键,最后一项 『 Remove All Vertical Guides 』即为移除所有纵向参考线,同理,可以移除所有横向参考线。

Sketch 知道这些就够了(图4)

sketch 快速收起/展开所有画板

这个也是sketch自带的功能,在View → Layer List → 『 Collapse Artboards and Groups 』,可以用上述方法为它设置个快捷键,然后用起来爽的不得了。

Sketch 知道这些就够了(图5)

二、插件篇

标注工具:Measure & Zeplin

Measure

用过一段时间Zeplin,但是因为要花钱,而且导出还有网络等问题,所以暂时放弃了,开始尝试用Measure。

Measure插件下载直通车 →在这在这

链接里使用方法以及快捷键已经介绍很完备了。使用简洁。选中画板,然后 Spec export导出。

Sketch 知道这些就够了(图6)

导出的是一个文件夹,里面会有一个html文件,直接将这个文件甩给开发爷爷就可以了。

Sketch 知道这些就够了(图7)

打开如下图所示,点击元素可以查看元素大小高度位置等信息,也可查看距离等信息。实在是偷懒之神器。

Sketch 知道这些就够了(图8)

Zeplin

Zeplin的好处在于,开始支持PS了!!!没有Mac不要紧,Zeplin网页版照样看(据说不久后会有Windows版)。

简直是一些抵抗固执之人类的神器。如果你的同事死也不愿意用sketch,请把这个丢给他!!好好说话的话,开发爷爷也会喜欢的。

Zeplin下载直达 → 链接:http://pan.baidu.com/s/1nuGBUit密码: v9mt

用法就不介绍了,自己琢磨去!

Craft —— 填图神器+填字神器+未来的原型制作神器

Craft的好处是完全可以填充真实图片和真实的中文文字。

Craft 下载直达 →Craft by InVision LABS

在web上输入网站地址,既可以获取指定网站的真实图片,超级快速,即用即去,分分钟表现出高保真的图,向领导展示你的专业时刻来了。

Sketch 知道这些就够了(图9)

题外话:前段时间 Craft 推出 『 Library』,本来以为可以取代 Iconjar ,后来发现还是有点鸡肋,对于一些常用的nav bar等存进去后发现根本分不清谁是谁,缩略图太小了。

Rename it —— 心血来潮 整理画板 时候用

和名字一样,是用来批量重命名的工具。平时我只有在整理一个项目的所有设计时候可能用到。所以放在最后来讲。

Rename it插件下载直通车 →在这在这

Sketch 知道这些就够了(图10)

输入命名规则,即可对所选画板进行批量重命名。除了整理画板我还没碰到需要他的时候。

Sketch 知道这些就够了(图11)

目前就这样了,有想法的时候再补充。

知乎专栏:https://zhuanlan.zhihu.com.zcool.cn.zcool.cn.zcool.cn/findapp

转载请注明原作者:申子胥

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息