Módulo 1
  • O que é UI Design?
  • Qual a diferença entre UI e UX
  • Ferramentas essenciais para um UI Designer
  • Princípios fundamentais de UI Design
Módulo 2
  • Introdução Dando o ponta pé inicial no projeto
  • Escopo do projeto
  • User Flows
  • Moodboard
  • Exercício: criando um Moodboard
  • Wireframe
  • Exercício Wireframe
Módulo 3
  • Introdução Visual Design
  • Style Guide
  • Cores
  • Exercício: Criando variação clara e escura das cores
  • Tipografia
  • Exercício: definindo os tamanhos das tipografias
  • Botões
  • Exercício: criando botões e suas variações
  • Campos de Texto
  • Marca
  • 10 dicas do que fazer ou não com formulários
  • Grid
  • Hierarquia Visual
  • Contraste
  • White Space
Módulo 4
  • Intro preparando o projeto para a entrega
  • Organização das layers e pastas
  • Exportando os assets corretamente
  • Sobre a ferramenta Zeplin
  • Sobre font icon
  • Encerramento