Módulo 3 de 7

Projetando para o mundo real

Tempo total: ~29 min

O layout pode estar perfeito no seu notebook e ainda assim falhar no Galaxy do cliente, com fonte aumentada, zoom de 200% e tela dividida com o WhatsApp. Isso não é azar. É o mundo real cobrando decisões que não foram tomadas na fase de design.

Neste módulo, vamos olhar para o que acontece quando seu design encontra contextos que você não previu: unidades relativas, breakpoints, componentes que precisam se adaptar ao espaço disponível e as decisões que separam um layout que funciona no Figma de uma interface que funciona na vida.

Ao final deste módulo, você vai saber

Neste módulo

  1. Pixels não são todos iguais ~4 min
  2. Responsivo vs. adaptativo ~4 min
  3. Container queries e o futuro das telas ~5 min
  4. O que projetar quando tudo dá errado ~6 min
  5. Performance: a responsabilidade que ninguém te contou ~5 min
  6. Caso real: o zoom de 200% ~3 min
  7. Na prática + Reflita ~2 min

Começar a leitura →

← Módulo anterior: Do Figma para a interface real

Próximo módulo: Design systems que escalam →