Plano de Estudo

PASSO 2 UI DESIGNER

12 cursos

AVANÇADO

(UI)
Entender o que são UI Patterns e como aplicá‑los
Aprender boas práticas de layouts digitais
Criar telas consistentes com foco em usabilidade
Identificar padrões como menus, formulários, listas e estados de interface

(FIGMA)
Controle da interface do Figma
Uso de Auto Layout para responsividade
Criação e uso de componentes e variantes
Protótipos interativos navegáveis
Organização de biblioteca e Design System
Preparação dos arquivos para desenvolvedores (handoff)
Deixa de “só saber a ferramenta” e começa a aplicar em projetos reais de UI.

(Prática aplicada)
Designer de telas completas com lógica visual
Componentes reutilizáveis e sistematizados
Protótipos que parecem “reais” e interativos
Testes de usabilidade para validar escolhas
Se aproxima bastante de como se trabalha em equipes de design.

PRÁTICA:

Ao longo de cada curso
Construa telas reais (não só siga lições):

  • Tela de login
  • Tela de registro
  • Menu de navegação
  • Formulários com validação visual
  • Cards de conteúdo
  • Dashboards simples

📌 Para cada tela, escreva:

  • Objetivo da tela
  • Padrão usado (ex.: lista, formulário, nav)
  • Por que escolheu esse padrão
  • Como o usuário interage
    Isso faz o conteúdo virar habilidade em vez de só teoria.

PROJETOS:

Projeto 1 — App de Tarefas (TO‑DO)

Inclui:

  • Tela inicial (lista de itens)
  • Tela de criação de tarefa
  • Filtros e ordenação
  • Protótipo navegável

Usa UI Patterns + Auto Layout + Componentes + Prototipação
O que treina: padrões de lista, botões, estados vazio/cheio, navegação.

Projeto 2 — App de Reserva de Viagem

Inclui:

  • Tela de busca
  • Resultados com cards
  • Página de detalhes
  • Protótipo com interação nos filtros

Ótimo pra aplicar UI Patterns reais
O que treina: navbars, grids flexíveis, formulários, estados de botão.

Projeto 3 — Dashboard de Reserva / Painel

Inclui:

  • Menu lateral
  • Widgets resposivos
  • Layout em grid para desktop

Usa Auto Layout + Componentes + Design System
O que treina: Responsividade, hierarquia, sistema visual.

Projeto 4 — Teste de Usabilidade Real

  • Convida 3 pessoas
  • Mostra protótipo
  • Peça para completar tarefas
  • Recolha feedback de UX/UI

O que treina: validação e refinamento.

Criado por Ingrid Vitória Ferraz Figuêredo Vidal

27.4k xp

Inscreva-se agora

Última atualização em

04/01/2026

O que é este plano de estudo?

Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.

Passo a passo

  1. 1

    Conteúdo do plano