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

36 lines
2.0 KiB
Markdown
Raw Normal View History

---
title: Sketch
localeTitle: Esboço
---
## Esboço
Sketch é um aplicativo de design profissional para o Mac que utiliza um fluxo de trabalho baseado em vetor. A interface é limpa e convidativa para novos usuários, além de ser uma ferramenta familiar para os usuários do Adobe Fireworks. O Sketch tornou-se uma ferramenta alternativa popular para o Photoshop para usuários que não precisam de uma abundância de opções para designs de interfaces.
### Por que esboçar?
* Reutilize facilmente elementos
* Prototipagem
* Colabore com os outros
* Muitos plugins
* Exportar arquivos em vários formatos, como png, svg etc. Mesmo versões 2x retina exibe com facilidade
* Vasta comunidade
* Copie facilmente atributos CSS de elementos de design
* Guia de estilo de exportação em fácil de ler HTML / CSS
### Por que devo mudar para o esboço?
O Sketch foi projetado para criar produtos digitais em vez de editar fotos e imprimir gráficos. A interface limpa do Sketch ajuda a mantê-lo organizado ao criar ou projetar seus projetos de UI / UX. Os quadros de arte que o Sketch usa impõem uma grade de pixels para designs precisos. A exportação de designs é simples e suporta diferentes resoluções de dispositivos.
### Plugins úteis para Sketch
* [Zeplin - Gera e exporta ativos de design e guias de estilo](https://zeplin.io/)
* [Sketch IconFont - Ajuda a inserir e gerenciar facilmente ícones de fontes de ícones](https://github.com/keremciu/sketch-iconfont)
* [Mirr.io - Pré-visualização de protótipos em qualquer navegador em qualquer dispositivo do Sketch](https://mirr.io/)
#### Mais Informações:
* [Esboço](https://www.sketchapp.com)
* [Documentação de esboço](https://www.sketchapp.com/docs/)
* [Aprenda Esboço](http://learnsketch.com/tutorials)
* [Fontes de aplicativo de esboço](https://www.sketchappsources.com/)
* [YouTube - curso intensivo de esboço](https://www.youtube.com/playlist?list=PLWlUJU11tp4fEXI8deWhBQAHDv9R23WHB)