Sketch中的快捷键总结

迷南。 2023-10-11 12:18 15阅读 0赞

## Sketch中的快捷键总结 ##

Sketch是一款针对UI设计的软件，它在交互层面也做的很易操作

#### Type ####

<table> 
 <thead> 
  <tr> 
   <th align="left">快捷键</th> 
   <th align="left">作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">字体加粗</td> 
   <td align="left">Cmd + B</td> 
  </tr> 
  <tr> 
   <td align="left">加下划线</td> 
   <td align="left">Cmd + U</td> 
  </tr> 
  <tr> 
   <td align="left">字体变大</td> 
   <td align="left">Option + Cmd (+) +</td> 
  </tr> 
  <tr> 
   <td align="left">字体变小</td> 
   <td align="left">Option + Cmd (-) -</td> 
  </tr> 
  <tr> 
   <td align="left">改变字体样式</td> 
   <td align="left">Cmd + T</td> 
  </tr> 
  <tr> 
   <td align="left">居左</td> 
   <td align="left">Cmd + Shift + { </td> 
  </tr> 
  <tr> 
   <td align="left">居中</td> 
   <td align="left">Cmd + Shift + |</td> 
  </tr> 
  <tr> 
   <td align="left">居右</td> 
   <td align="left">Cmd + Shift + }</td> 
  </tr> 
 </tbody> 
</table>

#### Artboards ####

<table> 
 <thead> 
  <tr> 
   <th align="left">快捷键</th> 
   <th align="left">作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">向上移动一个图层</td> 
   <td align="left">Option + Cmd + up</td> 
  </tr> 
  <tr> 
   <td align="left">向下移动一个图层</td> 
   <td align="left">Option + Cmd + down</td> 
  </tr> 
  <tr> 
   <td align="left">移动到顶层</td> 
   <td align="left">Ctrl + Option + Cmd + up</td> 
  </tr> 
  <tr> 
   <td align="left">移动到底层</td> 
   <td align="left">Ctrl + Option + Cmd + down</td> 
  </tr> 
  <tr> 
   <td align="left">向上切换图层</td> 
   <td align="left">Shift + Tab</td> 
  </tr> 
  <tr> 
   <td align="left">向下切换图层</td> 
   <td align="left">Tab</td> 
  </tr> 
  <tr> 
   <td align="left">重新命名</td> 
   <td align="left">Cmd + R</td> 
  </tr> 
  <tr> 
   <td align="left">找到图层</td> 
   <td align="left">Cmd + F</td> 
  </tr> 
 </tbody> 
</table>

### 1.填充图片 ###

利用“`复制粘贴`”与“`填充图片`”这两个操作相结合。

我们经常需要在界面中临时填充一些图片来保证界面的美观

![在这里插入图片描述][20190923144126900.gif]

除了复制已有图片之外，我们还可以直接以`截图`的方式来填充图片

![在这里插入图片描述][20190923144137494.gif]

△ 截图粘贴填充图片

### 2.对齐的特别用法（锁定对齐） ###

sketch中的对齐是由`左右上下居中`五种对齐方式

但是在使用居中对齐时有一个问题：sketch无法以某个元素为中心来对齐，如图

![在这里插入图片描述][20190923144148383.gif]

△ 自动居中对齐

其实sketch是可以的，比如我们想让AB两个形状以A为中心，居中对齐

方法就是先按`Command+Shift+L`把A形状先锁定，然后再选择B形状，在居中对齐就可以，如图

![在这里插入图片描述][20190923144200961.gif]

△ 锁定后居中对齐

### 3.收起所有图层 ###

收起所有图层的命令是在，`视图-图层列表-折叠所有编组`  
对应的还有展开所有图层（`自动展开编组`)和展开选中图层(`显示选区`)

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE3NjMzNw_size_16_color_FFFFFF_t_70]

△ 收起所有图层

*  设置快捷键

在平时工作中我会经常检查画板的名称，所以会经常需要收起所有图层

但是每次都要从菜单栏里面查找这个命令也很麻烦，所以最好给这个操作设置一个快捷键

[20190923144126900.gif]: https://img-blog.csdnimg.cn/20190923144126900.gif
[20190923144137494.gif]: https://img-blog.csdnimg.cn/20190923144137494.gif
[20190923144148383.gif]: https://img-blog.csdnimg.cn/20190923144148383.gif
[20190923144200961.gif]: https://img-blog.csdnimg.cn/20190923144200961.gif
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE3NjMzNw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190923144227132.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE3NjMzNw==,size_16,color_FFFFFF,t_70