firstprompt
Entrar
Todos os cursos

currículo

0 / 39 · 0%
  • Por que tudo parece feito por IA4m
  • As quatro alavancas de um design4m
  • Nomeie a direção4m
  • Critique como um designer4m
  • Recapitulação do Módulo 12m
0/39

Você está lendo como visitante — o progresso fica salvo só neste dispositivo.

Painel/Módulo 1/Aula 4
GrátisVeja como um designer

Critique como um designer

4 min de leitura·Aula 4 de Veja como um designer

Nos próximos seis minutos você vai escrever a sua primeira crítica profissional de design — mensurável, específica e utilizável como prompt — numa página com cinco defeitos plantados.

"Tem algo estranho" é inútil — para um designer, e duas vezes mais para o Claude. Insatisfação vaga produz revisões vagas. A habilidade que separa quem consegue resultados bons de quem consegue resultados sortudos é o feedback mensurável: nomeie o elemento, diga o que você observa (com um número sempre que possível) e diga o que fazer a respeito.

A orientação da própria Anthropic para o seu produto de design diz exatamente isso: um feedback como "8px de espaço entre os campos do formulário" move o trabalho; "o espaçamento parece errado" não move nada.

A fórmula da crítica

Toda linha de uma crítica útil tem três partes:

  1. O elemento. "O título do hero" — não "a parte de cima".
  2. A observação mensurável. "está em 22px enquanto o título de seção abaixo dele está em 34px" — não "parece pequeno".
  3. A instrução. "Inverta a relação: título em 48px no mínimo, título de seção em 28px."

Elemento, observação, instrução. Escrita assim, uma crítica também é um prompt — cole-a de volta no Claude e a revisão é exatamente o que você pediu.

O exercício: cinco defeitos

Esta página tem exatamente cinco problemas plantados. Todos são encontráveis com o vocabulário que você já tem deste módulo — hierarquia, acentos competindo, espaçamento, contraste, consistência. Abra o lightbox e estude-a antes de continuar lendo.

Uma página da Ember Roast com cinco defeitos de design deliberados para encontrar, incluindo hierarquia quebrada e duas cores de acento competindo
Cinco defeitos. Os cinco são mensuráveis — nenhum deles é questão de gosto.

Escreva a sua crítica em cinco linhas, cada uma usando a fórmula: elemento, observação mensurável, instrução. Números vencem impressões — "uns 4px de espaço" é uma medida aceitável; "apertado", sozinho, não é.

Confira

  • Cinco problemas distintos identificados, cada um nomeando um elemento específico
  • Cada problema inclui um fato mensurável ou concretamente observável (um tamanho, um espaço, uma contagem de cores, um julgamento de contraste) — não só um adjetivo

prática

Abra o Claude Cowork no seu computador e experimente em arquivos reais. Cada módulo termina com um checkpoint onde você envia o que criou.

Abrir no Claude

Próxima

Recapitulação do Módulo 1

  • Cada problema termina com uma instrução que um dev ou o Claude poderia executar sem fazer pergunta de volta
  • Pelo menos um problema é de hierarquia visual e pelo menos um é de cor
  • Nenhum problema é puro gosto ("não gosto de teal") — toda instrução remete a um princípio deste módulo
  • Se você vir

    Compare os seus cinco com a lista plantada: (1) Hierarquia — o título da página está em 22px enquanto o "Why Ember Roast" abaixo está em 34px; o texto mais importante da página é o menor título dela. (2) Acentos competindo — botões teal e links/números laranja disputam atenção; escolha um acento e rebaixe o outro a neutro. (3) Espaçamento — o hero empilha título, parágrafo e botões com espaços de 4–6px enquanto a seção abaixo respira; espaço comunica agrupamento, e ali está tudo num bolo só. (4) Contraste — o corpo do texto é um cinza quente claro sobre fundo creme, bem abaixo do contraste confortável de leitura; escureça-o até a leitura ficar sem esforço. (5) Consistência — três raios de canto diferentes (cards em 2px, botões pequenos em 12px, botão principal totalmente redondo) numa tela só; um raio, em tudo. Encontrar cinco problemas reais diferentes também vale — a fórmula é a lição, não o gabarito.

    Por que isso importa para tudo que vem depois

    Do módulo 2 em diante, você vai dirigir o Claude constantemente — e toda direção que você dá é uma crítica do que ele acabou de fazer. Quem só consegue dizer "melhorou, mas ainda está estranho" fica em loop para sempre. Quem consegue dizer "o acento aparece onze vezes; corte para três" converge em uma revisão.

    Você vai reencontrar essa habilidade também do outro lado: no módulo 5, você vai ensinar o Claude a criticar as próprias capturas de tela contra as suas regras, usando exatamente esta fórmula.

    O que você acabou de aprender

    • A fórmula da crítica: elemento → observação mensurável → instrução. Uma crítica escrita assim também é um prompt que funciona.
    • Números vencem adjetivos: tamanhos, espaços, contagens, contraste — mensurável vence "parece estranho".
    • Cinco famílias de defeito cobrem a maioria das páginas geradas: hierarquia, acentos competindo, espaçamento, contraste, consistência.
    • Todo prompt futuro que você escrever neste curso é uma crítica da saída anterior — a precisão decide a velocidade com que você converge.
    Próxima

    Progresso

    0

    0 / 39

    aulas

    Neste módulo

    Veja como um designer

    1. 1Por que tudo parece feito por IA4m
    2. 2As quatro alavancas de um design4m
    3. 3Nomeie a direção4m
    4. 4Critique como um designer4m
    5. 5Recapitulação do Módulo 12m