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

36 lines
1.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
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)