页面载入中...

Sketch 知道这些就够了

xingSketch, 2016-06-160

Sketch 知道这些就够了 by 申子胥

来源:站酷  作者:申子胥

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

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

 

使用技巧:

sketch自定义快捷键方法

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

   Sketch一键清除所有参考线

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


插件一览:

Measure —— 标注神器

Zeplin —— PS 的新标注福音

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

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

 

一、技巧篇

  • sketch自定义快捷键方法

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

 

04ec5762198a0000018c1b6d93f2.jpg

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

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

 

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

 

de63576219a20000012e7ebdf0d2.jpg

  • Sketch一键清除所有参考线

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

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


a3a7576219b80000018c1b01f2fc.jpg

 

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

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


f791576219cb0000012e7e6c6488.jpg

二、插件篇

标注工具:Measure & Zeplin

  • Measure

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

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

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


fbfe57621a1c0000012e7e70ffbd.jpg


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


10f457621a340000018c1bda224f.jpg


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

 

154957621a4f0000012e7e600942.jpg

  • Zeplin

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

 

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


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

 

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

 

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

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

Craft 下载直达 → Craft by InVision LABS

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


be8d57621a710000012e7e68bc2e.jpg


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



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

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

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


e7b257621a900000012e7ec2d8d8.jpg


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


389657621aa00000018c1be142d4.jpg

 

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

 

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

 

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

 


标签: sketch sketch技巧

分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信