猪小花1号

个人签名

282篇博客

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

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