猪小花1号

个人签名

281篇博客

最新博客

最新资源下载

编辑推荐

网易数帆开源API网关与容器云项目，让云原生生产落地“多快好网易汪源：统一负载与多云环境的“开放姿态”，才是云原生网易数帆如何用 Kubernetes“原语”搞定云原生中间件快手打新挤爆券商系统，网易数帆推出券商稳定性保障方案探索智慧校园新模式，网易有数在教育行业的实践分享金融行业大数据治理之路——数据模型篇

Sketch 3 实用手册 整理

猪小花1号2018-09-11 13:14

作者：马宝


持续更新中,按更新时间顺序，文章倒序排列，可以选择性跳看

建议资料目录（页内 ctrl+f 查找）

0.简介（没写） 1.自定义快捷键 整理实践 2.sketch 3.2 beta 新功能更新 3.sketch toolbox-高效管理sketch扩展的工具 new z.其他资料参阅

3.sketch toolbox-高效管理sketch扩展的工具

素描插件是一款效率工具，让你更快的找到想要的插件并使用它。工具会自动检查每一个插件的作者的网站或网页Github上，以及时发现更新 。

我的插件截图

  • 原文地址：http://brilliantsketch.com/sketch-toolbox/


  • app包下载： Sketch Toolbox.zip



    • ~~~~~~~~~~~~~~~~~~~

    2.sketch 3.2 beta 新功能更新


    Sketch发布了测试版的3.2，这篇文字第一时间呈现新版本的特性，一起看看有什么特别有用的特性发布了。
    作为参考，这部分新特性的演示引自于 Ale同学的tweet：

    1、度量尺寸模式：


    以网格和参考线为基础，自动测量某个形状与这些参考物的距离

    2、形状内网格


    现在，像素网格也可以在形状（即圆形、方形此类矢量图形）里显示和隐藏

    3、粘贴到这里


    空白处右键菜单里的新增加选项“粘贴在这里”，粘贴变得更为多样化。


    4、文本框功能增强


    当改变文本框的高度时，第一行的文字内容不会因为高度变化产生位置的偏移，始终保持在原位置。（方便设计稿的精确还原）


    5、中轴点可移动


    当物体旋转时，中轴点可以移动（相信使用ps的同学对此就不太陌生了）


    6、多物体全局对齐


    快捷键“ALT +对齐按钮”调整选中物体与画板的全局对齐。
    （用过ps的同学肯定知道，如果要完成这个动作，一般通过物体群组再选择需要对齐的对象，才能实现类似的功能）

    7、矢量点的对齐与分布


    现在也能适应下图的点，也能同样使用对齐和分布工具。

    其他新改进：


    “复制CSS属性（Copy CSS Attributes’）”变得更清洁
    从“查看（View’）”菜单里，能够隐藏所有网格和布局
    快捷键“⌘+C”能复制图层样式，这样你就可以使用快捷键“⌥+⌘+V”复制的形状后贴上对应的图层样式

    <br><br>

<h2>1.自定义快捷键 整理实践</h2>
<div style=" -moz-box-sizing: border-box; box-sizing: border-box; margin: 1.6em 0 1.6em -2.2em; padding: 0 0 0 1.6em; border-left: #ddd 0.4em solid; color: #777;">日常工作中的实际应用</div>
<iframe src="http://www.tudou.com/programs/view/html5embed.action?type=0&code=jThpvdMcZas&lcode=&resourceId=89970500_06_05_99" allowtransparency="true" allowfullscreen="true" scrolling="no" border="0" frameborder="0" style="width:500px;height:360px;"></iframe>

<div style=" -moz-box-sizing: border-box; box-sizing: border-box; margin: 1.6em 0 1.6em -2.2em; padding: 0 0 0 1.6em; border-left: #ddd 0.4em solid; color: #777;">
以PS 的快捷键“cmd＋］”和sketch 不同为例，将“图层提高一层”这个很频繁的操作

快捷键不一致导致记忆点来回切换，用起来不顺手(用起来很戳心)，没什么效率给我带来困扰，

为了方便记忆并放纵自己用久了懒的改的臭毛病，和PS快捷键进行同步

我把sketch 常用快捷键小修改了一下，同理可证很多APP都可以这么干，只要你愿意并有这么“强烈的变态”需求，好吧，那么就让我们干吧，满足自己那小小的心理和生理需要！


快捷键英文版来自 [Sketch Shortcuts](http://sketchshortcuts.com/)
</div>
详细 快捷键md文件,文中少贴一些   下载[sketch-cz.md.zip](http://nos.netease.com/knowledge/c1472aa0-bc25-43d5-a36b-4e495b612af7?download=sketch-cz.md.zip)

`系统偏好设置 > 键盘 > 快捷键`
```
Bring Forward        将图层提高一层        Cmd + ]
Bring to Front       将图层提到最上层      Cmd + shift+ ]
Send Backward        将图层降低一层        Cmd + [
Sent to Back         将图层放到最底层      Cmd + shift+ [
```


![自定义快捷键](http://nos.netease.com/knowledge/eaa62c86-cd26-41e8-ad3f-e8876f3ab46f)



### 1. 最常用的(记忆口诀ROL ,VPT）

- Insert  插入  快捷键  
- New Artboard [NEW]  插入画布  A  
- Slice [NEW]  切片  S  
- Rectangle  矩形  R  
- Rounded Rectangle  圆角矩形  U  
- Oval  椭圆  O  
- Line  线  L  
- Vector Point  矢量点  V  
- Pencil  铅笔  P  
- Text  文本  T  



### 2.调整画布 Cmd + 123 .

- Canvas View  画布视图             快捷键        
- Center Canvas              中心显示所有项目  Cmd + 1  
- Zoom Selection              视图匹配选择项目  Cmd + 2  
- Center Selection            中心显示选中项目  Cmd + 3  
- Toggle Rulers                标尺开关             Control + R  
- Toggle Grid  显示网格  Control + G  
- Toggle Layer Guides        图层辅助线开关     Control + L  
- Toggle Pixels                 像素显示开关       Control + P  
- Toggle Pixel Grid            像素网格开关        Control + X  



### 3. 按住Alt很性感,BF 很方便取消和填充色彩

- Editing Layers  图层编辑  快捷键  
- Show Distance to other Layers  显示与其它图层的距离  Alt  
- Show Distance to other Layers inside Group  显示与组内其它图层的距离  Alt + Cmd   
- Color Picker  拾色器  Control + C  
- Transform  变形  Cmd + T  
- Rotate  旋转  Shift + Cmd + R  
- Toggle Fill  填充开关  F  
- Toggle Border  描边开关  B  

<br><br>




    z. 其他资料参阅(补充中)


    1. sketch 中文手册 ：http://www.sketchcn.com/sketch-chinese-user-manual.html#interface
    2. 官网： http://www.bohemiancoding.com/sketch/
    3. 新版本的 sketch 详解：https://medium.com/@jm_denis/what-is-new-in-sketch-3-4b92d8b25f3

    本文来自网易实践者社区，经作者马宝授权发布 

    推荐博客