Ganhos:
- Capacidade de criar slides legíveis com princípios de layout, contraste, tipografia e cores e receber paletas acessíveis e sugestões de design da inteligência artificial
- Capacidade de produzir planos de fundo apropriados, ilustrações e ícones consistentes com inteligência artificial de geração visual e aplicar limites práticos como “não imprimir texto na imagem”
- Não representar imagens falsas como reais e ser capaz de respeitar a ética do design e os limites de acessibilidade, como direitos autorais/marca registrada e daltonismo.
O conteúdo certo se perde no design errado. Fonte pequena, cores conflitantes, alinhamento confuso; Enfraquece até a melhor mensagem. Nesta unidade, usaremos inteligência artificial em duas funções: (1) como consultor nas decisões de layout de slides, cores e tipografia; (2) produzir as imagens, ícones e planos de fundo necessários com inteligência artificial de geração visual. O objetivo é produzir slides consistentes e legíveis, mesmo sem designer.
Três pilares do design: layout, cor, tipografia
Alguns conceitos. Layout é a disposição dos elementos no slide. Tipografia é a escolha de fontes e tamanhos. O contraste é a distinção entre texto e fundo; baixo contraste não é legível. O espaço em branco é o espaço para respirar entre os elementos; Não tenha medo do vazio, ele traz clareza.
Regras práticas de partida:
- Alinhamento: Alinha elementos em uma grade virtual; Não deixe que ele balance para a esquerda ou para a direita.
- Contraste: Texto escuro sobre fundo claro ou vice-versa. Não há cinza sobre cinza.
- Tipografia: Até 2 fontes; o título é grande e em negrito, o corpo é de tamanho legível (≥24 pontos é uma boa base em um salão).
- Cor: 1 cor principal + 1-2 destaques + neutros. Se você tem uma cor de marca, siga-a.
- Repetição: Os mesmos elementos no mesmo lugar e no mesmo formato em todos os slides.
princípio
Aplicação incorreta
Aplicação correta
contraste
Texto branco sobre fundo cinza claro
Texto branco sobre fundo azul escuro
Número de cores
7 cores vibrantes diferentes
1 principal + 2 destaques + tons de cinza
tipografia
4 fontes diferentes
1 título + 1 fonte do corpo
espaço
Slide completo de ponta a ponta
Margens e espaço para respirar
Cuidado: O daltonismo é comum (cerca de 8% dos homens). Não separe as informações apenas em vermelho/verde; Adicione também formas, rótulos ou texturas.
Consultoria de design com inteligência artificial
O modelo não é um programa de design, mas é um bom consultor de design. A paleta de cores, ideia de layout e correspondência de tipografia sugerem:
Sua função: consultor de design de apresentação. Cor primária da marca: [#hex ou “dark navy”]. Setor: [ ... ].Tom: [corporativo/quente/tecnológico]. Tarefa:1) Sugerir uma paleta de cores acessível: 1 principal, 2 acentuados, 2 neutros (código hexadecimal para cada um e onde usá-lo).2) Sugerir 2 fontes compatíveis para título + corpo (comum, livre).3) Descrever um layout simples para um “slide de conteúdo” (onde está o título, onde está a imagem, onde está o texto). Certifique-se de que as taxas de contraste sejam legíveis.
Para criticar um slide pronto (enviando uma captura de tela):
Critique esta imagem de slide através dos olhos de um editor de design. Anote os problemas em termos de contraste, alinhamento, densidade do texto, número de cores e legibilidade e sugira uma solução concreta para cada um. Meu objetivo é a clareza, não o embelezamento.
Inteligência artificial geradora de imagens: para quê, como?
A inteligência artificial geradora de imagens (por exemplo, ferramentas que geram imagens a partir de texto) transforma a receita que você escreve em um visual. Funciona bem para plano de fundo, imagem conceitual, ilustração e ideia de ícone na apresentação. Um bom prompt de imagem inclui: assunto + estilo + composição + cor + proporção + uso pretendido.
Produza uma imagem de capa de apresentação. Tema: tecnologia na agricultura sustentável. Estilo: ilustração simples, moderna e plana, fotografia não realista. Composição: deixe um espaço vazio do lado direito (o texto do título irá para lá). Cor: tons verdes e terra, calmos. Proporção: 16:9 horizontal. ADICIONANDO texto/texto (colocarei o texto).
Para o conjunto de ícones:
Gere uma ideia coerente de conjunto de ícones para uma apresentação. Necessidade: rapidez, segurança, economia, equipe, automação (5 conceitos). Descreva um ícone simples, monocromático e em estilo de linha para cada um. Deixe que todos estejam na mesma linguagem visual e espessura.
Dica: Não coloque texto na imagem. O texto nas imagens produzidas é muitas vezes distorcido/errôneo. Você adiciona o texto no programa de slides.
Os limites e a ética da produção visual
- Falso parecendo real: Apresentar uma imagem fabricada como uma “foto real/pessoa real” é enganoso. As notícias não substituem provas ou testemunhos.
- Direitos autorais e marca registrada: dizer “imitar” o logotipo, o personagem ou o estilo de uma marca existente de uma marca existente pode levar a problemas de direitos autorais e marca registrada.
- Imagem da pessoa: Não é ético produzir uma imagem que se assemelhe a uma pessoa real e fazer com que ela diga algo pela boca.
- Precisão: Os “dados visuais” produzidos não são dados reais; Não substitui gráficos. Para o gráfico, utilize o gráfico produzido com dados reais (próximas unidades).
três mini cases
Caso 1 — Correção de contraste. Os slides de um professor foram preparados em texto azul claro sobre fundo cinza claro; Os alunos da última fila não sabiam ler. AI sugeriu fundo escuro + texto branco e aumento do tamanho da fonte. A reclamação de legibilidade nos bastidores acabou completamente.
Caso 2 — Ícones consistentes. Uma equipe de produto estava usando 9 estilos diferentes de ícones na apresentação (alguns preenchidos, outros alinhados). Ele fez a IA descrever um conjunto em um estilo; todos trazidos para o estilo de linha. A apresentação recebeu o feedback “parece profissional”, embora nenhum designer tenha sido contratado.
Caso 3 — Retorno de imagem falsa. Um profissional de marketing colocaria um retrato de IA gerado com o título “nosso cliente satisfeito” como um cliente real. A equipe percebeu que isso era enganoso; em vez disso, usou uma foto real e autorizada de um cliente ou optou por uma ilustração abstrata. Assim, o risco de confiança foi eliminado.
Alerta fraco / Alerta forte
Fraco:
Produza um belo fundo de apresentação.
Sem estilo, sem proporção, sem cor, sem espaço, sem propósito; O resultado é aleatório e muitas vezes inútil.
Forte:
Gere plano de fundo de apresentação 16:9. Tópico: crescimento financeiro.Estilo: mínimo, geométrico abstrato, cor sólida. Cor: azul marinho escuro, detalhes dourados, poucos detalhes. Deixe o terceiro esquerdo vazio (o texto irá para lá). Adicionando texto/números. Obtenha um fundo de alto contraste e legível por texto.
A segunda fornece detalhes críticos como proporção, espaço livre, cor e “inserção de texto”; A saída pode ser usada diretamente.
Erros comuns
- Cores e fontes excessivas: transformar o slide em um arco-íris distrai.
- Baixo contraste: texto claro sobre claro e ilegível.
- Imprimir texto em uma imagem: O texto produzido fica distorcido; adicione o texto no programa de slides.
- Apresentar a falsificação como real: Usar a pessoa/foto produzida como se fosse real.
- Distinguir apenas pela cor: Exclui o visualizador daltônico; Adicione também formas/rótulos.
- Imitando o estilo da marca: Cria riscos de direitos autorais e de marca registrada.
Em resumo
Os três pilares do design são layout, cor e tipografia; Alinhamento, contraste, cor/fonte baixa e espaçamento determinam a legibilidade. AI é um bom conselheiro na recomendação de paleta de cores, layout e tipografia; A inteligência artificial que produz recursos visuais produz ideias de fundo, ilustração e ícones. Mas não escreva na imagem, não apresente o falso como real e tome cuidado com direitos autorais/marca e daltonismo. Está a serviço da honestidade estética e da legibilidade.
Tarefa de aplicativo
Selecione um dos seus slides. (1) Faça com que a IA gere uma paleta de cores acessível (1 principal + 2 destaques + neutro) e 2 fontes. (2) Faça uma captura de tela do slide, analise o contraste/alinhamento e aplique pelo menos 2 correções. (3) Gerar uma imagem conceitual com IA geradora de imagens; Coloque as regras de taxa e "adicionar texto" no prompt.
lista de verificação
- [ ] Utilizo no máximo 2 fontes e uma paleta de cores limitada.
- [ ] O contraste do fundo do texto é alto; É lido na última fila.
- [ ] Separei as informações não só por cor, mas também por formato/rótulo.
- [ ] Não imprimi nenhum texto na imagem gerada; Eu adicionei o texto.
- [ ] Não apresento a imagem falsa como real; Verifiquei o risco de direitos autorais/marca registrada.
- [] Os itens estão alinhados em uma grade, há espaço suficiente.