Sketch 学习(不定时更新)

最近因为公司的美工特别忙,忙到没空给我切图,没办法,只能去请教一下他们大概用什么工具来切图,然后自己学。他们推荐了Sketch这个工具给我,说特别好用,现在就边学便自己做些记录。
1.sketch界面:


Sketch 学习(不定时更新)_第1张图片
1.png

page界面:分页命名 layer层:图形组合显示 Artboard画板:图形展示 工具条:选择图形以及图形处理 检查器:尺寸设置,样式设置

2.插入图形

Sketch 学习(不定时更新)_第2张图片
Paste_Image.png

在这里可以选择你想要的图形;
(自定义工具栏)也可以通过右键单击工具条,选择 Customize toolbar

Sketch 学习(不定时更新)_第3张图片
Paste_Image.png

将所需要的图形拖到工具条上,就可以直接使用了

Sketch 学习(不定时更新)_第4张图片
Paste_Image.png

选择一个固定面板,使用快捷键A,在右侧出现默认的面板,选取一个你想要的面板

Sketch 学习(不定时更新)_第5张图片
Paste_Image.png

基本默认快捷键:
A: 展示默认面板;
command + 鼠标在图形中的8个点任意一个,都可以快速旋转角度;
option + 0~9 快速修改透明度;
选中图形后,摁住shift 再生成图形,等到的是一个宽高一样的图形;
option + command 移动被覆盖在底部的图层;
选中图形后,摁住 option 生成的坐标是开始的坐标;
command + 方向键 缩放图形,每次缩放1;
command + shift + 方向键,每次缩放 10;

导出图片:
做好图片之后,可以导航栏出的Plugins(插件)里导出图片,支持iOS,安卓以及web.

Sketch 学习(不定时更新)_第6张图片
Paste_Image.png

你可能感兴趣的:(Sketch 学习(不定时更新))