Sketch 入门学习

介绍

简单讲就是一个 MAC 系统上的设计软件。主要关注点在以下几个：

• MAC操作系统独占，至少目前是。
• 矢量图
• 收费（30天免费试用，需要注册）

更多信息可参考官网 。

界面

红色框与文字一致

常用功能及快捷键（字母）

• 绘图

  • 矩形 R
  • 椭圆 O
  • 直线 L
  • 文字 T
  • 铅笔工具 P
  • 矢量（锚点绘图） V
  • 画板 A
  • 原型跳转链接 W
  • 交互 I
  • 热区（区域） H
  • 裁切 S

• 显示/操作

  ⌥ + ⌘ + 1 显示/隐藏（页面/画板）侧边栏

  ⌥ + ⌘ + 2 显示/隐藏属性栏

  ⌥ + 鼠标 显示元素最小外框之间的距离

  ⌘ + G 编组

  ⌥ + 鼠标左键拖拽 复制元素

• 属性快捷键

  ⌃ + c 吸取颜色

  ⌥ + ⌘ + C 拷贝样式

  ⌥ + ⌘+ V 粘贴样式

  ⌘ + ⇧ + L 锁定对象（可作为参照物对其）

• 其它

  ⌘ + Y

  ⌘ + P

有用/常用组件

• kitchen，运行环境 MacOS ≥ 10.13 & Sketch ≥ 72

  阿里系的，包含数据（文本）填充、色板管理、Iconfont 图标、组件生成、设计稿上传、symbol 同步等功能，网站传送门

特殊的

1. 自定义外观样式

   位置：样式属性区域 – > 外观

2. 自定义控件

   位置：功能区 --> 创建控件