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 1
GrátisVeja como um designer

Por que tudo parece feito por IA

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

Nos próximos cinco minutos você vai conseguir olhar qualquer página gerada por IA e nomear exatamente por que ela parece gerada por IA — o vocabulário sobre o qual o curso inteiro funciona.

Arraste o slider. Mesmo produto, mesmo texto, mesmo briefing de uma frase. A única diferença é uma linha no prompt — que é o assunto inteiro deste curso.

AntesDepois
↔
À esquerda: 'faça uma landing page para uma assinatura de café.' À direita: o mesmo pedido com uma direção nomeada. Todas as outras palavras do prompt são idênticas.

A página da esquerda não está quebrada. Está centralizada, legível, responsiva e completamente esquecível. Você já a viu mil vezes — e esse é o ponto: você literalmente já viu.

De onde vem a mesmice

O Claude leu milhões de páginas web. Peça a ele "uma landing page" sem mais nenhuma direção e ele faz a coisa estatisticamente mais segura: reproduz a média de tudo o que já viu. Os engenheiros da própria Anthropic têm um nome para isso — distributional convergence, convergência distribucional — o modelo convergindo para o meio da sua distribuição de treino.

O meio dessa distribuição é bem específico. Confira a captura da esquerda contra esta lista:

  • Um hero com gradiente de roxo para azul. Ninguém escolheu roxo; roxo é a cara de "nenhuma escolha".
  • Fonte do sistema ou Inter, uma única escala de tamanho, nenhuma personalidade nas letras.
  • Tudo centralizado, numa coluna estreita, com espaçamento uniforme entre seções idênticas.
  • Três cards de features em fila, cada um com um emoji onde deveria haver uma ideia.
  • Cantos arredondados em tudo, uma sombra suave em tudo, uma seta depois do texto do botão.

Nenhum desses itens é um erro. Cada um é a resposta mais comum a uma pergunta que você não fez. Um designer diria que a página não tem ponto de vista — nada nela é evidência de que alguém tomou uma decisão.

Os sinais estão mudando

Aqui está a parte que a maioria dos conselhos sobre "design com IA" erra: a lista de slop acima já é a lista antiga. Gente suficiente baniu o gradiente roxo, e uma segunda geração de padrões apareceu. A skill de frontend-design da Anthropic — as instruções que a própria Anthropic escreveu para combater isso, e que valem a leitura na íntegra — nomeia três visuais em que a saída de IA agora se agrupa:

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

As quatro alavancas de um design

  1. Creme quente, uma serifa display, acentos terracota — o modo "de bom gosto".
  2. Quase-preto com um único verde ácido ou vermelhão — o modo "ousado".
  3. Hairlines de jornal e labels densos em mono — o modo "editorial".

Os três são genuinamente mais bonitos que o gradiente roxo. Os três continuam sendo padrões — um leitor que vê cinco sites feitos com IA por dia já os reconhece de longe. A lição não é "evite essas três paletas". É: qualquer visual que você não escolheu é um visual que o modelo escolheu por você, e o modelo faz a mesma escolha para todo mundo.

Veja com os próprios olhos

Rode o experimento na sua própria ideia. Abra o claude.ai — o plano gratuito serve — e peça exatamente isto, preenchendo com o produto que quiser:

Crie uma landing page para [sua ideia de produto].

Sem adjetivos, sem direção. Deixe-o construir o artifact.

Você deve ver

Conte os sinais das duas listas desta aula. Um hero com gradiente (roxo-azul, ou creme-com-serifa se você caiu no modo "de bom gosto"), layout centralizado, três cards de features, um emoji ou um conjunto genérico de ícones, uma única fonte tímida. Três sinais ou mais significam que você está olhando para a média da distribuição — que é o que você deveria esperar, porque não deu a ele nenhum outro alvo.

Guarde esse artifact. Nas próximas três aulas você vai redirecioná-lo — mesmo produto, mesmo modelo — para algo com ponto de vista, e no fim do módulo vai conseguir dizer com precisão o que mudou e por que funcionou.

O que você acabou de aprender

  • Saída de IA sem direção converge para a média dos dados de treino — a Anthropic chama isso de convergência distribucional, e é por isso que toda página sem direção parece igual.
  • Os sinais clássicos: gradiente roxo, Inter/fonte do sistema, coluna centralizada, três cards, emojis como ícones.
  • Os sinais novos: creme + serifa + terracota, quase-preto + acento ácido, hairlines de jornal — mais bonitos, igualmente padrão.
  • Uma decisão de design que você não tomou continua sendo uma decisão — tomada de forma idêntica para todo mundo que digitou o mesmo tipo de prompt.

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