Habilidades

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
133
creditsEarned
11,100
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

Criador de infográficos

Diga adeus à dificuldade de criar gráficos manualmente. Basta fornecer seus dados estruturados e o Infographic Maker gera infográficos PNG de alta qualidade com um único clique. Ele oferece 6 tipos de gráficos integrados (linha do tempo, fluxograma, ranking, gráfico de escala, gráfico comparativo e gráfico de funil) e 5 estilos visuais meticulosamente elaborados (Azul Empresarial, Cores Criativas, Tecnologia Escura, Tons Quentes Elegantes e Preto e Branco Minimalista), abrangendo facilmente todos os cenários, desde relatórios anuais até mídias sociais. Compatível com os formatos Stories do Instagram (9:16), Feed (4:5) e Quadrado (1:1), ele permite que seus dados falem por si.

Criador de infográficos

Visualização de dados

Gere visualizações com base em dados fornecidos pelo usuário que estejam em conformidade com o princípio de Narrativa com Dados (SWD). Condições de ativação: Esta habilidade deve ser usada quando um usuário fornece dados e solicita "desenhar um gráfico", "gerar um gráfico", "visualizar", "criar um gráfico" ou "mostrar estes dados", ou carrega dados em formato CSV/Excel/planilha e deseja ver uma representação gráfica. Mesmo que o usuário diga apenas "analisar estes dados" e os dados sejam adequados para visualização, esta habilidade ainda deve ser usada para gerar um gráfico.

Visualização de dados

Todas as capas de conflitos clássicos-modernos

As ideias centrais do artigo são transformadas em um impacto visual. A fusão da gravura clássica com símbolos modernos cria a capa no estilo Every.to, caracterizada por ênfase em tons escuros, alto contraste, composição sem palavras e um forte senso artístico.

Todas as capas de conflitos clássicos-modernos

Find your next favorite skill

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

Explore all skills