Síntese e didática com IA · Capítulo 10 de 18 · 7 min
Organize a mensagem em imagens e artes
Defina o que a pessoa precisa perceber primeiro e use a composição para tornar essa prioridade visível.
Este capítulo faz parte do curso gratuito Síntese e didática com IA.
Ao final desta aula, você vai conseguir definir o que a pessoa deve ler primeiro em uma arte e usar a composição para tornar essa prioridade visível. O método tem três passos: escolher a mensagem que precisa sobreviver a uma olhada rápida, agrupar o que pertence à mesma decisão e dar destaque menor ao restante.
Hierarquia visual é a diferença de destaque entre os elementos de uma peça. Nesta aula, use tamanho, posição, espaço e contraste para marcar o que deve ser lido primeiro. É convenção de composição, não lei medida de atenção. Se tudo tem o mesmo destaque, a prioridade não está marcada na peça. Trate isso como falha de edição, não como efeito cognitivo comprovado.
Comece pela mensagem. Escreva uma frase com a conclusão ou a ação esperada e identifique a evidência que a sustenta. Essa frase orienta título, figura, rótulos e ordem de leitura.
Antes de pedir uma imagem à IA, declare a função dela. Uma fotografia mostra uma condição observável. Uma ilustração explica uma relação. Um ícone ajuda a localizar uma ação. Uma imagem sintética não comprova um acontecimento; identifique sua natureza quando ela puder ser confundida com um registro real. Pessoas sorrindo combinam com o tema, mas não ensinam a executar o procedimento.
Para planejar a composição
- 01Registre a pergunta do público, como “O que preciso enviar para iniciar a análise?”.
- 02Escolha um foco: a ação de enviar os documentos completos.
- 03Agrupe o que pertence à mesma decisão, aproximando rótulos e objetos relacionados.
- 04Reserve destaque secundário para condições, como formatos aceitos e destino do envio.
- 05Retire elementos cuja ausência não prejudique a interpretação nem a identificação da marca.
Declare a função da imagem antes de pedi-la à IA
| Tipo de imagem | Função na peça |
|---|---|
| Fotografia | Mostra uma condição observável |
| Ilustração | Explica uma relação |
| Ícone | Ajuda a localizar uma ação |
| Imagem sintética | Não comprova um acontecimento; identifique sua natureza quando puder ser confundida com um registro real |
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
Exemplo hipotético: aviso sobre envio de documentos
A pessoa precisa procurar a ação
Antes
- Título: “Informações importantes”
- Cinco chamadas com o mesmo tamanho
- Prazo em texto pequeno e distante do botão
A prioridade fica visível
Depois
- Título: “Envie os documentos completos até sexta-feira”
- Documentos exigidos agrupados abaixo do título
- Destino do envio e condição de análise junto à ação
No exemplo do aviso, a palavra “completos” deve ficar perto da promessa de início da análise. Afastá-la para uma nota pouco legível pode fazer a condição passar despercebida. É critério desta peça, não um efeito geral demonstrado. Por isso a revisão visual também verifica fidelidade: cada condição continua onde será lida?
Ao orientar a IA, descreva conteúdo, função e restrições. Pedido hipotético: “Crie uma proposta de composição para um aviso de envio. Dê maior destaque à ação e ao prazo. Mantenha a condição de documentação completa junto da chamada. Use a ilustração apenas para identificar os documentos”. Revise a proposta antes de gerar variações. Quando o formato permitir, mantenha o texto importante selecionável e legível.
Evite reduzir a fonte só para caber tudo. Corrija o recorte. Se os itens respondem a perguntas diferentes, distribua-os em peças ou seções distintas. Se todos são necessários à mesma decisão, aumente a área ou adote uma lista. Falta de espaço não autoriza eliminar uma condição essencial.
Confira a peça no tamanho em que será vista, incluindo celular e ampliação. Verifique contraste, ordem de leitura e compreensão sem depender só da cor. Para uma figura informativa, prepare uma alternativa textual com sua finalidade; uma descrição longa pode ficar ao lado de um gráfico ou esquema complexo.
A peça está pronta quando alguém identifica a mensagem principal, encontra a condição que limita sua aplicação e sabe onde agir sem explicação do autor. Se a pessoa lembra só da ilustração, reposicione o destaque em torno da informação que deveria ter aprendido.
Perguntas frequentes deste capítulo
Toda arte precisa de uma ilustração?
Posso usar apenas cor para diferenciar categorias?
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- Escrever bem com IAEscolher entre parágrafo, lista, tabela e passosExaminar conexões de Escolher entre parágrafo, lista, tabela e passos
- Astra profundoProjetar a composição pela tarefa do visitanteExaminar conexões de Projetar a composição pela tarefa do visitante
- Frontends com VibecodingLevar o repertório da marca para o briefing antes do promptExaminar conexões de Levar o repertório da marca para o briefing antes do prompt
Terminou a leitura?
Marque como concluído para o capítulo contar no seu painel e no certificado.
Voltar ao capítulo anterior: Escolha o formato pela relação que precisa mostrar
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.
Capítulos vizinhos em Síntese e didática com IA
- 08Escreva mensagens que permitam decidir
- 09Escolha o formato pela relação que precisa mostrar
- 10Organize a mensagem em imagens e artes
- 11Sintetize dados em gráficos sem distorcer
- 12Desenhe fluxos com condições e saídas