Controle de marca: cor, texto e hierarquia

Você vai separar geração visual de acabamento exato e montar uma peça de marca legível.

6 tópicos · explicação, observação e prática · avance no seu ritmo

0 de 0 · 0%

1Um guia de marca enxuto

O que é

Guia de marca é um documento que registra escolhas recorrentes: cores, tipografia, uso do nome, linguagem de imagem e restrições. Ele orienta o conjunto e reduz decisões contraditórias.

Por que aprender

Sem guia, cada geração pode sugerir uma marca diferente. Um sistema simples já permite avaliar se uma peça pertence à campanha.

Deslize a ilustração para ver os detalhes →

Um guia de marca enxuto — Comece pelo objetivo, explicite as restrições e só então defina o que será entregue. 1 Objetivo 2 Restrições 3 Entrega
Comece pelo objetivo, explicite as restrições e só então defina o que será entregue.

Conceitos-chave em ação

Monte uma página com paleta, nome Aurora, frase principal, exemplo aprovado e três restrições. Inclua fundo simples, produto legível e ausência de promessas inventadas.

2Cores: intenção e conferência

O que é

HEX é uma notação de cor digital. Pedir um código no prompt orienta a geração, mas iluminação, textura e interpretação podem mudar a cor aparente. Uma área sólida diagramada permite controle mais direto.

Por que aprender

Uma campanha pode parecer coerente sem cada pixel ter o mesmo valor. Já um fundo de marca ou um logo pode precisar do código exato definido no editor.

Deslize a ilustração para ver os detalhes →

Cores: intenção e conferência — Uma paleta é uma relação entre cores. Observe proporções e contraste, além dos códigos isolados. #b97050 #efe4d3 #274654 #75958a #353631
Uma paleta é uma relação entre cores. Observe proporções e contraste, além dos códigos isolados.

Conceitos-chave em ação

Use a paleta Aurora no gerador como direção. Depois defina as cores de texto, formas e fundos sólidos no editor. Compare a imagem e o layout no dispositivo de uso.

✓ Faça a verificação

Use a paleta Aurora no gerador como direção. Depois defina as cores de texto, formas e fundos sólidos no editor. Compare a imagem e o layout no dispositivo de uso.

✗ Evite a conclusão automática

Não amostre um reflexo do produto e conclua que toda a cor da marca está errada. Diferencie superfície iluminada de elemento gráfico sólido.

3Texto gerado precisa de revisão

O que é

Renderização de texto é a capacidade de desenhar letras dentro da imagem. Mesmo modelos capazes de produzir palavras legíveis podem errar grafia, acentos, repetição ou distribuição.

Por que aprender

Uma frase curta pode parecer certa numa miniatura e estar errada na ampliação. O processo precisa prever leitura humana de cada palavra.

Deslize a ilustração para ver os detalhes →

Texto gerado precisa de revisão — Tamanho e posição estabelecem ordem de leitura. Reduza a peça para conferir se a mensagem principal continua clara. UMA IDEIA PRINCIPAL Uma explicação que ajuda a entender Detalhe de apoio com menor destaque
Tamanho e posição estabelecem ordem de leitura. Reduza a peça para conferir se a mensagem principal continua clara.

Conceitos-chave em ação

Teste o prompt do módulo. Leia caractere por caractere, confira acentos e compare com o texto solicitado. Se houver erro, remova o texto da imagem e reponha no editor.

4Hierarquia: uma mensagem principal

O que é

Hierarquia visual é a ordem em que os elementos atraem atenção. Tamanho, contraste, posição e espaço ajudam a criar uma entrada clara, uma explicação e um detalhe secundário.

Por que aprender

Quando tudo compete, nada orienta a leitura. Uma peça de produto precisa decidir se começa pelo objeto ou pela mensagem, conforme seu objetivo.

Deslize a ilustração para ver os detalhes →

Hierarquia: uma mensagem principal — Tamanho e posição estabelecem ordem de leitura. Reduza a peça para conferir se a mensagem principal continua clara. UMA IDEIA PRINCIPAL Uma explicação que ajuda a entender Detalhe de apoio com menor destaque
Tamanho e posição estabelecem ordem de leitura. Reduza a peça para conferir se a mensagem principal continua clara.

