Curso de Sketch: Componentes da interface

Faça esse curso e...

• Produza um site mobile com conceitos para design visual com Sketch
• Lide com fontes, cores e pictogramas para compor o layout
• Desenvolva o seu projeto a partir do uso de componentes
• Trabalhe com refinamentos e prototipação de interface
• Conheça conceitos direcionados ao UI Design.

Conteúdo Detalhado

1. Introdução e diretrizes

   • Introdução
   • Overview
   • Briefing do projeto
   • Diretrizes do design de interface
   • Criando interfaces amigáveis
   • Como manter o padrão visual em uma interface?
   • O que aprendemos?

2. Metodologias e estruturação

   • Design patterns
   • Dark Patterns
   • Por que os design patterns são confiáveis?
   • Design atômico
   • Design Atômico
   • Fases do design atômico
   • Telas e fluxos do aplicativo
   • Construção de grids / abrindo o sketch
   • O que aprendemos?

3. Componentes da interface I

   • Menu no rodapé
   • Quantidade de itens no menu do rodapé
   • Navegação do topo
   • Títulos grandes no menu
   • Cards
   • Imagens para uma melhor interface
   • O que aprendemos?

4. Componentes da interface II

   • Botões e inputs
   • Maneiras de criar inputs de texto
   • Tabs e listas
   • Quantidade de abas
   • Backdrops
   • Empty states
   • Mais sobre o Empty State
   • O que aprendemos?

5. Refinamentos e prototipação

   • Refinamento
   • Importância do refinamento
   • Refinamento 2
   • Prototipação
   • Prototipação para processos ágeis
   • Conclusão
   • O que aprendemos?