Design

Design Visual e UI

Trilha para aprender os fundamentos de interface, hierarquia visual e estilo.

Iniciante 4 passos sugeridos

Sequência sugerida de estudos

Cada módulo é um passo no seu aprendizado. Siga de cima para baixo, adaptando o ritmo à sua realidade.

1
Etapa 1

Fundamentos Visuais

Princípios básicos para interfaces limpas e legíveis.
Tópicos
- Tipografia para produto digital
- Cor, contraste e acessibilidade
- Grid e espaçamento
- Consistência visual
- Alinhamento e hierarquia
Recursos sugeridos
- Material Design ou Human Interface Guidelines (seção de fundações visuais)
2
Etapa 2

Linguagem Visual de Produto

Criando uma identidade visual coerente.
Tópicos
- Sistemas de design e tokens
- Componentes e estados
- Ícones e ilustrações
- Documentação de decisões visuais
- Versões claro/escuro e estados de interação
3
Etapa 3

Entrega para Devs

Como comunicar decisões de design para implementação.
Tópicos
- Especificações e handoff
- Anotações em protótipos
- Feedback em builds
- Colaboração contínua com engenharia
4
Etapa 4

Design em Tons de Produto Real

Aterrando decisões visuais em casos de produto reais.
Tópicos
- Criando uma tela do zero (lista, detalhe, formulário)
- Padrões comuns de UI (cards, listas, modais, toasts)
- Microinterações e sensação de fluidez
- Revisando telas com olhar crítico (antes/depois)

Como usar esta trilha

Esta página não é um curso completo. Ela só organiza, em ordem, temas que fazem sentido estudar se você quer se aprofundar nesse assunto.

Use a sequência como um mapa de referência, não como uma obrigação rígida.
Procure conteúdos (vídeos, artigos, livros, documentações) para cada tópico listado.
Adapte, pule ou reordene módulos conforme sua experiência e contexto.