freeCodeCamp/guide/chinese/designer-tools/sketch/index.md

36 lines
1.6 KiB
Markdown
Raw Normal View History

---
title: Sketch
localeTitle: 草图
---
## 草图
Sketch是Mac的专业设计应用程序它使用基于矢量的工作流程。界面干净吸引新用户也是Adobe Fireworks用户熟悉的工具。对于不需要丰富的界面设计选项的用户Sketch已成为Photoshop的流行替代工具。
### 为什么草图?
* 轻松重用元素
* 原型
* 与他人合作
* 很多插件
* 以多种格式导出文件例如pngsvg等。甚至2x版本的视网膜显示也很容易
* 广阔的社区
* 从设计元素轻松复制CSS属性
* 导出样式指南易于阅读HTML / CSS
### 我为什么要切换到草图?
Sketch旨在构建数字产品而不是编辑照片和打印图形。 Sketch的干净界面有助于在模拟或构建UI / UX设计时保持井井有条。 Sketch使用的艺术板强制使用像素网格进行精确设计。导出设计很简单支持不同的设备分辨率。
### 有用的草图插件
* [Zeplin - 生成并导出设计资产和样式指南](https://zeplin.io/)
* [Sketch IconFont - 帮助您轻松插入和管理图标字体中的图标](https://github.com/keremciu/sketch-iconfont)
* [Mirr.io - 在Sketch的任何设备中的任何浏览器中预览原型](https://mirr.io/)
#### 更多信息:
* [草图](https://www.sketchapp.com)
* [草图文档](https://www.sketchapp.com/docs/)
* [学习素描](http://learnsketch.com/tutorials)
* [草图应用程序源](https://www.sketchappsources.com/)
* [YouTube - 草图速成课程](https://www.youtube.com/playlist?list=PLWlUJU11tp4fEXI8deWhBQAHDv9R23WHB)