网站导航

sketch学习心得: 插件库 快捷键 资源

提问

  • 建立sketch的学习群,研究如何多人协作?建立学习的氛围?
  • sketch学习了要做什么? 如何提升自己的职业安全感?
  • sketch是工具,工具就是为了提升效率, 如何提升效率?

 

收集

一、插件库

  1. sketch-measure-master(标注)
  2.  sketch | 18N(翻译插件)
  3. FontFinder (字体查找器)
  4. 清除无用的symbol
  5. Rename it (重命名插件)
  6. wesketch(微信团队研发)
  7. Craft(综合性插件,自动填充、共享样式库等等)
  8. Dynamic Button(动态按钮,我相信每个设计师都渴望文案改变后,按钮长度跟着改变,这个插件帮你解决这个问题)
  9. Runner:runner: ⌘+' (使用命令行来提高你的工作效率,这个见仁见智哦,因为很多设计师对于命令行的操作方式并不感冒)
  10. sketch 标注插件组件: flavor + pxcook
  11. content generation(内容生成)
  12.  ionfont:将图标变成字体
  13. sketch mate: 超有用的快捷键管理工具,推荐看一下这个帮助说明:https://github.com/getflourish/sketch-mate
  • 水平平均分布 control +  +  + ,
  • 垂直平均分布 control +  +  + .
  • 水平居中  +  + ,
  • 垂直居中  +  + .
  • 底部对齐 control +  + 
  • 顶部对齐 control +  + 
  • 左对齐 control +  + 
  • 右对齐 control +  + 

 

 

二、快捷键

runner: ⌘+'
⌘(command) + R : 重新命名图层
Ctrl + C : 快速取一个颜色
放大 Zoom In -【 Cmd (+) + 】
缩小 Zoom Out -【 Cmd (+) - 】
实际大小 Actual Size -【 Cmd + 0 】
全部画布适合窗口大小 Center Canvas -【 Cmd + 1 】
当前画布适合窗口大小 Zoom Selection -【 Cmd + 2 】
当前画布窗口居中 Center Selection -【 Cmd + 3 】
空格加鼠标:拖动画布
Ctrl+G:创建图层组
⌘+ Shift + H >>> 隐藏或取消隐藏层
⌘+/⌘— >>>放大/缩小(100%,200%,400%等)
⌘+ Shift + L >>> 锁定层
⌘+ B/F >>> 文本加粗/切换填充开/关
Command+ Z, 反复按,持续返回:
Command+shift+ Z,前进。
显示 / 隐藏标尺 Toggle Rulers -【 Control + R 】
显示 / 隐藏网格 Toggle Grid -【 Control + G 】
显示 / 隐藏参考线 Toggle Layer Guides -【 Control + L 】
演示模式 Presentation Mode -【 Cmd + . 】
合并形状 Union -【 Alt + Cmd + U 】
减去顶层形状 Substract -【 Alt + Cmd + S 】
复制式样 Copy Style -【 Alt + Cmd + C 】
粘贴式样 Paste Style -【 Alt + Cmd + V 】
变形 Transform -【 Shift + Cmd + T 】
显示 / 隐藏填充部分 Toggle Fill -【 F 】
显示 / 隐藏描边部分 Toggle Border -【 B 】

上移一层 Bring Forward -【 Alt + Cmd + ↑ 】
置于顶层 Bring to Front -【 Control + Alt + Cmd + ↑ 】
下移一层 Send Backward -【 Alt + Cmd + ↓ 】
置于底层 Sent to Back -【 Control + Alt + Cmd + ↓ 】
编组 Group Layers -【 Cmd + G 】
取消编组 Ungroup Layers -【 Shift + Cmd + G 】

更多快捷键:http://sketchshortcuts.com/

三、技巧

1、蒙版
设置一个蒙版容器,将要显示的内容,放到蒙版上,只显示的内容模板容器的内容。

2、默认属性修改:

画板默认值
组件默认值:编辑-》设为默认样式

3、组件

每一个画板都是:一个界面。

4、缩放元素
无需拖拽,选中界面元素后,使用快捷键CMD + 方向键即可按1像素为单位精准进行缩放。要以10像素为单位来缩放,同时再按住Shift即可

5、几秒内快速复制……任何东西!

按住Option键,点击要复制的元素拖动就可以。当你将这一元素拖拽到你要的区域之后,然后使用Command+D的快捷键,就可以复制这一动作了。

6、移动对象&查看间距

使用方向键你可以移动选中的对象1px,如果在按着⇧Shift则可以每次移动10px。
在移动的时候按下⌥Alt即可查看对象的margin值。

 

7、Sketch把彩色图片改成黑白的示例:

使用场景:制作交互稿的时候,直接把彩色稿,改成黑白稿。操作步骤:选中图片,点击Color Adjust,调整Saturation即可实现。

四、资源

http://www.sketchappsources.com/