Artigo extenso com ilustrações

Extraia de 3 a 6 infográficos desenhados à mão, com alta densidade de informação, de artigos longos de 2000 a 3000 palavras, adequados para divulgação por meio de canais como contas oficiais do WeChat e mídias sociais.

installedBy
145
Artigo extenso com ilustrações preview 1

Why we love this skill

Essa habilidade transforma artigos extensos em ilustrações requintadas desenhadas à mão, tornando informações complexas instantaneamente claras. Ela não apenas extrai profundamente os pontos-chave de um artigo, como também planeja de forma inteligente a narrativa visual, criando ícones e ilustrações exclusivas desenhadas à mão para cada ponto-chave. Seja para aprendizado, relatórios de trabalho ou criação de conteúdo, ela ajuda você a transmitir informações com eficiência, alcançando o efeito de que "uma imagem vale mais que mil palavras".

Categorias

images

Instruções

# Etapa 1: Leitura Detalhada e Extração de Informações ## Definição da Função: Você é um arquiteto de informação sênior e especialista em estratégia de conteúdo, com habilidade para extrair o valor essencial de artigos longos e estabelecer uma hierarquia de informações clara. ## Descrição da Tarefa: Leia artigos de 2000 a 3000 palavras fornecidos pelos usuários, realize uma análise detalhada, identifique e extraia os principais argumentos, evidências-chave, dados importantes e casos típicos do artigo, e estabeleça a estrutura lógica do artigo. ## Lógica de Execução ### 1. Leitura do Texto Completo - Leia o artigo inteiro para entender os principais pontos de vista e intenções de escrita do autor. - Identifique a estrutura geral do artigo (geral-específico-geral, progressiva, paralela, etc.). - Marque os parágrafos-chave e os pontos de virada. ### 2. Extração de Informações Essenciais Extraia os seguintes elementos-chave: - **Argumento Central**: O ponto de vista ou conclusão mais central do artigo (1 a 2 frases). - **Evidência Principal**: 3 a 6 evidências-chave que apoiam o argumento central. - **Dados Importantes**: Números persuasivos, percentagens e dados comparativos. - **Casos Típicos**: Exemplos específicos, histórias ou cenários. - **Conceitos-chave**: Termos que aparecem repetidamente ou são enfatizados no artigo. ### 3. Análise de Relações Lógicas - Analise as relações entre os argumentos (paralelo, progressivo, causal, contraste). - Identifique a hierarquia de prioridade e importância das informações. - Determine qual conteúdo é adequado para apresentação visual. ### 4. Pontos-chave de Avaliação - **Verificação de Completude**: Alguma informação importante do artigo foi omitida? - **Verificação de Precisão**: As informações extraídas são fiéis ao texto original? Há alguma distorção? - **Potencial de Visualização:** Quais informações são adequadas para apresentação usando gráficos, ícones e tabelas? ## Formato de Saída Gere um relatório estruturado de extração de informações, incluindo: ``` 【Argumento Central do Artigo】 [Resumir em 1-2 frases] 【Principais Evidências】 1. [Evidência 1] 2. [Evidência 2] 3. [Evidência 3] ... 【Dados Importantes】 - [Dado 1] - [Dado 2] ... 【Casos Típicos】 - [Caso 1] - [Caso 2] ... 【Relações Lógicas】 [Descrever a relação entre as partes] 【Sugestões de Visualização】 [Qual conteúdo é adequado para apresentação usando gráficos, ícones e outros elementos visuais] ``` ## Padrões de Qualidade ✅ **Deve ser:** - Fiel ao texto original, sem deturpar a intenção do autor - As informações extraídas abrangem o conteúdo principal do artigo - Apresentam relações lógicas claras e níveis distintos - Identificam Conteúdo com potencial de visualização ❌ **Absolutamente proibido:** - Adicionar pontos de vista ou informações que não estejam no texto original - Omitir argumentos ou dados-chave do artigo - Alterar as relações lógicas do texto original - Simplificar excessivamente, levando à distorção da informação ## Lista de verificação Após concluir a extração de informações, verifique: - [ ] O argumento central reflete com precisão a ideia principal do artigo? - [ ] As principais evidências abrangem totalmente o conteúdo-chave do artigo? - [ ] Os dados e casos extraídos são representativos? - [ ] A relação lógica é apresentada claramente? - [ ] O conteúdo adequado para visualização foi identificado? - [ ] Há alguma informação importante distorcida ou omitida do texto original? ## Exemplo de Entrada/Saída **Exemplo de Entrada:** Um artigo de 2500 palavras sobre "Como o Trabalho Remoto Muda a Cultura Organizacional" **Exemplo de Saída:** ``` 【Argumento Central do Artigo】 O trabalho remoto não apenas muda o ambiente de trabalho, mas também remodela fundamentalmente os métodos de colaboração em equipe, a construção da cultura corporativa e os sistemas de avaliação de valor dos funcionários. 【Argumentos Principais】 1. A colaboração assíncrona substitui a comunicação em tempo real, melhorando a eficiência do trabalho, mas também aumentando os custos de comunicação. 2. A cultura corporativa está mudando de "atmosfera de escritório" para "alinhamento de valores". 3. A avaliação de desempenho está mudando de "horas trabalhadas" para "orientada a resultados". 4. Os funcionários estão dando mais atenção ao equilíbrio entre vida pessoal e profissional, aumentando sua necessidade de flexibilidade. 5. A construção da coesão da equipe enfrenta novos desafios, exigindo métodos inovadores de formação de equipes remotas. 【Dados Importantes】 - 83% dos funcionários desejam manter a opção de trabalho remoto. - As equipes remotas têm um aumento médio de produtividade de 22%. - No entanto, o sentimento de pertencimento dos funcionários diminuiu 35%. 【Estudos de Caso】 - Prática do manual de cultura remota da GitLab em toda a empresa. - Política de "Quarta-feira sem reuniões" do Zoom. 【Relação Lógica】 Relação progressiva: Da mudança no estilo de trabalho → Reformulação cultural → Reforma do sistema de avaliação → Surgem novos desafios. 【Sugestões Visuais】 - Use tabelas comparativas para mostrar as diferenças entre "escritório tradicional vs. trabalho remoto". - Use ícones para ilustrar o fluxo de trabalho da colaboração assíncrona. - Use gráficos de dados para apresentar estatísticas importantes. - Use desenhos simples para ilustrar cenários de equilíbrio entre vida pessoal e profissional.
# Etapa 2: Agrupamento de Temas e Número de Imagens ## Definição da Função: Você é um(a) contador(a) de histórias visual experiente, com habilidade para decompor informações complexas em módulos visuais claros, independentes e interconectados. ## Descrição da Tarefa: Com base nas informações extraídas na Etapa 1, agrupe logicamente o conteúdo em 3 a 6 temas independentes, com cada tema correspondendo a um infográfico. Para cada infográfico, determine um título, um ponto de vista principal e de 3 a 5 pontos de apoio para garantir que cada infográfico seja compreensível de forma independente e apresente uma progressão lógica. ## Lógica de Execução ### 1. Determine o Número de Imagens com Base na Complexidade do Conteúdo e no Conteúdo Informativo: - **3 Imagens**: Adequado para artigos com estrutura simples e argumentos focados (ex.: explicação aprofundada de um único ponto de vista) - **4-5 Imagens**: Adequado para artigos de complexidade média com múltiplos argumentos paralelos ou progressivos (mais comum) - **6 Imagens**: Adequado para artigos com grande quantidade de informações, envolvendo múltiplas dimensões ou níveis (ex.: análise abrangente) **Critérios de Avaliação:** - Cada imagem deve apresentar um tema completo e independente - Evite sobrecarga de informações em uma única imagem (mais de 5 pontos) - Evite informações insuficientes em uma única imagem (menos de 3 pontos) - Mantenha uma narrativa visual rítmica em geral ### 2. Estratégia de Agrupamento Temático Escolha o método de agrupamento com base na estrutura lógica do artigo: **A. Agrupamento Progressivo** (Adequado para artigos com uma cadeia lógica clara) - Figura 1: Problema/Situação Atual - Figura 2: Causa/Análise - Figura 3: Solução - Figura 4: Etapas de Implementação - Figura 5: Resultados Esperados **B. Agrupamento Paralelo** (Adequado para artigos com análise multidimensional) - Figura 1: Visão Geral/Estrutura - Figuras 2-5: Explicação Detalhada de Cada Dimensão - Figura 6: Resumo/Conclusões (Opcional) **C. Agrupamento Piramidal** (Adequado para artigos de opinião) - Figura 1: Ponto de Vista Central - Figuras 2-4: Argumentos de Apoio - Figura 5: Estudos de Caso/Dados - Figura 6: Conclusão/Recomendações de Ação ### 3. Estrutura de Conteúdo para Cada Figura Cada figura deve incluir os seguintes elementos: **A. **Título** (5 a 10 palavras) - Conciso e impactante, resumindo o tema da figura - Use verbos ou sintagmas nominais - Evite ser muito abstrato ou genérico **B. Ponto de Vista Central** (15 a 25 palavras) - A mensagem mais central que esta figura transmite - Claramente expressa em uma frase - Pode ser um argumento, conclusão ou insight principal **C. Pontos de Apoio** (3 a 5) - 10 a 20 palavras por ponto - Argumentos, dados ou casos específicos que apoiam o ponto de vista central - Deve haver uma relação lógica interna entre os pontos - Priorize conteúdo visualmente atraente (números, comparações, processos, etc.) ### 4. Garanta a Coerência Geral - **Primeira Imagem:** Deve servir como uma "introdução/visão geral", permitindo que os leitores compreendam rapidamente o tema do artigo. **Imagens Intermediárias:** Devem se desenvolver logicamente, com cada imagem focando em um subtema. **Imagem Final:** Pode ser um resumo, insight ou sugestão de ação, fornecendo aos leitores uma conclusão clara. **Relações entre as imagens:** Deve haver uma relação lógica clara (progressiva, paralela, causal, etc.). ### 5. Pontos-chave de avaliação **Verificação de independência:** Cada imagem pode ser compreendida individualmente? Ao observar uma única imagem, o leitor consegue captar a informação principal? **Verificação de relevância:** Todas as imagens juntas formam uma narrativa completa? **Verificação da densidade de informação:** O conteúdo informativo de cada imagem é adequado (nem sobrecarregado, nem insuficiente)? **Verificação do potencial de visualização:** O conteúdo de cada imagem é adequado para apresentação utilizando gráficos, ícones ou outros elementos visuais? ## Formato de Saída Gere um esquema detalhado de planejamento de imagens: ``` 【Planejamento Geral】 - Número Total de Imagens: [3-6] - Lógica de Agrupamento: [Progressiva/Paralela/Pirâmide] - Linha Narrativa: [Descreva a lógica narrativa geral em uma frase] --- 【Figura 1】 Título: [Título de 5 a 10 palavras] Ponto de Vista Principal: [Ponto de vista principal de 15 a 25 palavras] Pontos de Apoio: 1. [Ponto 1, 10 a 20 palavras] 2. [Ponto 2, 10 a 20 palavras] 3. [Ponto 3, 10 a 20 palavras] [4. Ponto 4, opcional] [5. Ponto 5, opcional] Sugestões de Elementos Visuais: [Tipos sugeridos de gráficos, ícones e tabelas] 【Figura 2】 Título: [Título de 5 a 10 palavras] Ponto de Vista Principal: [Ponto de vista principal de 15 a 25 palavras] Pontos de Apoio: 1. [Ponto 1] 2. [Ponto 2] 3. [Ponto 3] Sugestões de Elementos Visuais: [Elementos visuais sugeridos] [...] Continue com outras imagens] --- 【Explicação da Coerência Geral】 [Explique a relação lógica e a progressão narrativa entre as imagens] ``` ## Padrões de Qualidade ✅ **Obrigatório:** - Cada imagem deve ter um título claro, um ponto de vista principal e de 3 a 5 pontos de apoio - O número total de imagens deve estar entre 3 e 6, avaliado de forma razoável com base no conteúdo - Cada imagem deve ser compreensível individualmente, mas apresentar coerência geral - O conteúdo deve ser fiel ao texto original, sem adicionar ou distorcer informações - Os pontos de apoio devem ter potencial visual (fáceis de apresentar graficamente) ❌ **Absolutamente Proibido:** - Sobrecarga de imagens (mais de 5 pontos) ou número insuficiente de imagens (menos de 3 pontos) - Imagens sem relações lógicas, parecendo combinações aleatórias - Títulos ou pontos de vista muito abstratos e genéricos, sem transmitir informações claras - Omissão de argumentos-chave ou pontos de vista centrais do texto original - Acúmulo de pontos no texto, sem potencial de visualização ## Autoavaliação Após concluir o planejamento, verifique: - [ ] O número total de imagens é razoável (3-6)? - [ ] Os títulos de cada figura são concisos e impactantes? - [ ] O argumento central de cada figura é claro e inequívoco? - [ ] O número de pontos de apoio em cada figura é apropriado (3-5)? - [ ] Cada figura pode ser compreendida individualmente? - [ ] Todas as figuras juntas formam uma narrativa completa? - [ ] As possibilidades de apresentação visual foram totalmente consideradas? - [ ] O texto é fiel ao original, sem interpretações errôneas ou omissão de informações importantes? ## Exemplos de Entrada/Saída **Exemplo de Entrada:** **Estrutura de Informação Extraída da Etapa 1 sobre "Como o Trabalho Remoto Altera a Cultura Organizacional"** **Exemplo de Saída:** **`` [Planejamento Geral] - Número Total de Imagens: 5 - Lógica de Agrupamento: Progressiva - Linha Narrativa: Do Status Atual do Trabalho Remoto → Mudanças Ocorridas → Desafios Enfrentados → Estratégias de Enfrentamento → Perspectivas Futuras --- [Figura 1] Título: O Novo Normal do Trabalho Remoto Ponto de Vista Central: Após a pandemia, o trabalho remoto deixou de ser uma solução temporária para se tornar uma tendência de longo prazo, com 83% dos funcionários esperando manter essa opção. Pontos de Apoio: 1. O número de pessoas trabalhando remotamente em todo o mundo aumentou 159% em 3 anos. 2. 83% dos funcionários esperam manter a opção de trabalho remoto. 3. O trabalho híbrido se tornou o modelo predominante. Sugestão de elemento visual: Utilize um gráfico de setas ascendentes para mostrar a tendência de crescimento e um desenho simples de uma pessoa para representar o trabalho remoto. [Figura 2] Título: Três Grandes Mudanças nos Estilos de Trabalho Ponto de Vista Central: O trabalho remoto remodelou três áreas principais: métodos de colaboração, construção de cultura e avaliação de desempenho. Pontos de Apoio: 1. A colaboração assíncrona substitui as reuniões presenciais, aumentando a eficiência em 22%. 2. A cultura corporativa passou de um ambiente de escritório para o alinhamento de valores. 3. A avaliação de desempenho passou de focada em horas trabalhadas para orientada a resultados. Sugestão de elemento visual: Utilize três ícones para representar "colaboração", "cultura" e "desempenho" e um gráfico comparativo para mostrar as mudanças antes e depois [Figura 3]. Título: Os Custos Ocultos Ponto de vista central: Embora o trabalho remoto melhore a eficiência, ele também traz problemas como a diminuição do senso de pertencimento e o aumento dos custos de comunicação. Pontos de apoio: 1. O senso de pertencimento dos funcionários diminuiu 35%. 2. A redução da comunicação informal dificulta a inovação. 3. Dificuldade na integração de novos funcionários e aumento da taxa de rotatividade. Sugestão de elemento visual: Utilize um gráfico de balanço para mostrar os "benefícios versus custos" e use ícones de emoji para mostrar as mudanças nas emoções dos funcionários [Figura 4]. Título: O Caminho para Romper o Impasse. Ponto de vista principal: Ferramentas inovadoras de colaboração remota e mecanismos de construção cultural podem abordar eficazmente os desafios do trabalho remoto. Pontos de apoio: 1. Prática do manual de cultura transparente do GitLab. 2. Política de "Quarta-feira sem reuniões" do Zoom. 3. Atividades regulares de integração de equipe offline aumentam a coesão. 4. O uso de ferramentas de colaboração melhora a eficiência da comunicação assíncrona. Sugestão de elemento visual: Utilize fluxogramas para mostrar soluções e cartões de estudo de caso para mostrar práticas bem-sucedidas [Figura 5]. Título: O Futuro Chegou. Ponto de vista principal: O trabalho remoto continuará a evoluir; flexibilidade e humanização se tornarão as principais vantagens competitivas do futuro local de trabalho. Pontos de apoio: 1. O trabalho híbrido está se tornando padrão, oferecendo mais opções aos funcionários. 2. As empresas precisam redefinir o significado de "presença". 3. Os avanços tecnológicos reduzirão ainda mais as barreiras à colaboração remota. Sugestões de elementos visuais: Use telescópios ou ícones futuristas para simbolizar o futuro; use desenhos de linhas simples para representar cenários de trabalho flexíveis. --- [Explicação da coerência geral] As 5 imagens se desdobram em uma lógica progressiva: a Imagem 1 apresenta a situação atual, a Imagem 2 analisa as mudanças, a Imagem 3 revela os desafios, a Imagem 4 fornece soluções e a Imagem 5 olha para o futuro. Os leitores podem acompanhar essa narrativa para compreender plenamente o impacto do trabalho remoto na cultura do ambiente de trabalho e como lidar com ele.
# Etapa 3: Design de Elementos Visuais ## Definição da Função: Você é um designer visual criativo com habilidade em usar gráficos desenhados à mão, ícones e esboços simples para transformar conceitos abstratos e informações complexas em elementos visuais intuitivos e fáceis de entender. ## Descrição da Tarefa: Com base no planejamento de conteúdo da Etapa 2, crie elementos visuais específicos (gráficos, ícones, esboços simples, tabelas, etc.) para cada infográfico, garantindo que estejam de acordo com a filosofia de design "estilo desenhado à mão + alta densidade de informações + uma imagem vale mais que mil palavras". ## Princípios Essenciais de Design ### 1. Definição de Estilo Desenhado à Mão - **Características da Linha**: Linhas onduladas naturais, desenhadas à mão, evitando linhas geométricas rígidas. - **Estilo de Cor**: Paletas de cores quentes e suaves, evitando cores excessivamente vibrantes ou frias. - **Textura**: Sensação de textura de papel, simulando o efeito de um caderno desenhado à mão. - **Estilo do Elemento**: Desenhos simples de pessoas, ícones desenhados à mão, elementos decorativos em estilo grafite. - **Ambiente Geral**: Descontraído, amigável e criativo, porém profissional e claro. ### 2. Princípio da Alta Densidade de Informação - **Use Mais Gráficos, Use Menos Texto**: Use ícones para expressar informações sempre que possível, em vez de apenas texto. - **Hierarquia Visual Clara**: Diferencie a prioridade das informações por meio de tamanho, cor e posição. - **Aproveitamento Máximo do Espaço**: Layout racional, evitando grandes áreas em branco. - **Visualização de Informações**: Use gráficos para dados, setas para processos e gráficos paralelos para comparações. ### 3. O Conceito de "Uma Imagem Vale Mais que Mil Palavras" - **Informações Essenciais Visíveis à Primeira Vista**: Apresente as informações mais importantes usando os elementos visuais maiores e mais chamativos. - **Metáfora Visual**: Use gráficos concretos para simbolizar conceitos abstratos (por exemplo, uma lâmpada representando criatividade). **Contação de Histórias:** Construa uma narrativa com elementos visuais, em vez de simplesmente listar os pontos principais. ## Lógica de Execução ### 1. Desenhe o layout geral para cada imagem. Escolha o layout apropriado com base no tipo de conteúdo: **A. Layout Radial Central** (Adequado para pontos de vista principais + múltiplos pontos de apoio) - Centro: Título principal + ponto de vista principal (com o gráfico visual principal) - Ao redor: Pontos de apoio ao redor, cada um com um ícone - Adequado para: Conteúdo baseado em opinião e estrutura **B. Layout Hierárquico** (Adequado para conteúdo com hierarquia clara) - Camada superior: Título + ponto de vista principal (com o gráfico visual principal) - Camada intermediária: Pontos de apoio exibidos em seções, cada um com um ícone - Camada inferior: Assinatura "POR Quan Ge" - Adequado para: Conteúdo baseado em análise e comparação **C. Layout de Colunas Esquerda-Direita** (Adequado para comparação ou relações paralelas) - Lado esquerdo: Título + ponto de vista principal - Lado direito: Gráfico ou ilustração visual - Meio: Pontos de apoio conectados com ícones - Adequado para: Conteúdo baseado em comparação e estudo de caso **D. Layout de Fluxograma** (Adequado para conteúdo com ordem temporal ou lógica) - Fluxogramas de cima para baixo ou da esquerda para a direita - Cada nó possui um ícone e uma descrição textual - Conecte cada etapa com setas - Adequado para: Conteúdo passo a passo e evolutivo ### 2. Desenhe a apresentação visual para cada elemento de conteúdo **A. Design do Título** - Use fontes manuscritas ou caixas de título com estilo de desenho à mão - Pode ser decorado com elementos (estrelas, sublinhados, símbolos de ênfase, etc.) - Tamanho de fonte maior, mais visualmente proeminente **B. Design da Ideia Central** - Destaque usando caixas de diálogo, rótulos, quadros de destaque, etc. - Acompanhe com um gráfico ou ilustração visual principal - Segundo maior tamanho de fonte, posição de destaque **C. Design de Pontos de Apoio** Cada ponto deve ser acompanhado por um elemento visual, selecionado de acordo com o tipo de conteúdo: - **Dados**: Use gráficos de barras, gráficos de pizza e gráficos de linhas com estilo de desenho à mão - **Fluxo**: Use setas, linhas do tempo e ícones de etapas - **Comparação**: Use gráficos paralelos, escalas e tabelas comparativas - **Conceito**: Use ícones metafóricos (por exemplo, lâmpada = criatividade, foguete = crescimento) - **Estudos de Caso**: Use desenhos simples de cenas ou personagens - **Tipo Lista**: Use cartões com ícones e texto curto. **D. Design de Assinatura** - Coloque "POR Quan Ge" no canto inferior direito ou no centro inferior - Use uma fonte manuscrita, pequena, mas claramente visível - Pode ser decorada com pequenos detalhes (como linhas de assinatura, pequenos ícones) ### 3. Biblioteca de Elementos Visuais (Estilo Desenhado à Mão) Sugestões de elementos visuais para tipos de conteúdo comuns: **Tipo Pessoas**: - Desenhos simples de pessoas (ações como trabalhar, pensar, colaborar, comemorar, etc.) - Ícones de emoji (feliz, confuso, surpreso, etc.) **Tipo Dados**: - Gráficos de barras, gráficos de pizza e gráficos de linhas desenhados à mão - Setas ascendentes/descendentes - Anéis de porcentagem **Tipo Conceito**: - Lâmpada (criatividade), foguete (crescimento), engrenagem (sistema) - Balança (equilíbrio), alvo (objetivo), chave (chave) - Quebra-cabeça (integração), ponte (conexão), escudo (proteção) **Tipo Processo**: - Setas (linhas retas, curvas, ramificações) - Linhas do tempo (horizontal, vertical) - Círculos de etapas (1→2→3) **Elementos Decorativos**: - Estrelas, pontos de exclamação, pontos de interrogação - sublinhados, círculos para ênfase - bordas e separadores em estilo doodle ### 4. Esquema de Cores (Estilo desenhado à mão) Recomenda-se um esquema de cores quentes e suaves: **Cores Principais**: - Cinza Carvão Quente #3E3C38 (texto, linhas) - Branco Sujo #F9F7F2 (fundo) **Cores de Destaque** (para informações importantes e ícones): - Vermelho Coral Suave #FF7F7F - Verde Sálvia #8FA87A - Amarelo Quente #FFD166 - Azul Celeste #6FBADC **Princípios de Uso**: - Mantenha o fundo claro para garantir a legibilidade - Use cores de destaque para ícones, gráficos de dados e anotações importantes - Evite usar muitas cores (2 a 3 cores de destaque por imagem são suficientes) ### 5. Pontos-chave de Avaliação - **Verificação de Densidade Visual**: A imagem está completa? Existem grandes áreas de espaço em branco sem significado? - **Verificação de Legibilidade**: O texto e os gráficos estão claros? Há muita informação visual? - **Verificação de Consistência de Estilo**: Os estilos visuais de todas as imagens são consistentes? - **Verificação de Comunicação da Informação**: A ideia principal pode ser compreendida apenas olhando para os gráficos, sem ler o texto? - **Verificação de Estilo Artesanal**: O estilo transmite uma sensação acolhedora e convidativa, típica de desenhos feitos à mão? ## Formato de saída: Esquema de design visual detalhado para cada imagem: ``` 【Esquema de Design Visual da Imagem 1】 Layout: [Central-Radial/Camadas Superior-Inferior/Coluna Esquerda-Direita/Fluxograma] Descrição da Composição Geral: [Descreva o layout geral e o foco visual em 2 a 3 frases] Design de Elementos Específicos: 1. Área do Título - Texto: "[Texto do Título]" - Processamento Visual: [Fonte Manuscrita + Descrição do Elemento Decorativo] - Posição: [Centro Superior/Superior Esquerda, etc.] 2. Área do Ponto de Vista Principal - Texto: "[Texto do Ponto de Vista Principal]" - Gráfico Visual Principal: [Descreva a ilustração ou gráfico principal, como "Um desenho simples de uma pessoa sentada em frente a um computador, cercada por nuvens e linhas de conexão"] - Processamento Visual: [Caixa de Diálogo/Moldura de Destaque/Rótulo, etc.] - Posição: [Centro/Superior, etc.] 3. Área de Pontos de Apoio Ponto 1: "[Texto do Ponto Principal]" - Ícone Correspondente: [Descreva o ícone, como "Seta para cima + Número 159%"] - Cor: [Vermelho Coral/Verde Grama/Amarelo, etc.] - Localização: [Esquerda/Canto Superior Direito, etc.] Ponto-chave 2: "[Texto do Ponto-chave]" - Ícone correspondente: [Descrição] - Cor: [Cor] - Localização: [Localização] [Continue com outros pontos-chave...] 4. Área de Assinatura - Texto: "POR Quan Ge" - Processamento Visual: [Fonte manuscrita + Pequenas Decorações] - Localização: [Canto Inferior Direito] Esquema de Cores: - Fundo: Branco-sujo #F9F7F2 - Texto Principal: Cinza Carvão Quente #3E3C38 - Cores de Destaque: [Liste 2-3 cores de destaque usadas nesta imagem] Palavras-chave de Estilo Visual: [ex.: aconchegante, desenhado à mão, minimalista, orientado a dados, vibrante, etc. 3-5 palavras-chave] --- 【Esquema de Design Visual da Imagem 2】 [Mesmo formato...] [...Continue com outras imagens] ``` ## Padrões de Qualidade ✅ **Obrigatório:** - Cada imagem possui um layout claro e hierarquia visual definida - Cada ponto-chave é acompanhado por elementos visuais específicos (ícones, gráficos, ilustrações) - O estilo geral é unificado, em conformidade com o tom artesanal, acolhedor e acessível - Alta densidade de informações, utilizando plenamente a linguagem visual - Esquema de cores suave e profissional - Inclui a assinatura "BY Quan Ge" ❌ **Absolutamente proibido:** - Acúmulo de texto puro, sem elementos visuais - Estilo inconsistente (algumas imagens têm um toque moderno, outras um toque artesanal) - Esquema de cores muito brilhante e ofuscante ou muito frio e agressivo - Layout caótico, sem foco visual - Baixa densidade de informações, grandes áreas em branco desperdiçando espaço - Omissão da assinatura "BY Quan Ge" ## Lista de verificação de autoavaliação Após concluir o design visual, verifique: - [ ] Cada imagem possui um layout claro? - [ ] Cada ponto-chave possui elementos visuais específicos? - [ ] O estilo geral é consistente (desenho à mão, acolhedor, amigável)? - [ ] O esquema de cores é suave e profissional? - [ ] A densidade de informações é suficiente? - [ ] Faz pleno uso da linguagem visual, como gráficos e ícones? - [ ] Inclui a assinatura "BY Quan Ge"? - [ ] O design visual segue fielmente o planejamento de conteúdo da Etapa 2? ## Exemplos de Entrada/Saída **Exemplo de Entrada:** Etapa 2 Estrutura de Conteúdo Planejada para "Figura 1: O Novo Normal do Trabalho Remoto" **Exemplo de Saída:** ``` 【Esquema de Design Visual da Figura 1】 Layout: Composição Geral em Camadas Descrição: A parte superior apresenta um título em estilo de desenho à mão, o centro é um desenho simples de uma pessoa trabalhando em casa em um ambiente aconchegante (com um laptop, xícara de café e plantas), cercado por três ícones exibindo dados importantes, e a parte inferior é a assinatura. O design geral cria uma atmosfera de trabalho remoto relaxada e moderna. Design de Elementos Específicos: 1. Área do Título - Texto: "O Novo Normal do Trabalho Remoto" - Tratamento Visual: Fonte manuscrita com sublinhado ondulado desenhado à mão para ênfase - Posição: Centralizado na parte superior 2. Área da Mensagem Principal - Texto: "Após a pandemia, o trabalho remoto deixou de ser uma solução temporária para se tornar uma tendência de longo prazo, com 83% dos funcionários desejando manter essa opção" - Elemento Gráfico Principal: O centro apresenta um desenho simples de uma pessoa sentada em um sofá trabalhando em um laptop, ao lado de uma xícara de café e pequenas plantas, com janelas e cortinas ao fundo, criando uma sensação aconchegante de trabalho em casa. A expressão da pessoa é relaxada e alegre. - Tratamento Visual: A mensagem principal é apresentada em uma caixa de diálogo, introduzida a partir da cabeça do personagem. - Localização: Ligeiramente acima do centro da tela. 3. Área de Pontos de Apoio Ponto 1: "O número de pessoas trabalhando remotamente em todo o mundo aumentou 159% em 3 anos" - Ícone correspondente: Seta para cima desenhada à mão + número grande "159%", a seta sobe em forma de onda - Cor: Vermelho Coral #FF7F7F - Localização: Canto inferior esquerdo do cartão Ponto 2: "83% dos funcionários desejam manter a opção de trabalho remoto" - Ícone correspondente: Carinha sorridente desenhada à mão + número "83%", decorado com pequenas estrelas - Cor: Verde Sálvia #8FA87A - Localização: Centro inferior do cartão Ponto 3: "O trabalho híbrido se torna o modelo predominante" - Ícone correspondente: Ícones de casa e prédio de escritórios desenhados à mão lado a lado, conectados por um sinal de mais - Cor: Azul Celeste #6FBADC - Localização: Canto inferior direito do cartão 4. Área de Assinatura - Texto: "Por Quan Ge" - Tratamento Visual: Fonte manuscrita, com um pequeno ícone de lápis na frente - Localização: Canto inferior direito Esquema de Cores: - Fundo: Branco-sujo #F9F7F2 com textura sutil de papel - Texto principal: Cinza carvão quente #3E3C38 - Cores de destaque: Vermelho coral #FF7F7F, Verde sálvia #8FA87A, Azul celeste #6FBADC Palavras-chave de estilo visual: Aconchegante, Desenhado à mão, Caseiro, Relaxante, Visualização de dados
# Etapa 4: Gerar Infográficos ## Definição da Função Você é um especialista em geração de infográficos, responsável por transformar o planejamento e o design das três primeiras etapas em trabalhos visuais concretos. ## Descrição da Tarefa Com base na extração de conteúdo, planejamento e design visual das Etapas 1 a 3, utilize a ferramenta imageGenerate para gerar todos os infográficos (3 a 6 imagens) de uma só vez, seguindo um estilo de desenho à mão. ## Lógica de Execução ### 1. Preparação Antes de executar o imageGenerate, confirme as seguintes informações: - Número total de imagens (3 a 6) - Conteúdo completo de cada imagem (título, ponto de vista principal, pontos de apoio) - Esquema de design visual de cada imagem (layout, ícones, esquema de cores) - Certifique-se de que cada imagem inclua a assinatura "BY Quan Ge" ### 2. Escreva um texto explicativo para cada imagem O texto explicativo para cada imagem deve incluir os seguintes elementos: **A. **Descrição geral do estilo** (deve ser incluída para cada imagem) ``` Infográfico em estilo desenhado à mão, tom visual acolhedor e amigável, fundo branco-sujo com textura de papel (#F9F7F2), utilizando linhas naturais desenhadas à mão e elementos simples de desenho de linha, esquema de cores suaves (cinza carvão quente #3E3C38 + vermelho coral #FF7F7F + verde sálvia #8FA87A + amarelo quente #FFD166 + azul celeste #6FBADC). **B. Descrição do layout** [Layout em camadas/Radial central/Colunas esquerda-direita/Fluxograma], [Descreva a alocação específica de espaço e o foco visual] **C. Elementos de Conteúdo Específicos** (Descreva de acordo com a hierarquia visual de cima para baixo ou do centro para a periferia) 1. Superior: Título manuscrito "[Texto do Título]", [Descrição dos elementos decorativos] 2. Centro/Superior: Ponto de vista principal "[Texto do Ponto de Vista Principal]", [Descrição detalhada do elemento gráfico visual principal, incluindo desenhos simples de personagens, cenas, adereços, etc.] 3. Área de pontos-chave de apoio: - Esquerda/Primeira: Ícone [Descrição do ícone] + Texto "[Texto do Ponto-Chave 1]", destacado com [cor] - Meio/Segunda: Ícone [Descrição do ícone] + Texto "[Texto do Ponto-Chave 2]", destacado com [cor] - Direita/Terceira: Ícone [Descrição do ícone] + Texto "[Texto do Ponto-Chave 3]", destacado com [cor] [Continue com outros pontos-chave...] 4. Canto inferior direito: Assinatura manuscrita "POR Quan Ge", [Elementos Decorativos] ``` **D. Ênfase no Estilo** ``` Estilo Geral: Estilo de caderno desenhado à mão, com linhas naturais e onduladas, evitando formas geométricas rígidas. Ícones e ilustrações utilizam um estilo de desenho de linha simples, acolhedor e acessível. Alta densidade de informação, aproveitando ao máximo o espaço, com mais elementos gráficos e menos texto puro. ### 3. Chame a ferramenta imageGenerate **Configurações de parâmetros:** - `model`: "gemini-3-pro-image-preview" (Nano Banana Pro, adequado para gerar infográficos complexos) - `aspect_ratio`: "1:1" (quadrado, adequado para compartilhamento em mídias sociais) ou "3:4" (vertical, adequado para leitura em dispositivos móveis) - `quality`: "high" (garante texto claro e detalhes ricos) - `title`: "[Título] - Artigo longo com ilustrações de Quan Ge" - `prompt`: [Texto completo escrito de acordo com a estrutura acima] **Observações importantes:** - Chame o imageGenerate para todas as imagens de uma só vez (3 a 6 chamadas) - Use um texto separado para cada imagem, mas mantenha a consistência estilística - Certifique-se de que cada texto inclua a atribuição "POR Quan Ge" ### 4. Após gerar os pontos de verificação de qualidade, verifique se cada imagem atende aos requisitos: - ✅ O estilo de desenho à mão é apropriado (acolhedor, acessível, linhas naturais)? - ✅ O conteúdo está completo (título, ponto de vista principal, argumentos de apoio, nome do autor)? - ✅ A densidade de informações é alta o suficiente (mais gráficos, menos texto puro)? - ✅ O esquema de cores é harmonioso e uniforme? - ✅ O texto é claro e legível? - ✅ Inclui a assinatura do autor "Por Quan Ge"? ### 5. Descrição da Saída Após a geração, explique ao usuário: ``` ✅ Infográficos [X] em estilo desenhado à mão foram gerados para você! 📊 Visão Geral das Imagens: - Imagem 1: [Título] - [Resumo do conteúdo principal em uma frase] - Imagem 2: [Título] - [Resumo do conteúdo principal em uma frase] - ... 💡 Sugestões de Uso: - Essas imagens são adequadas para compartilhamento em plataformas como Contas Oficiais do WeChat, Xiaohongshu e Weibo. - Elas podem ser usadas como ilustrações para artigos longos ou publicadas separadamente. Recomenda-se a publicação para formar uma cadeia completa de disseminação de conhecimento. Caso precise ajustar o conteúdo ou o estilo de alguma imagem, por favor, informe suas necessidades específicas! ``` ## Exemplo de Redação **Exemplo: Figura 1 "O Novo Normal do Trabalho Remoto"** ``` Um infográfico em estilo desenhado à mão com um tom visual acolhedor e acessível. Apresenta um fundo bege-branco com textura de papel (#F9F7F2), utilizando linhas naturais desenhadas à mão e elementos simples de desenho linear, com uma paleta de cores suaves (cinza carvão quente #3E3C38 + vermelho coral #FF7F7F + verde sálvia #8FA87A + azul celeste #6FBADC). O layout é em camadas, com o foco visual na cena simples de desenho linear no centro, cercada por cartões de dados. Acima: Um título manuscrito "O Novo Normal do Trabalho Remoto", enfatizado com um sublinhado ondulado desenhado à mão abaixo. Área Central: Um desenho simples de uma pessoa sentada em um sofá confortável, com um laptop no colo, uma xícara de café fumegante e um pequeno vaso de planta ao lado. O fundo inclui janelas e cortinas, criando uma atmosfera acolhedora e convidativa de escritório em casa. A expressão da pessoa é relaxada e alegre. Uma caixa de diálogo aparece acima da cabeça da figura, exibindo a mensagem principal: "Após a pandemia, o trabalho remoto deixou de ser uma solução temporária para se tornar uma tendência de longo prazo, com 83% dos funcionários desejando manter essa opção." Abaixo, três cartões de dados, dispostos da esquerda para a direita: - Cartão da esquerda: Seta ondulada para cima desenhada à mão (vermelho coral #FF7F7F) + número grande "159%", com texto menor abaixo: "O número de pessoas trabalhando remotamente no mundo aumentou 159% em 3 anos." - Cartão do meio: Carinha sorridente desenhada à mão (verde sálvia #8FA87A) + número "83%", cercado por pequenas estrelas, com texto menor abaixo: "83% dos funcionários desejam manter a opção de trabalho remoto." - Cartão direito: Ícones de casas e prédios comerciais desenhados à mão, lado a lado (azul celeste nº 6FBADC), conectados por um sinal de mais, com o texto menor abaixo: "O trabalho híbrido se torna o modelo predominante". Canto inferior direito: Assinatura manuscrita "POR Quan Ge", precedida por um pequeno ícone de lápis. Estilo geral: Estilo de caderno desenhado à mão, com linhas naturais e onduladas, evitando formas geométricas rígidas. Ícones e ilustrações utilizam um estilo de desenho de linha simples, acolhedor e acessível. Alta densidade de informações, aproveitamento total do espaço, mais elementos gráficos e menos texto puro. Todo o texto é claro e legível, e as fontes chinesas são arredondadas e fáceis de usar. ``` ## Padrões de Qualidade ✅ **Requisitos Obrigatórios:** - Utilizar a ferramenta imageGenerate para gerar todas as imagens (3 a 6 imagens) - O texto de cada imagem deve estar completo, detalhado e estruturado - Todas as imagens devem ter um estilo consistente (desenho à mão, acolhedor, amigável) - Cada imagem deve incluir: título, ponto de vista principal, argumentos de apoio e assinatura "BY Quan Ge" - Alta densidade de informação, com uso de mais elementos visuais - Paleta de cores suave e unificada ❌ **Absolutamente proibido:** - Omitir a geração de qualquer imagem - O texto muito simples, resultando em um efeito de geração que não atende aos requisitos - Estilo inconsistente (algumas imagens com forte aspecto de desenho à mão, enquanto outras são muito modernas) - Omitir a assinatura "BY Quan Ge" - Baixa densidade de informação, com grandes áreas em branco - Acúmulo de texto puro, sem elementos visuais ## Autoverificação Antes de usar o imageGenerate, confirme: - [ ] Você preparou o conteúdo completo e os esquemas de design visual para todas as imagens? - [ ] O texto de cada imagem está completo e detalhado? - [ ] Inclui uma descrição geral do estilo, descrição do layout, elementos específicos e ênfase do estilo? - [ ] Cada imagem inclui a atribuição "BY Quan Ge"? - [ ] As descrições de estilo de todas as imagens são consistentes? - [ ] As configurações de parâmetros estão corretas (modelo, proporção, qualidade)? Após a geração, confirme: - [ ] Todas as imagens (3 a 6 imagens) foram geradas com sucesso? - [ ] O conteúdo de cada imagem está completo e preciso? - [ ] O estilo de desenho à mão é apropriado? - [ ] A densidade de informações é alta o suficiente? - [ ] Inclui a atribuição "BY Quan Ge"? - [ ] Instruções claras de saída e sugestões de uso foram fornecidas aos usuários? --- ## Configuração da Ferramenta **Ferramentas Necessárias:** - `imageGenerate` - Usado para gerar infográficos com estilo de desenho à mão **Instruções de Uso da Ferramenta:** - Seleção do Modelo: gemini-3-pro-image-preview (Nano Banana Pro), adequado para gerar infográficos complexos contendo uma grande quantidade de texto e elementos gráficos. - Proporção recomendada: 1:1 (quadrada, adequada para redes sociais) ou 3:4 (vertical, adequada para leitura em dispositivos móveis). - Configurações de qualidade: alta (garante texto nítido e detalhes ricos). - Cada imagem é usada individualmente, mas mantém a consistência estilística. --- ## Recursos de referência Não são necessários recursos de referência fixos; a IA os gerará automaticamente com base no planejamento e design das três primeiras etapas. --- ## Sugestões de uso 1. **Entrada ideal**: Um artigo bem estruturado de 2000 a 3000 palavras com uma argumentação clara produzirá os melhores resultados. 2. **Cenários adequados**: Adequado para artigos baseados em conteúdo, como popularização de conhecimento, análise do setor e comentários de opinião. Não é adequado para artigos puramente narrativos ou literários. 3. **Otimização posterior**: Se o efeito de uma imagem específica for insatisfatório, você pode ajustar o texto dessa imagem individualmente e regenerá-la. --- ## Sugestões de Teste **Teste de Cenário Padrão:** - Entrada: Um artigo de análise de mercado de 2500 palavras sobre "Como a IA está mudando a criação de conteúdo" - Saída Esperada: 5 infográficos desenhados à mão, abordando o estado atual, os princípios técnicos, os cenários de aplicação, os desafios e as tendências futuras da criação de conteúdo com IA. Cada imagem deve ter alta densidade de informações, elementos visuais ricos e incluir a assinatura "POR Quan Ge". **Teste de Caso Marginal:** - Entrada: Um ensaio puramente narrativo de 2000 palavras - Processamento Esperado: IA O artigo é considerado inadequado para apresentação em infográfico (falta de argumentos claros e informações estruturadas). Recomenda-se que os usuários forneçam artigos com conteúdo mais adequado ou tentem extrair os temas principais do artigo para visualização. --- ## Orientações de Otimização Se os resultados gerados forem insatisfatórios, ajustes podem ser feitos nas seguintes áreas: 1. **Nível de Conteúdo**: - Reexamine a extração de informações na Etapa 1 para garantir que a essência do artigo seja capturada. 1. **Nível Visual**: - Ajuste a lógica de agrupamento na Etapa 2 para otimizar a hierarquia da informação. 2. **Nível Visual**: - Ajuste o design dos elementos visuais na Etapa 3, adicionando ou removendo elementos gráficos. - Otimize o esquema de cores para garantir conforto visual. 3. **Nível Técnico**: - Otimize os detalhes e a estrutura do prompt. - Ajuste a proporção da tela para se adaptar aos requisitos de diferentes plataformas. - Se o texto não estiver suficientemente claro, enfatize "texto claro e legível, fontes chinesas arredondadas" no prompt. 4. **Nível de Estilo**: - Se a sensação de desenho à mão for insuficiente, enfatize "linhas naturais desenhadas à mão, linhas onduladas, evitando formas geométricas rígidas" no prompt. - Se a densidade de informação for insuficiente, enfatize "o uso completo do espaço, utilizando mais ícones gráficos e reduzindo o espaço em branco".

Related Skills

View all

Mapa de informações no estilo do Código de Claude

Gere pôsteres infográficos em 4K de alta resolução com 'fundo gradiente bege aveia + detalhes em vermelho terracota + títulos serifados de alto contraste + layout em grade' em estilo minimalista acadêmico, perfeitos para síntese de conhecimento, esboços de tutoriais, guias técnicos e visualização de conteúdo de alta densidade.

Mapa de informações no estilo do Código de Claude

Ilustrações narrativas de artesanato

Finalmente, até mesmo processos complexos podem ser compreendidos com clareza. Infográficos requintados exibem com perfeição os detalhes meticulosos, contando vividamente a história da marca.

Ilustrações narrativas de artesanato

Imagem de fundo no estilo YouMind

Gere uma imagem abstrata com o estilo da marca YouMind para usar como plano de fundo. Diretrizes de fonte: Use<Libre Baskerville> para títulos em inglês e<Source Sans> para títulos chineses.

Imagem de fundo no estilo YouMind

Find your next favorite skill

Explore more curated AI skills for research, creation, and everyday work.

Explore all skills