UI/UX · material técnico

Método de execução, etapa a etapa.

prévia · compra libera tudo 16 h em 4 semanas · 4 etapas

Quatro semanas para trocar opinião por critério: token no lugar de gosto, hierarquia no lugar de "ficou bonito", contraste medido e gráfico escolhido pela pergunta. Todo aceite aqui é verificável por ferramenta ou por pessoa de fora.

01

Tokens, não valores soltos

4 H

Cor, tipografia, espaçamento e raio como variáveis. Valor escrito no componente é dívida.

Passos da etapa · sprint de uma semana
  1. Inventarie toda cor, espaçamento e raio da tela principal
  2. Converta os repetidos em tokens nomeados (--cor-perigo, --espaco-2)
  3. Substitua os valores soltos pelos tokens no CSS inteiro
  4. Publique a lista de tokens como documento da equipe
Critério de aceite

Mudar UM token muda o sistema inteiro coerentemente, e nenhum valor de cor vive solto em componente.

A armadilha clássica

Criar 60 tokens de primeira: comece com 12-15 que existem de fato — token sem uso é catálogo morto.

Entregável que fecha a etapa: Biblioteca de tokens publicada

As outras 3 etapas abrem com a compra.

Você acabou de ver o nível do material: passos executáveis, critério de aceite e a armadilha de cada etapa. O curso completo libera isto para todas:

  • 02 · Hierarquia e leitura
  • 03 · Cor com significado
  • 04 · O gráfico certo