Fazer design com IA: definir a intenção

O designer não desaparece, muda de ferramenta

Comecemos por afastar o medo clássico: não, a IA não substitui o designer. Substitui uma parte do trabalho de execução — produzir variantes, escrever o CSS de uma sombra, declinar uma paleta — mas não substitui nem o gosto, nem o contexto, nem a responsabilidade pelo resultado. Quando o cliente do Studio Mango olhar para a landing amanhã de manhã, é a ti que vai julgar, não ao modelo.

Esta mudança parece-se com o que a fotografia viveu com o digital: a câmara faz a focagem, mas continua a ser o fotógrafo que escolhe o enquadramento, a luz e o instante. Com a IA, o teu trabalho desloca-se para montante (formular uma direção clara) e para jusante (triar, criticar, afinar). O meio — a produção em bruto — acelera por um fator de dez.

Consequência direta: a qualidade do que obténs depende quase inteiramente da qualidade do que formulas. Um briefing vago produz um resultado vago. Um briefing preciso e encarnado produz uma proposta que te surpreende pela positiva. Todo este capítulo trata desta competência: definir a intenção.

Intenção, não receita

Há duas maneiras de falar a uma IA de design. A primeira é a receita: «põe um botão azul #3B82F6 com 44 px de altura e um border-radius de 8 px». Funciona, mas só usas a IA como uma máquina de escrever CSS — fazes todo o trabalho de conceção sozinho, e privas-te das propostas dela.

A segunda é a intenção: «um CTA que inspire confiança para uma app de bem-estar, sóbrio, premium, tranquilizante». Aqui, descreves a emoção pretendida e o uso, e deixas o modelo traduzir em decisões visuais. Ele proporá talvez um verde-salva profundo com uma tipografia generosa — algo que não terias especificado, mas que reconheces como certo. A IA propõe, tu escolhes. Continuas a ser o diretor artístico.

A boa prática consiste em misturar os dois níveis: a intenção para a direção global, e restrições precisas onde já decidiste (a cor de marca imposta pelo cliente, uma tipografia sob licença, um formato de imagem). Tudo o que não está restringido torna-se espaço de proposta. É exatamente como dar um briefing a um designer júnior talentoso: enquadras o porquê, deixas latitude no como.

Aprender a nomear o que vês

Para formular uma intenção, é preciso vocabulário. É a competência escondida do design com IA: quanto mais souberes nomear as coisas, mais eficazes são os teus prompts. «Quero que isto respire» torna-se «aumenta o espaçamento vertical entre as secções para 96 px no mínimo». «Está confuso» torna-se «a hierarquia visual é confusa: o título, o subtítulo e o CTA disputam a atenção».

Algumas noções a dominar absolutamente, porque aparecem em quase todas as trocas de design: a hierarquia visual (o que vê o olho em primeiro, em segundo, em terceiro?), o contraste (de cor, de tamanho, de espessura — é ele que cria a hierarquia), o ritmo vertical (a regularidade dos espaçamentos que torna uma página calma ou caótica), e a densidade (a quantidade de informação por ecrã). Quando criticas um resultado com estas palavras, a IA percebe exatamente o que corrigir.

Boa notícia: a IA pode ajudar-te a adquirir este vocabulário. Mostra-lhe uma interface que admiras e pede «descreve-me o que funciona neste design em termos de hierarquia, contraste, espaço e tipografia». Obténs uma análise argumentada — e as palavras para formular os teus próximos briefings.

As referências valem mil palavras

Descrever um estilo a partir do zero é difícil, mesmo para um designer experiente. As referências contornam o problema: em vez de explicares abstratamente «premium e tranquilizante», citas produtos cujo ADN visual é conhecido. A IA conhece as grandes direções artísticas dos produtos célebres — Apple, Stripe, Linear, Notion, Headspace — e sabe o que os caracteriza.

