Neste curso gratuito, você terá um resumo completo de tudo o que precisa aprender sobre o Sketch para começar a criar sites, aplicativos, ícones e muito mais.
Ao concluir o curso, que dura cerca de duas horas e meia, você entenderá o que é o Sketch, como ele funciona e como usar suas várias ferramentas para criar projetos personalizados do zero.
1. Bem-vindo!
Assistir vídeo aula [0:00] ↗
Este curso irá instruí-lo em tudo o que você precisa saber enquanto aprende Sketch. É uma ótima opção para criar designs para usuários de Mac e é bastante versátil em seu conjunto de recursos e capacidade de saída. O curso começa supondo que você é um iniciante e abrange tudo, desde a interface do usuário do Sketch e camadas até as operações booleanas e o layout inteligente.
Você poderá acompanhar o curso usando arquivos de origem criados especificamente para este curso.
2. O que é Sketch?
Assistir vídeo aula [3:06] ↗
Sketch é um editor de gráficos vetoriais, mas é muito mais do que isso. À medida que você aprende o Sketch, você perceberá que na verdade é uma plataforma de design digital que pode ser usada para criar designs, protótipos e entrega de desenvolvedores.
Desde a sua criação em 2010, o software foi adotado por muitos que buscavam uma alternativa ao Photoshop para criar designs de interface do usuário.
3. Tour da Interface
Assistir vídeo aula [8:52] ↗
Antes de começar, você precisa se familiarizar com a configuração do terreno, por assim dizer, no aplicativo Sketch. Vamos dar uma olhada nos recursos e ferramentas à sua disposição no Sketch. Você pode acompanhar baixando o arquivo de demonstração mencionado anteriormente chamado Financial App Dashboard Concept.
4. Trabalhando com os diferentes tipos de camadas
Assistir vídeo aula [15:43] ↗
As camadas são os blocos de construção de qualquer projeto de design no Sketch. E o Sketch inclui vários tipos diferentes. Acompanhe enquanto nos aprofundamos nas variedades de camadas, incluindo:
- Prancheta
- Texto
- Forma
- Imagem
5. Agrupando, Bloqueando e Ocultando Camadas
Assistir vídeo aula [27:45] ↗
À medida que você aprende Sketch e começa a trabalhar em projetos, é natural que com o tempo você acumule algumas camadas. Felizmente, existem alguns desejos para gerenciar seus posteriores depois de criá-los. Mergulhe nas especificidades de como agrupar camadas para facilitar o gerenciamento de seus projetos.
Da mesma forma, aprenda a bloquear camadas para que não possam ser editadas e ocultar camadas para experimentar as possibilidades do seu design.
6. Movendo, Redimensionando e Alinhando Elementos
Assistir vídeo aula [36:06] ↗
Esta lição é extremamente importante. Afinal, você estará movendo, redimensionando e alinhando muitos elementos no Sketch, por isso é vital que você reduza as etapas para fazer isso com eficiência para gerenciar melhor seus projetos de design.
7. Usando guias, grades e layout
Assistir vídeo aula [56:52] ↗
O Sketch tem três recursos chamados Guias, Grades e Layout e são usados para redimensionar e alinhar conteúdo. Vamos aprender sobre cada um e seu papel no desenvolvimento do Sketch.
8. Trabalhando com Texto
Assistir vídeo aula [1:06:24] ↗
O texto compõe a maior parte do conteúdo que você usará em seu projeto de design. É por isso que ter o controle adequado sobre a aparência do seu texto é tão importante. O Sketch oferece ferramentas robustas de manipulação de texto para redimensionar e ajustar texto e estilos de texto. Vamos aprender a usá-los.
9. Adicionando e Editando Formas
Assistir vídeo aula [1:17:52] ↗
Existem muitos tipos diferentes de formas no Sketch. Existem os mais simples, como retângulos e círculos, e mais complexos, como polígonos e estrelas. Acompanhe enquanto demonstramos como adicionar formas e editar como elas aparecem, incluindo cores de preenchimento, estilos, bordas e muito mais.
10. Reutilizando Formas e Estilos
Assistir vídeo aula [1:36:45] ↗
Semelhante a como a alteração de um estilo de texto afetará cada parte do texto que adotou esse estilo, as formas também serão afetadas pela alteração de seus estilos de camada atribuídos. A criação de estilos de camada pode economizar muito tempo ao criar interfaces de usuário complexas que reutilizarão elementos repetidamente.
11. Trabalhando com Imagens
Assistir vídeo aula [1:48:23] ↗
Você pode adicionar imagens ao Sketch de algumas maneiras diferentes. Do arrastar e soltar padrão ao uso de imagens como planos de fundo de forma, esta lição explora as nuances mais sutis do uso de imagens em seus projetos.
12. Usando a Ferramenta Vetorial
Assistir vídeo aula [1:56:30] ↗
Você pode criar formas desenhadas à mão no Sketch usando a ferramenta de vetor. Em vez de desenhar linhas para criar formas, você fará pontos que serão conectados automaticamente. Vamos dar uma olhada.
13. Trabalhando com Operações Booleanas
Assistir vídeo aula [2:05:14] ↗
As operações booleanas são ótimas para criar formas complexas. Mas no Sketch, eles são fantásticos para criar ícones. Esta lição explora o que são operações booleanas e todas as coisas poderosas que você pode fazer com elas.
14. Reutilizando Elementos Através de Símbolos
Assistir vídeo aula [2:15:04] ↗
No Sketch, usar Símbolos é reutilizar conteúdo. E ao fazer isso você está realmente acelerando seu fluxo de trabalho. O bom de Symbols é que sempre que você fizer uma alteração no Master Symbol, todas as outras instâncias receberão essas alterações automaticamente.
15. Esboço de Layout Inteligente
Assistir vídeo aula [2:25:15] ↗
Smart Layout is Sketch tem tudo a ver com redimensionar um símbolo automaticamente quando o conteúdo dentro dele muda e isso é feito mantendo o mesmo espaço entre os itens. Esta lição mostra como usar o Smart Layout de forma eficaz com muitos exemplos de como ele funciona em tempo real.
16. Exportando do Sketch
Assistir vídeo aula [2:30:36] ↗
Quando terminar de criar seu design no Sketch (e antes de entregá-lo a um desenvolvedor), você precisará exportar alguns recursos, ou seja, ícones, imagens etc. Existem várias maneiras de fazer isso no Sketch, e nós mostrar o processo em detalhes nesta lição final do curso.
Mais cursos GRATUITOS no Tuts+
Começando? Aprenda tudo o que você precisa saber sobre web design e desenvolvimento, aqui mesmo no Tuts+.