Conceitos-chave em ação

Faça duas versões com o mesmo conteúdo: título dominante e produto dominante. Observe em miniatura. Escolha a que comunica melhor a intenção do briefing.

5Infográfico com dados fornecidos

O que é

Infográfico organiza informação por relações visuais. O gerador pode ajudar a compor, mas não deve inventar medidas, propriedades ou fatos do produto.

Por que aprender

Uma ilustração de aparência técnica pode dar credibilidade a algo falso. Separar dados fornecidos de elementos decorativos evita essa confusão.

Deslize a ilustração para ver os detalhes →

Infográfico com dados fornecidos — Use características observáveis para descrever e conferir a identidade do produto fictício Aurora. 1 Uma alça oval 2 Corpo terracota 3 Borda contínua
Use características observáveis para descrever e conferir a identidade do produto fictício Aurora.

Conceitos-chave em ação

Crie um infográfico didático com três partes observáveis: borda, corpo e alça. Faça as setas apontarem para regiões corretas. Acrescente rótulos no editor se a geração errar.

✓ Faça a verificação

Crie um infográfico didático com três partes observáveis: borda, corpo e alça. Faça as setas apontarem para regiões corretas. Acrescente rótulos no editor se a geração errar.

✗ Evite a conclusão automática

Não gere capacidade, temperatura suportada ou tempo de fabricação sem dados reais. O exercício trabalha anatomia visual do objeto, não especificação técnica.

6Finalize em camadas

O que é

Camadas separam fotografia, texto, logo, fundo e elementos gráficos. Essa organização permite ajustes de formato e revisão sem destruir o material aprovado.

Por que aprender

Uma composição gerada numa imagem única pode ser difícil de adaptar. Manter elementos editáveis facilita corrigir letras e ampliar margens.

Deslize a ilustração para ver os detalhes →

Finalize em camadas — Planeje o espaço de texto e mantenha a tipografia em camada editável. A imagem do produto não precisa conter as letras. AURORA Uma pausa à sua maneira Diagrama de composição — exemplo autoral
Planeje o espaço de texto e mantenha a tipografia em camada editável. A imagem do produto não precisa conter as letras.

Conceitos-chave em ação

Monte uma peça com imagem-base, título e frase em camadas. Exporte uma cópia e abra no celular. Verifique se o título continua legível e se o produto está livre de sobreposição.

Prática: um pedido completo

Objetivo: Você vai separar geração visual de acabamento exato e montar uma peça de marca legível.

Use o texto abaixo na sua ferramenta de imagens. Quando houver referência, anexe o arquivo indicado antes de gerar.

Crie uma proposta de composição para a marca fictícia Aurora usando a imagem do produto anexada. Produto no terço direito, fundo creme, luz suave, área livre à esquerda. Inclua apenas o título “AURORA” e a frase “Uma pausa à sua maneira”, com letras grandes e legíveis. Paleta de referência: terracota #B97050, creme #EFE4D3 e azul #274654. Não acrescente benefícios, selos, números ou informações comerciais.

Como verificar

Confira toda letra, pontuação e contraste. O pedido de HEX e fonte não garante precisão. Para a entrega, reconstrua texto e marca em camadas editáveis.

  1. Prepare o arquivo ou briefing necessário.
  2. Faça uma tentativa e salve o resultado com as configurações.
  3. Compare com os critérios acima e localize um desvio.
  4. Corrija uma decisão e registre o efeito na nova versão.

Teste sua decisão

O prompt pediu uma cor HEX. Como assegurar a cor de um bloco gráfico final?

Consultar a explicação

O código no prompt orienta, mas não garante precisão. Elementos gráficos sólidos e texto devem ser controlados na diagramação.

Responder não marca a leitura nem bloqueia o próximo módulo.

O que levar desta aula

  • Um guia de marca enxuto
  • Cores: intenção e conferência
  • Texto gerado precisa de revisão
  • Hierarquia: uma mensagem principal
  • Infográfico com dados fornecidos
  • Finalize em camadas

Escolha uma decisão que você consegue explicar sem consultar o texto. Se ainda houver dúvida, marque o tópico e volte a ele pela jornada.