A subtileza importante: nunca cites uma referência sem precisar o que retiras dela. «Como a Apple» é ambíguo — a generosidade de espaço? a fotografia de produto? o tom? Sê cirúrgico: «a generosidade de espaço da Apple, a suavidade colorida da Headspace, a tipografia nítida da Linear». Três sinais precisos que o modelo funde numa direção coerente, em vez de uma imitação servil de um único produto.

Direção artística para uma app de meditação:
- a generosidade de espaço da Apple
- a suavidade colorida da Headspace
- a tipografia nítida da Linear
A EVITAR: gradientes berrantes, sobrecarga, efeito «template IA genérico».

Reformula esta direção em 3 frases que servirão de referência para todo o resto do projeto, depois propõe 3 adjetivos que resumam o ambiente.

Dizer o que é preciso evitar

Eis a alavanca mais subestimada do briefing: a lista de interditos. Os modelos de IA têm hábitos estatísticos — escolhas visuais que produzem por defeito porque estão sobrerrepresentadas nos seus dados: gradientes violeta-azul, emojis nos títulos, cartões com sombras suaves todos iguais. Se não os excluíres explicitamente, vais obtê-los.

Uma lista «a evitar» age como um filtro negativo extremamente poderoso. «Sem gradientes berrantes, sem emojis, sem sobrecarga» afasta logo 80 % dos resultados genéricos. É muitas vezes mais eficaz do que empilhar adjetivos positivos, porque os interditos são binários e verificáveis: ou há um emoji no título, ou não há.

Construir o briefing de direção artística

Juntemos tudo. Um bom briefing de direção artística cabe em cinco blocos: o contexto (que produto, que público-alvo, que objetivo de negócio), a emoção pretendida (três adjetivos no máximo, senão tudo se equivale), as referências (duas ou três, com o que retiras de cada), as restrições duras (cor de marca, acessibilidade, formato) e os interditos. Cinco blocos, uma dezena de linhas — é curto, e é de propósito: um briefing de uma página que ninguém lê vale menos do que um briefing de dez linhas que toda a gente retém.

flowchart TD
  C["Contexto: produto, público, objetivo"] --> E["Emoção: 3 adjetivos máx."]
  E --> R["Referências: 2-3 produtos + o que retiras"]
  R --> K["Restrições duras: marca, acessibilidade"]
  K --> I["Interditos: a lista antigenérico"]
  I --> B["Briefing de direção artística"]
  B --> P["Todos os prompts do projeto"]

CONTEXTO: landing page para a Sereno, app de meditação destinada a profissionais urbanos stressados. Objetivo: conversão para o teste gratuito.
EMOÇÃO: calma, premium, confiante.
REFERÊNCIAS: generosidade de espaço da Apple, suavidade colorida da Headspace, tipografia nítida da Linear.
RESTRIÇÕES: contrastes AA no mínimo, mobile-first, sem fotos de banco de imagens.
INTERDITOS: gradientes violeta, emojis nos títulos, sombras suaves genéricas, sobrecarga.

Reformula este briefing numa direção artística de 3 frases, depois lista 5 decisões visuais concretas que dela decorrem.

O papel do humano: triar, arbitrar, assumir

A IA gera depressa, mas gera tudo com o mesmo aplomb: o brilhante como o medíocre. O teu trabalho consiste em triar. Perante três propostas, pergunta-te: qual serve melhor o objetivo (aqui, a conversão para o teste gratuito)? Qual é coerente com a marca? Qual sobreviverá a seis meses de evoluções do produto? Esse julgamento não se delega.

Há também uma questão de responsabilidade. Se a paleta gerada tem um contraste insuficiente e utilizadores com baixa visão não conseguem ler a página, não é «culpa da IA» — é tua. Se a landing se parece com três concorrentes porque aceitaste o primeiro resultado sem o desafiar, idem. A IA é uma parceira, não um álibi. É isso que separa um design memorável de uma colagem de ideias bonitas: alguém, algures, assumiu escolhas.