我的博客文章配图基本上都是使用 Sketch
绘制的，但是绘制方法仅限我的自我认知而已。由于没有系统性地学习过
Sketch，因此在遇到一些复杂场景时，绘制的效率非常低。于是最近业余时间在 B
站上学习了一套 Sketch 教程——《Sketch
零基础速学教程（矢量绘图设计工具）》。
这里记录一下教程中提到的快捷键技巧，便于后续参考。经过实测，这些技巧确实能够提升效率，文章封面图就是学完教程结合技巧绘制的图标。
快捷键
基础快捷键
| 新建画板（New Artboard） |
A |
| 插入矩形（Rectangle） |
R |
| 插入原型（Oval） |
O |
| 插入文本（Text） |
T |
| 钢笔工具（Vector Point） |
V |
| 放大（Zoom |
按住 Z，然后框选想放大的区域 |
| 查看间距（Guides） |
Alt（选中一个图层，按住
Alt，鼠标移动移动到另一个图层，可查看选中图层到指向图层的间距） |
| 创建分组（Group） |
⌘ G |
| 取消分组（Ungroup） |
⌘ ⇧ G |
| 复制上一步操作（Duplicate |
⌘ D |
| 编辑（Edit） |
Enter |
吸管工具
复制样式
| 复制图层样式（Copy Style） |
⌘ ⌥ C |
| 粘贴图层样式（Paste Style） |
⌘ ⌥ V |
视图模式
| 演示模式（Presentation Mode） |
⌘ . |
| 以画布为中心放大（Center Canvas） |
⌘ 1 |
| 以选择的图层为中心放大（Zoom
Selection） |
⌘ 2 |
| 视图放大 |
⌘ + |
| 视图缩小 |
⌘ - |
| 恢复到画布实际大小 |
⌘ 0 |
图层
| 在图层面板从上往下选择图层（Selecting
Layer Below） |
tab |
| 在图层面板从下往上选择图层（Selecting
Layer Below） |
⇧ tab |
| 上移图层（Bring Forward） |
⌘ ] |
| 下移图层（Bring Backward） |
⌘ [ |
| 置顶图层（Bring to Front） |
⌘ ⌥ ] |
| 置底图层（Bring to End） |
⌘ ⌥ [ |
相关补充
| 隐藏图层 |
⌘ ⇧ H |
| 锁定图层 |
⌘ ⇧ L |
| 查找图层 |
⌘ F |
| 变换工具 |
⌘ ⇧ T |
| 旋转工具 |
⌘ ⇧ R |
| 将字体转换成轮廓 |
⌘ ⌥ O |
| 显示/取消填充 |
F |
| 显示/取消描边 |
B |
| 将当前图层用作蒙版 |
⌘ ⌃ M |
| 改变形状尺寸 |
⌘ 键盘上/下/左/右 |
| 切换不同的 Sketch 文件 |
⌘ ~ |
设置
屏幕分辨率尺寸
| iPhone14 |
6.1寸 |
1170x2532 |
390x844 |
460 |
@3x |
1pt=3px |
| iPhone12 Pro Max |
6.7寸 |
1284x2778 |
428x926 |
458 |
@3x |
1pt=3px |
| iPhone12 Pro |
6.1寸 |
1170x2532 |
390x844 |
460 |
@3x |
1pt=3px |
| iPhone11 Pro Max |
6.5寸 |
1242x2688 |
414x896 |
458 |
@3x |
1pt=3px |
| iPhone11 Pro |
6.1寸 |
1125x2436 |
375x812 |
458 |
@3x |
1pt=3px |
| iPhone11 |
5.8寸 |
828x1792 |
414x896 |
326 |
@2x |
1pt=2px |
| iPhone8 Plus |
5.5寸 |
1242x2208 |
414x736 |
401 |
@3x |
1pt=3px |
| iPhone8 |
4.7寸 |
750x1334 |
375x667 |
326 |
@2x |
1pt=2px |
| iPhoneSE |
4.0寸 |
640x1136 |
320x568 |
326 |
@2x |
1pt=2px |
| iPhone3GS |
3.5寸 |
320x480 |
320x480 |
163 |
@1x |
1pt=1px |
UI 设计一般以 390x844 或 375x812 为尺寸进行绘制。
