Sketch

什么是 Sketch

Sketch 是一款专为UI/UX设计师打造的矢量设计工具，运行在 macOS 平台上。它以简洁的界面、强大的功能和高效的工作流程而闻名，是许多设计师首选的设计工具之一。

Sketch 的主要功能

1. 矢量设计

精确的矢量绘图工具
布尔运算
路径编辑
矢量网格

2. 组件系统

符号（Symbols）
覆盖（Overrides）
嵌套符号
符号库

3. 样式系统

文本样式
图层样式
共享样式
样式库

4. 原型设计

画板间链接
交互热区
原型预览
原型分享

5. 插件生态

丰富的插件系统
自定义工作流程
第三方集成

Sketch 的工作流程

1. 创建文档

新建设计文档
设置画板尺寸
选择模板

2. 设计界面

使用基本工具（矩形、圆形、文本等）
创建组件和符号
应用样式

3. 制作原型

添加交互链接
设置过渡效果
预览和测试

4. 导出和分享

导出设计资源
生成规格文档
分享设计

Sketch 快捷键

基本操作

V：选择工具
R：矩形工具
O：椭圆工具
T：文本工具
P：钢笔工具
Space：手形工具
Cmd + D：复制
Cmd + G：分组
Cmd + Shift + G：取消分组

视图操作

Cmd + +：放大
Cmd + -：缩小
Cmd + 0：适应画布
Cmd + 1：实际大小

Sketch 插件推荐

Craft：增强设计和原型功能
Zeplin：设计交接和规格生成
Abstract：版本控制
Runner：快速访问功能
Content Generator：生成占位内容

Sketch 最佳实践

1. 组织文件结构

使用页面和画板组织内容
为图层和组命名清晰
使用文件夹管理设计资源

2. 组件设计

创建可重用的符号
使用覆盖管理不同状态
建立符号库

3. 设计系统

建立共享样式
使用一致的命名规范
定期更新设计系统

4. 性能优化

减少大型图片的使用
合并路径减少节点数
定期清理未使用的样式和符号

学习资源

实践练习

创建一个简单的移动应用界面
设计一个响应式网站布局
建立一个符号库