Floreando o Conteúdo by Thiago Pestillo Seles

O FLOREAR DO CONTEÚDO Design Informacional, Acessibilidade Textual e Infografia na abordagem e produção de uma comunicação mais efetiva do seu conteúdo

Thiago Pestillo Seles

REVISE

TRABALHE O ESTILO E AESTÉTICA DO INFOGRÁFICO

INFO GRAFIA

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

DICAS PARA PENSAR A PERSONA

ASPÉCTOS

ESTÉTICOS

ASPÉCTOS

ADMINIS TRATIVOS

DESIGN DE

INFORMAÇÃO ASPÉCTOS

COGNI TIVOS

CONSTRUA O CONTEÚDO PESQUISA DO CONTEÚDO

ASPÉCTOS

FUNCIONAIS LEITURABILIDADE E ACESSIBILIDADE TEXTUAL

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

RESUMA E HIERARQUIZE O CONTEÚDO ESCRITA DO CONTEÚDO

REVISE ATIVI DADE

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

INFO GRAFIA

DICAS PARA PENSAR A PERSONA

ASPÉCTOS

ESTÉTICOS

ASPÉCTOS

ADMINIS TRATIVOS

DESIGN DE

INFORMAÇÃO ASPÉCTOS

COGNI TIVOS

COMO MEXER NO CANVA

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

VISUALIZE/ ESBOCE A MELHOR COMPOSIÇÃO

CONSTRUA O CONTEÚDO PESQUISA DO CONTEÚDO

ASPÉCTOS

FUNCIONAIS

RESUMA E HIERARQUIZE O CONTEÚDO ESCRITA DO CONTEÚDO

LEITURABILIDADE E ACESSIBILIDADE TEXTUAL

REVISE

INFO GRAFIA

IMAGEM+TEXTO

DEFINA OS OBJETIVOS E O PÚBLICO ALVO DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE DEFINA O PÚBLICO ALVO E O CONTEXTO

ACESSO

TRABALHE O ESTILO E AESTÉTICA DO INFOGRÁFICO

HARMONIA

PROPORÇÃO

NECESSIDADES E REQUISITOS DO PROJETO

CUSTO ÉTICA QUALIDADE ASPÉCTOS

ASPÉCTOS

ADMINIS TRATIVOS

ESTÉTICOS

DESIGN DE

COMPOSIÇÃO DE CORES

INFORMAÇÃO

TIPOGRAFIA

FACILITE O PROCESSO DE COMUNICAÇÃO

ASPÉCTOS

COGNI TIVOS

PARÂMETROS PARA SE SITUAR

ASPÉCTOS

FUNCIONAIS ATENÇÃO

PERCEPÇÃO

SELEÇÃO DAS IMAGENS E GRÁFICOS

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

PROCESSAMENTO

MEMORIZAÇÃO

DEFINIR ESTRUTURAR SIMPLICIDADE CLAREZA

CONSTRUA O CONTEÚDO PESQUISA DO CONTEÚDO COLETE AS INFORMAÇÕES

PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

TRANSPOSIÇÃO DE LINGUAGENS

DICAS PARA PENSAR A PERSONA

ANALISE E FILTRE AS INFORMAÇÕES

UNIDADE

LEITURABILIDADE E ACESSIBILIDADE TEXTUAL

ÊNFASE

RESUMA E HIERARQUIZE O CONTEÚDO ESCRITA DO CONTEÚDO DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

HARMONIA PROPORÇÃO ESTÉTICA

Harmonizar o texto com equilíbrio na composição dos elementos ; Trabalhar com os elementos proporcionando uma lógica visual e proximidade com o público alvo.

ASPÉCTOS

ESTÉTICOS Precisa promover uma comunicação efetiva , que facilite seu processo envolvendo a "percepção, leitura, compreensão, memorização" e aplicação da informação (FRASCARA, 2011 apud THOMAS, 2016)

Qual melhor meio para produzir o conteúdo, acessível ao contexto;

ACESSO À INFORMAÇÃO

O custo de tempo e gastos na produção;

CUSTO DA INFORMAÇÃO

Não plagiar ou roubar;

ÉTICA DA INFORMAÇÃO

Dados relevantes e corretos, com uma revisão do material.

QUALIDADE E GARANTIA

ASPÉCTOS

ADMINISTRATIVOS

DESIGN DE

INFORMAÇÃO

FACILITE O PROCESSO DE COMUNICAÇÃO

PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS

ASPÉCTOS

FUNCIONAIS

FACILITAR A ATENÇÃO

Como o texto capta e instiga a atenção por meio de informações e imagens;

Deﬁnir os problemas, o púbico alvo e o contexto que o conteúdo aborda;

DEFINIR OS PROBLEMAS

FACILITAR A PERCEPÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

Estruturar o texto hierarquizando as informações;

ESTRUTURAR O TEXTO

Deixar claro o texto, sem ambiguidades;

TER CLAREZA

Deixar simples o texto, sem termos complicados e promovendo acessibilidade textual;

TER SIMPLICIDADE

Proporcionar unidade e coerência entre as informações;

CRIAR UNIDADE

Dar ênfases e foco nas informações mais relevantes

DAR ÊNFASES

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

Facilita seu entendimento com termos simples, adequados e comparações com símbolos do contexto do usuário; Capacidade quantitativa de informação que é passada no conteúdo para sua memorização, relacionando texto com imagens representativas, gerar relações e “links” entre informações ;

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

FUNCIONAIS ASPÉCTOS

ADMINISTRATIVOS ASPÉCTOS

ESTÉTICOS ASPÉCTOS

COGNITIVOS

Design da informação trabalha com planejamento, adaptação e desenvolvimento de conteúdos de uma comunicação e as formas na qual será transmitida para um público alvo (IIID, 2015 apud THOMAS, 2016). Precisa promover uma comunicação efetiva , que facilite seu processo envolvendo a "percepção, leitura, compreensão, memorização" e aplicação da informação (FRASCARA, 2011 apud THOMAS, 2016)

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE INFORMAÇÃO

HARMONIA PROPORÇÃO ESTÉTICA

Harmonizar o texto com equilíbrio na composição dos elementos ; Trabalhar com os elementos proporcionando uma lógica visual e proximidade com o público alvo.

ASPÉCTOS

Qual melhor meio para produzir o conteúdo, acessível ao contexto;

ACESSO À INFORMAÇÃO

O custo de tempo e gastos na produção;

CUSTO DA INFORMAÇÃO

Não plagiar ou roubar;

ÉTICA DA INFORMAÇÃO

Dados relevantes e corretos, com uma revisão do material.

QUALIDADE E GARANTIA

ASPÉCTOS

ADMINISTRATIVOS

DESIGN DE

INFORMAÇÃO

FACILITE O PROCESSO DE COMUNICAÇÃO

PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS

ASPÉCTOS

FUNCIONAIS

FACILITAR A ATENÇÃO

Como o texto capta e instiga a atenção por meio de informações e imagens;

Deﬁnir os problemas, o púbico alvo e o contexto que o conteúdo aborda;

DEFINIR OS PROBLEMAS

FACILITAR A PERCEPÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

Estruturar o texto hierarquizando as informações;

ESTRUTURAR O TEXTO

Deixar claro o texto, sem ambiguidades;

TER CLAREZA

Deixar simples o texto, sem termos complicados e promovendo acessibilidade textual;

TER SIMPLICIDADE

Proporcionar unidade e coerência entre as informações;

CRIAR UNIDADE

Dar ênfases e foco nas informações mais relevantes

DAR ÊNFASES

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

DEFINIR OS PROBLEMAS

ESTRUTURAR O TEXTO

DEFINIR OS PROBLEMAS

Ter deﬁnido o objetivo da mensagem ;

ESTRUTURAR O TEXTO

Definir cuidadosamente o perfil de pra quem está elaborando a peça gráfica, podendo elaborar uma PERSONA*;

Quanto mais bem esclarecida a estrutura mais fácil de perceber, compreender , interpretar e memorizar a localização e o conteúdo da informação.

FUNCIONAIS Deﬁnir os problemas, o púbico alvo e o contexto que o conteúdo aborda; Estruturar o texto hierarquizando as informações; Deixar claro o texto, sem ambiguidades; Deixar simples o texto, sem termos complicados e promovendo acessibilidade textual; Proporcionar unidade e coerência entre as informações; Dar ênfases e foco nas informações mais relevantes

TER CLAREZA TER SIMPLICIDADE CRIAR UNIDADE DAR ÊNFASES

Deﬁnir o contexto que será aplicado, pois assim facilita adequar melhor o material e pensar possibilidades de interpretação;

Pode-se hierarquizar a informação e ajustá-la em tópicos.

Definir qual meio é mais adequado, pensando para quem será elaborada; Elaborar um relato breve sobre o que será passado; Levantar referências de dados, figuras ou sons que poderão ser utilizados (banco de imagens, de figuras, etc); ASPÉCTOS FUNCIONAIS

*PERSONA: Descrição mais pela frente

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

TER CLAREZA

TER SIMPLICIDADE Promover LEITURABILIDADE ADEQUADA*

ESTRUTURAR O TEXTO

Deve se buscar elaborar materiais simples, claros e evitar causar ambiguidades na interpretação.

TER CLAREZA

Facilitar ao máximo perceber o conteúdo e sua ramiﬁcações.

DEFINIR OS PROBLEMAS

TER SIMPLICIDADE

Promover qualidade e legibilidade.

O nível de leitura exigido para compreender o texto precisa estar adequado ao leitor. Pensando assim as palavras, símbolos e imagens que são adequados ao público alvo;

CRIAR UNIDADE DAR ÊNFASES

*LEITURABILIDADE: Descrição mais pela frente ASPÉCTOS FUNCIONAIS

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

DEFINIR OS PROBLEMAS ESTRUTURAR O TEXTO TER CLAREZA TER SIMPLICIDADE

CRIAR UNIDADE

DAR ÊNFASES

Precisa ter unidade, coerência entre as informações

Procurar realçar as informações mais importantes

Promover uma lógica visual e escrita, em que possa associar a símbolos os assuntos especíﬁcos e ser conciso na abordagem

Promovendo contraste nítido entre as informações, gerando atenção ao leitor por meio de elementos para realçar informações chaves.

Pensando padrão de cores, termos, tipograﬁa, imagens, fonte, etc;

Facilitando também encontrar determinadas informações no meio do texto;

CRIAR UNIDADE DAR ÊNFASES

ASPÉCTOS FUNCIONAIS

( PETTERSON, 2012 apud THOMAS, 2016 )

HARMONIA PROPORÇÃO ESTÉTICA

Harmonizar o texto com equilíbrio na composição dos elementos ; Trabalhar com os elementos proporcionando uma lógica visual e proximidade com o público alvo.

ASPÉCTOS

Qual melhor meio para produzir o conteúdo, acessível ao contexto;

ACESSO À INFORMAÇÃO

O custo de tempo e gastos na produção;

CUSTO DA INFORMAÇÃO

Não plagiar ou roubar;

ÉTICA DA INFORMAÇÃO

Dados relevantes e corretos, com uma revisão do material.

QUALIDADE E GARANTIA

ASPÉCTOS

ADMINISTRATIVOS

DESIGN DE

INFORMAÇÃO

FACILITE O PROCESSO DE COMUNICAÇÃO

PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS

ASPÉCTOS

FUNCIONAIS

FACILITAR A ATENÇÃO

Como o texto capta e instiga a atenção por meio de informações e imagens;

Deﬁnir os problemas, o púbico alvo e o contexto que o conteúdo aborda;

DEFINIR OS PROBLEMAS

FACILITAR A PERCEPÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

Estruturar o texto hierarquizando as informações;

ESTRUTURAR O TEXTO

Deixar claro o texto, sem ambiguidades;

TER CLAREZA

Deixar simples o texto, sem termos complicados e promovendo acessibilidade textual;

TER SIMPLICIDADE

Proporcionar unidade e coerência entre as informações;

CRIAR UNIDADE

Dar ênfases e foco nas informações mais relevantes

DAR ÊNFASES

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

ADMINISTRATIVOS Qual melhor meio para produzir o conteúdo, acessível ao contexto;

ACESSO À INFORMAÇÃO

O custo de tempo e gastos na produção;

CUSTO DA INFORMAÇÃO

Não plagiar ou roubar; Dados relevantes e corretos, com uma revisão do material.

ÉTICA DA INFORMAÇÃO QUALIDADE E GARANTIA

ACESSO À INFORMAÇÃO

CUSTO DA INFORMAÇÃO

Entender qual a melhor forma de promover a informação e adequar ao contexto

Pensar os custos de tempo e ﬁnanceiro que dará para a produção

No caso de mídias sociais existe formatos para cada mídia que geralmente são elaboradas as imagens, pensando em como será enviado Promover um material adequado ao contexto

ÉTICA DA INFORMAÇÃO Não plagiar ou roubar

ASPÉCTOS ADMINISTRATIVOS

QUALIDADE E GARANTIA Dados corretos e relevantes Revisão do material, veriﬁcando o gráﬁco, os objetivos, a estrutura o estilo e os termos utilizados

( PETTERSON, 2012 apud THOMAS, 2016 )

HARMONIA PROPORÇÃO ESTÉTICA

Harmonizar o texto com equilíbrio na composição dos elementos ; Trabalhar com os elementos proporcionando uma lógica visual e proximidade com o público alvo.

ASPÉCTOS

Qual melhor meio para produzir o conteúdo, acessível ao contexto;

ACESSO À INFORMAÇÃO

O custo de tempo e gastos na produção;

CUSTO DA INFORMAÇÃO

Não plagiar ou roubar;

ÉTICA DA INFORMAÇÃO

Dados relevantes e corretos, com uma revisão do material.

QUALIDADE E GARANTIA

ASPÉCTOS

ADMINISTRATIVOS

DESIGN DE

INFORMAÇÃO

FACILITE O PROCESSO DE COMUNICAÇÃO

PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS

ASPÉCTOS

FUNCIONAIS

FACILITAR A ATENÇÃO

Como o texto capta e instiga a atenção por meio de informações e imagens;

Deﬁnir os problemas, o púbico alvo e o contexto que o conteúdo aborda;

DEFINIR OS PROBLEMAS

FACILITAR A PERCEPÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

Estruturar o texto hierarquizando as informações;

ESTRUTURAR O TEXTO

Deixar claro o texto, sem ambiguidades;

TER CLAREZA

Deixar simples o texto, sem termos complicados e promovendo acessibilidade textual;

TER SIMPLICIDADE

Proporcionar unidade e coerência entre as informações;

CRIAR UNIDADE

Dar ênfases e foco nas informações mais relevantes

DAR ÊNFASES

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

ESTÉTICOS Harmonizar o texto com equilíbrio na composição dos elementos ; Trabalhar com os elementos proporcionando uma lógica visual e proximidade com o público alvo.

HARMONIA PROPORÇÃO ESTÉTICA

HARMONIA

PROPORÇÃO ESTÉTICA

Elabore um layout ou um padrão para facilitar um equilíbrio na composição dos elementos aplicados

Respeitar as referências do público alvo Pensando como as cores podem inﬂuenciar percepções e induzir leituras Proporcione uma lógica no universo visual que está aplicando/criando, seguindo/estabelecendo padrões, gerando assim uma intuição e navegação sobre o material

ASPÉCTOS ESTÉTICOS

( PETTERSON, 2012 apud THOMAS, 2016 )

HARMONIA PROPORÇÃO ESTÉTICA

Harmonizar o texto com equilíbrio na composição dos elementos ; Trabalhar com os elementos proporcionando uma lógica visual e proximidade com o público alvo.

ASPÉCTOS

Qual melhor meio para produzir o conteúdo, acessível ao contexto;

ACESSO À INFORMAÇÃO

O custo de tempo e gastos na produção;

CUSTO DA INFORMAÇÃO

Não plagiar ou roubar;

ÉTICA DA INFORMAÇÃO

Dados relevantes e corretos, com uma revisão do material.

QUALIDADE E GARANTIA

ASPÉCTOS

ADMINISTRATIVOS

DESIGN DE

INFORMAÇÃO

FACILITE O PROCESSO DE COMUNICAÇÃO

PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS

ASPÉCTOS

FUNCIONAIS

FACILITAR A ATENÇÃO

Como o texto capta e instiga a atenção por meio de informações e imagens;

Deﬁnir os problemas, o púbico alvo e o contexto que o conteúdo aborda;

DEFINIR OS PROBLEMAS

FACILITAR A PERCEPÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

Estruturar o texto hierarquizando as informações;

ESTRUTURAR O TEXTO

Deixar claro o texto, sem ambiguidades;

TER CLAREZA

Deixar simples o texto, sem termos complicados e promovendo acessibilidade textual;

TER SIMPLICIDADE

Proporcionar unidade e coerência entre as informações;

CRIAR UNIDADE

Dar ênfases e foco nas informações mais relevantes

DAR ÊNFASES

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS Como o texto capta e instiga a atenção por meio de informações e imagens; A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

FACILITAR A ATENÇÃO

Como o texto capta a atenção do usuário,

FACILITAR A PERCEPÇÃO

Como o texto promove informações novas e atualizadas para instigar o usuário a querer saber do assunto;

Facilita seu entendimento com termos simples, adequados e comparações com símbolos do contexto do usuário;

FACILITAR O PROCESSAMENTO

Capacidade quantitativa de informação que é passada no conteúdo para sua memorização, relacionando texto com imagens representativas, gerar relações e “links” entre informações.

FACILITAR A MEMORIZAÇÃO

A cognição envolve processos de Percepção, memorização, associação abstração, atenção, imaginação e raciocínio, que interagem e se complementam (SANTOS, 1967 apud GONÇALVES, OLIVEIRA, NEVES, 2016; STEMBERG, 2000 apud GONÇALVES, OLIVEIRA, NEVES, 2016 ; EYSENK, KEANE apud GONÇALVES, OLIVEIRA, NEVES, 2016)

( PETTERSON, 2012 apud THOMAS, 2016 )

reconhecimento busca constância perceptiva

identiﬁcações visuais prazer do “reencontro” experiência ASPÉCTOS COGNITIVOS

visual

rememoração imitação da realidade transformar em códigos o real (ARNHEIM 1969, apud AUMONT 2001) (GOMBRICH, apud AUMONT, 2001)

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS Como o texto capta e instiga a atenção por meio de informações e imagens;

FACILITAR A ATENÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

FACILITAR A PERCEPÇÃO

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

FACILITAR A PERCEPÇÃO A relação do texto com seu contexto, como o conteúdo se adequa à situação O indivíduo tende a prestar mais atenção e a guarda aquilo que tem mais a ver com o que ele vivencia Todo o conteúdo, imagem, símbolos, etc deve promover um signiﬁcado uniﬁcado, senão serão vistos como apenas informações jogadas e não facilita criar nexo

PERCEPÇÃO Habilidade de dar signiﬁcados aos estímulos que recebe, organizando e interpretando as sensações e impressões para colocar sentido nelas ASPÉCTOS COGNITIVOS

AÇÃO DO ESPECTADOR preenche a falta na imagem baseado nas expectativas referências PROJETA sobre a imagem

INTENÇÕES DE LEITURA

[dentro de um limite]

(ARNHEIM 1969, apud AUMONT 2001) (GOMBRICH, apud AUMONT, 2001)

(SANTOS, 1967 apud GONÇALVES, OLIVEIRA, NEVES, 2016; STEMBERG, 2000 apud GONÇALVES, OLIVEIRA, NEVES, 2016 ; EYSENK, KEANE apud GONÇALVES, OLIVEIRA, NEVES, 2016)

( PETTERSON, 2012 apud THOMAS, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS Como o texto capta e instiga a atenção por meio de informações e imagens; A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia; Facilita seu entendimento com termos simples, adequados e comparações com símbolos do contexto do usuário; Capacidade quantitativa de informação que é passada no conteúdo para sua memorização, relacionando texto com imagens representativas, gerar relações e “links” entre informações.

FACILITAR A ATENÇÃO FACILITAR A PERCEPÇÃO FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

FACILITAR O PROCESSAMENTO ABSTRAÇÃO Capacidade de separar/individualizar e analisar as partes e características que são inseparáveis, coo observar o formato de círculo/redondo de uma bola

RACIOCÍNIO Criação de relações entre os fatos e forma como abstraímos as ideias ou relacionamos as diferenças e semelhanças das informações

ASPÉCTOS COGNITIVOS

(SANTOS, 1967 apud GONÇALVES, OLIVEIRA, NEVES, 2016 )

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS Como o texto capta e instiga a atenção por meio de informações e imagens;

FACILITAR A ATENÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

FACILITAR A PERCEPÇÃO

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

FACILITAR O PROCESSAMENTO

ASSOCIAÇÃO

Facilitar a mensagem para o público que irá receber, evitando utilizar termos não comuns Aplicar símbolos e signos condizentes do contexto do usuário Passar a mensagem da forma mais simples, evitando ambiguidades Enriquecer com detalhes e explicações para termos complexos

JUNTA FATOS, tendo o interesse como questão essencial, pois associamos os fatos que nos são interessantes (SANTOS, 1967 apud GONÇALVES, OLIVEIRA, NEVES, 2016). Se divide em: ASSOCIAÇÃO POR CONTINUIDADE: perceber elementos em sequência sem possuir necessária relação de características em comum ASSOCIAÇÃO POR SEMELHANÇA: quando possuem características em comum ASSOCIAÇÃO POR CONTRASTE: quando se lembra por possuírem características opostas

( PETTERSON, 2012 apud THOMAS, 2016 )

ASPÉCTOS COGNITIVOS

(SANTOS, 1967 apud GONÇALVES, OLIVEIRA, NEVES, 2016; STEMBERG, 2000 apud GONÇALVES, OLIVEIRA, NEVES, 2016 ; EYSENK, KEANE apud GONÇALVES, OLIVEIRA, NEVES, 2016)

DESIGN DE

INFORMAÇÃO FACILITE O PROCESSO DE COMUNICAÇÃO PERCEPÇÃO> LEITURA> MEMORIZAÇÃO> APLICAÇÃO DO CONTEÚDO

ASPÉCTOS

COGNITIVOS Como o texto capta e instiga a atenção por meio de informações e imagens;

FACILITAR A ATENÇÃO

A relação do conteúdo com o contexto da pessoa, nos signiﬁcados que estão presentes em seu dia a dia;

FACILITAR A PERCEPÇÃO

FACILITAR O PROCESSAMENTO FACILITAR A MEMORIZAÇÃO

FACILITAR A MEMORIZAÇÃO A facilidade de entender uma mensagem está ligada a capacidade de perceber, processar e memorizar mais fácil e com efetivo resultado

MEMÓRIA Capacidade de armazenar e relembrar/recuperar as informações

Aplicar uma quantidade de informações por vez, sem exagerar. Muita informação é difícil de assimilar, processar e lembrar. Aplicar um contexto signiﬁcativo Relacionar texto (verbal) com imagens (imagético) Permitir que o público alvo volte a buscar a informação Facilitar encontrar a informação que procura dentro do texto ASPÉCTOS COGNITIVOS

(SANTOS, 1967 apud GONÇALVES, OLIVEIRA, NEVES, 2016; STEMBERG, 2000 apud GONÇALVES, OLIVEIRA, NEVES, 2016 ; EYSENK, KEANE apud GONÇALVES, OLIVEIRA, NEVES, 2016)

( PETTERSON, 2012 apud THOMAS, 2016 )

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Pesquise referências visuais Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo Pense a hierarquia das informações (CHAGAS,2019)

Utilize de aplicativos, sites e imagens para formular seu infográﬁco Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

Selecione e reescreva o conteúdo mais adequado diante do contexto: DESAPEGUE de dados muito repetidos Destaque informações importantes; Pense em Leiturabilidade e Acessibilidade textual (Nível de leitura adequado, sem termos muito complexos. técnicos e rebuscados); Hierarquize e deixe o conteúdo com maior escaneabilidade (facilidade de encontrar informação dentro do conteúdo);

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

IMAGEM+TEXTO DEFINA OS OBJETIVOS E O PÚBLICO ALVO CONSTRUA O CONTEÚDO RESUMA E HIERARQUIZE O CONTEÚDO VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO REVISE

1 2 3 4 5 6

Processo de unir texto com imagens, que pode observar que o aluno aprende mais quando associa junto à representação imagética do conteúdo do que somente o texto (DA COSTA, TAROUCO, BIAZUS, 2011 apud THOMAS, 2016)

INFOGRAFIA

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Pesquise referências visuais Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo Pense a hierarquia das informações (CHAGAS,2019)

Utilize de aplicativos, sites e imagens para formular seu infográﬁco Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

IMAGEM+TEXTO

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

DEFINA O PÚBLICO ALVO E CONTEXTO

Delimitar o foco temático, deﬁnindo o assunto e contexto, evidenciando fatos e dados mais importantes (FASSINA 2011 apud THOMAS, 2016)

Deﬁnir público, entender as referências desse público, linguagem e não-verbal (FASSINA 2011 apud THOMAS, 2016)

Que habilidades, informações e atitudes precisam ser ensinadas?

O público alvo já conhece sobre o que será ensinado?

Quanto de conteúdo é necessário?

Quais seus estilos e características de aprendizagem?

Quanto tempo tem pra se ensinar esse conteúdo?

O que precisam ou querem saber? Em que ambiente/situação aplicarão a aprendizagem?

(FILATRO, 2008 apud THOMAS, 2016 )

(FILATRO, 2008 apud THOMAS, 2016 ) PERSONA é uma personalidade criada que possa representar o cliente ideal, ou o leitor foco para quem se escreve. Precisa ser bem deﬁnido para expressar melhor detalhes como, nome, idade, área de atuação, sonhos , dores, gostos pessoais. Desta forma, mais que um público alvo, a persona passa informações pessoais, melhorando assim a comunicação para quem se escreve. 1 - DEFINA OS OBJETIVOS E PÚBLICO ALVO

BÁSICO DA

PERSONA

MAPA DE

EMPATIA

COMO ESTÁ?

Nome:

Qual a sua situação?

Idade:

Qual seu papel nessa situação que se encontra?

Gênero: Escolaridade: Área de atuação: Objetivos :

O QUE ESCUTA?

O QUE PENSA E SENTE?

O QUE PRECISA FAZER? O que precisa fazer ultimamente?

DORES

O que queria fazer? Que decisão precisa tomar? Qual resultado busca com essa decisão?

O QUE VÊ?

O que escuta outros dizerem?

O que costuma ver no meio profissional?

Mídias que mais usa:

O que escuta dos amigos?

O que você costuma ver no dia a dia?

Quais atividades mais realiza em seu dia a dia:

O que escuta de colegas?

Desafios do cotidiano:

O que escuta de segunda mão?

O que costuma ver outros falando ou fazendo?

COSTUMES

Que tipo de informações consome: Como podemos ajudar:

O que curte escutar?

O QUE FAZ?

O que faz hoje em dia? Qual seu comportamento já observamos? Como imaginamos que age?

O QUE FALA? O que costuma falar? Ou já falou com frenquência? Como imagina que se comunique?

O que gosta de ler ou assistir?

Quais seus medos, frustrações ou ansiedades?

DESEJOS Quais suas vontades esperanças e sonhos?

PENSA MENTOS E SENTI MENTOS Quais outros pensamentos e sentimentos motivam seus comportamentos?

Pestillo Seles

INFO GRAFIA

DEFINA OS OBJETIVOS E O PÚBLICO ALVO Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material? Compreender sobre seu público alvo/persona. Para quem é esse material? Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

IMAGEM+TEXTO

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE DEFINA O PÚBLICO ALVO E O CONTEXTO NECESSIDADES E REQUISITOS DO PROJETO

NECESSIDADES E REQUISITOS DO PROJETO DIAGRAMA DE ISHIKAWA - ESPINHA DE PEIXE Coloque a ponta (ou cabeça do peixe) o objetivo do conteúdo e o problema que ele resolve Desenhe a espinha do peixe puxando 6 TÓPICOS (adaptado de Andrade, 2017)

MÉTODO

MATERIAIS

PRODUTO

Que método ou técnica irá aplicar? Infográﬁco?

Quais são os materiais que tem em mãos? Canvas?

Como o material inﬂuencia no contexto?

CONTEXTO

PARTICIPANTES

MÉTRICAS

Onde será aplicado? Qual o tempo para sua elaboração? Mandado por whatsap? EM algum sistema com formatos especíﬁcos?

Como os alunos irão lidam com o conteúdo ou com o infográﬁco? Eles preferem imagens ou textos? Qual o nível de conteúdo que é interessante abordar com eles?

Qual o parâmetro para saber que deu certo? Os alunos entenderem o assunto?

1 - DEFINA OS OBJETIVOS E PÚBLICO ALVO

OBJETIVO DO CONTEÚDO QUE PROBLEMA ELE RESOLVE?

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Pesquise referências visuais Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo Pense a hierarquia das informações (CHAGAS,2019)

Utilize de aplicativos, sites e imagens para formular seu infográﬁco Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

CONSTRUA O CONTEÚDO PESQUISA Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades; Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

IMAGEM+TEXTO

COLETE AS INFORMAÇÕES

ANALISE E FILTRE AS INFORMAÇÕES

Buscar informações de fontes diferentes, estabelecendo uma noção geral sobre o assunto e alguns detalhes e particularidades (FASSINA 2011 apud THOMAS, 2016)

Filtre informações, podendo utilizar de mapa conceitual, analisando quais são mais importantes para entender o assunto (FASSINA 2011 apud THOMAS, 2016)

Lembre de (LANKOW, RITCHIE e CROOKS, 2012 apud THOMAS, 2016 ): Entender que está contando uma história; Ter fontes conﬁáveis; Quais informações são relevantes; Busque manter a consistência.

2 - CONSTRUA O CONTEÚDO

Seleção das informações de acordo com o objetivo; Níveis de relevância; Um leigo iria compreender a informação? O que é indispensável? (FILATRO, 2008 apud THOMAS, 2016 )

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Pesquise referências visuais Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo Pense a hierarquia das informações (CHAGAS,2019)

Utilize de aplicativos, sites e imagens para formular seu infográﬁco Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

RESUMA E HIERARQUIZE O CONTEÚDO ESCRITA/RESUMO Selecione e reescreva o conteúdo mais adequado diante do contexto:

DICAS PARA MELHORAR A ESCRITA

DESAPEGUE de dados muito repetidos HIERARQUIZAÇÃO Destaque informações importantes; DAS INFORMAÇÕES Pense em Leiturabilidade e Acessibilidade textual (Nível de leitura adequado, sem termos muito complexos. técnicos e rebuscados); Hierarquize e deixe o conteúdo com maior escaneabilidade (facilidade de encontrar informação dentro do conteúdo);

IMAGEM+TEXTO

DICAS PARA MELHORAR A ESCRITA Pensar para quem se escreve, ou deﬁna da PERSONA , uma representação do cliente ideal, ou o leitor foco para quem se escreve. Precisa ser bem deﬁnido para expressar melhor detalhes.

Deixe anotado e evidente o objetivo do texto Tenha boas referências do assunto

Tenha precisão e tom de voz quando se pensa melhor para quem escreve

Mostre que entende a situação do seu leitor e assim gerará maior identiﬁcação

Use palavras simples e familiares ao seu público;

Aplique a voz ativa, pensando na sentença (sujeito>verbo>predicado);

Evite deixar informações e detalhes implícitos;

Divida a informação em frases menores;

Entenda o nível de aprofundamento necessário a ser aplicado no texto, não precisando exagerar nas informações nem deixar de por.

Evite pronomes oblíquos (me , te, nos ...)

Sempre que der, reescreva as o sujeito da frase em vez de aplicar pronomes.

Ofereça um diferencial

3 - RESUMA E HIERARQUIZE O CONTEÚDO

Não use mesóclise ou ênclise

INFO GRAFIA

RESUMA E HIERARQUIZE O CONTEÚDO ESCRITA/RESUMO Selecione e reescreva o conteúdo mais adequado diante do contexto:

DICAS PARA MELHORAR A ESCRITA

IMAGEM+TEXTO

DICAS PARA MELHORAR A ESCRITA Tenha coerência com o que quer passar Elaborar resumos facilita a escolher informações importantes; Não faça seu leitor ter que ﬁcar voltando ao texto pra procurar o que já foi comentado Promova maior escaneabilidade ao deixar o texto mais organizado e arrumado, por meio de listas, subtítulos, etc Deﬁnir as palavras chaves, que representam o conteúdo do texto

Aproveite de ferramentas que podem lhe ajudar, como corretores e aplicativos gratuítos online (VIEIRA, 2020) LEITURABILIDADE A leiturabilidade está associada a inteligibilidade ou compreensibilidade de um texto, sendo um nível de leitura que é necessária para compreender, ou o nível da diﬁculdade do texto(SILVA, FINATTO, 2018)

Pratique bastante, irá melhorar; Análise e até cite autores que sejam referência Aproprie de ﬁguras de linguagem

3 - RESUMA E HIERARQUIZE O CONTEÚDO

ACESSIBILIDADE TEXTUAL A Acessibilidade textual é planejar o texto de forma que permita ser compreendido por leitores em diferentes níveis em habilidade de leitura (SILVA, FINATTO, 2018).

Entenda o nível de aprofundamento necessário Divida a informação em frases menores Aplique a voz ativa (sujeito>verbo>predicado)

Pense para quem se escreve

ACESSIBILIDADETEXTUAL

Texto com foco em ser compreendido por diferentes níveis em habilidade de leitura

Procure não deixar informações e detalhes implícitos

Busque reescrever o sujeito da frase em vez de usar pronomes.

LEITURABILIDADE Inteligibilidade ou compreensibilidade de um texto

Não faça seu leitor ter que ficar 10 voltando ao texto pra procurar

Use palavras simples e familiares

Evite pronomes oblíquos (me , te, nos ...)

Não use mesóclise ou ênclise

INFO GRAFIA

RESUMA E HIERARQUIZE O CONTEÚDO ESCRITA/RESUMO Selecione e reescreva o conteúdo mais adequado diante do contexto:

DICAS PARA MELHORAR A ESCRITA

IMAGEM+TEXTO

HIERARQUIZAÇÃO DAS INFORMAÇÕES Sintetize as informações, dando maior destaque as informações mais relevantes (FASSINA, 2011 apud THOMAS, 2016) NÍVEL 1 - básico - o leitor irá entender e se situar sobre o assunto tratado, breve introdução NÍVEL 2 - assunto - com destaque sem conﬂito com o básico NÍVEL 3 - particularidades - informações e detalhes que podem auxiliar na informação, não sendo fundamentais

3 - RESUMA E HIERARQUIZE O CONTEÚDO

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Pesquise referências visuais Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo Pense a hierarquia das informações (CHAGAS,2019) Utilize de aplicativos, sites e imagens para formular seu infográﬁco

Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO Pesquise referências visuais; Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo; Pense a hierarquia das informações; (CHAGAS,2019) Utilize de aplicativos, sites e imagens para formular seu infográﬁco; Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS EXPLORATÓRIO Moraes (2013, apud THOMAS, 2016 ) deﬁne o tipo de infográﬁco pela resposta que dará a determinada pergunta: EXPLORATÓRIO - representa algo (mapa, foto, angulo, etc), com caráter de descrever o lugar ou o tipo.Explicar perguntas como: O que? Quem? Onde? EXPLANATÓRIO - explica como as coisas funcionam ou a relação entre as coisas, de um determinado ambiente ou contexto. Explicar perguntas como: Como? Porquê? HISTORIOGRÁFICOS - que explica fato ou eventos que ocorreram em determinado tempo, a relação desse elemento como causa e efeito de outras circunstâncias (linha do tempo). Explicar perguntas como: Quando? 4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Descreve lugar , objeto ou pessoa O QUÊ? QUEM? ONDE?

EXPLANATÓRIO Explica o funcionamento de algo ou a relação entre elementos POR QUÊ? COMO?

HISTORIOGRÁFICO Contextualiza fato ou pessoa dentro da dinâmica de um momento histórico QUANDO? Adaptado de Moraes (2013)

INFO GRAFIA

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

IMAGEM+TEXTO

ABORDAGEM VISUAL Como será representado graﬁcamente, pensando informações como: elemento dominante, imagem ou texto? interface e layout como ordem, estilo, padrões, tipos de imagem aplicada, cores para representar pontuações, acabamento etc

https://www.canva.com/ https://www.visme.co/

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

PERCEPÇÃO VISUAL

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

PERCEPÇÃO VISUAL

SEGREGAÇÃO E UNIDADE

capacidade

TIPOS DE INFOGRÁFICOS

identiﬁcar destacar por meio de

ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO

hierarquias na composição

COMO MEXER NO CANVA

contraste realça separa individualiza

aﬁnidade aproxima neutraliza agrupa

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

CONtrasTE

PESO

[DENVIR, 2013]

INFO GRAFIA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL

PERCEPÇÃO VISUAL

FECHAMENTO

capacidade criamos continuidade que não existe

PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

[DENVIR, 2013]

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL

PERCEPÇÃO VISUAL

PROXIMIDADE

agrupar formas próximas

PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

[DENVIR, 2013]

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO

PERCEPÇÃO VISUAL

CONTINUIDADE

ﬂuidez da composição do inicio

ao ﬁm

COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

[DENVIR, 2013]

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS

PERCEPÇÃO VISUAL

SEMELHANÇA

agrupar por caracteristicas semelhantes

ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

[DENVIR, 2013]

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL

PERCEPÇÃO VISUAL

PREGNÂNCIA

facilidade de leitura

de uma forma mais usual no dia a dia

http://www.tafixe.com/2013/11/04/videos/humor/fogo-de-artificio-com-mensagem-subliminar.php

PERCEPÇÃO VISUAL E COMPOSIÇÃO

L U

COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

[DENVIR, 2013]

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO

PERCEPÇÃO VISUAL

RITMO

repetição tempo alteração

COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO

REGRA DOS TERÇOS

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

https://s-media-cache-ak0.pinimg.com/originals/b3/4d/65/b34d653a41500e14097500dd2fd8f392.png

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO

REGRA DOS TERÇOS

TIPOS DE INFOGRÁFICOS

costume cultural inﬂuencia na leitura ler da esquerda para a direita de cima para baixo

ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

http://quidnovi.com.br/wp-content/uploads/2015/07/cena-do-filme-jogos-vorazes-a-esperanca-o-final-original.jpeg

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO

REGRA DOS TERÇOS

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL

RESPIRA

SEM AR

PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

DOMINADO DOMINANTE

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO

COMPOR COM LETRAS E FORMAS SIMPLES

TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO https://i.pinimg.com/originals/e6/1e/13/e61e13cdc82caf553352e0f43eeed838.jpg

COMO MEXER NO CANVA

https://www.canva.com/ https://www.visme.co/

http://atrevida.uol.com.br/upload/imagens_upload/katniss.jpg

http://www.ideafixa.com/oldsite/wp-content/uploads/2016/07/comp_grand_budapest.jpg

http://pictures.digitalrev.com/image/upload/w_1400,c_fill,q_60/v1469095170/f1ozc8fqcjpm397ivoy5.jpg

http://www.ideaﬁxa.com/oldbutgold/as-linhas-de-composicao-das-cenas-dos-nossos-ﬁlmes-favoritos

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

INFO GRAFIA

IMAGEM+TEXTO

COMO MEXER NO CANVA

TIPOS DE INFOGRÁFICOS

Dicas simples para criar um infográﬁco Crie uma conta ou faça “login” por meio do facebook

ABORDAGEM VISUAL

Ignore o Canvas Pro por enquanto, a proposta é utilizar o gratuíto;

PERCEPÇÃO VISUAL E COMPOSIÇÃO

Vá em Templates > Infográﬁcos e escolha o formato mais ADEQUADO

COMO MEXER NO CANVA

Àrea de trabalho - básico ESCRITA: è possível alterar a escrita, fonte e incluir padrões gratuitos prontos CORES: é possível alterar as cores do texto e de elementos ELEMENTOS: É possível adicionar elementos ou subir do computador BAIXAR: Após pronto é possível baixar o infográﬁco como jpg, desde que não esteja usando elementos do modo pago

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Dicas simples para criar um infográﬁco Crie uma conta ou faça “login” por meio do facebook Ignore o Canvas Pro por enquanto, a proposta é utilizar o gratuíto;

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Vá em Templates > Infográﬁcos e escolha o formato mais ADEQUADO

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO Àrea de trabalho - básico

Muda a fonte

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Tamanho da Fonte

baixar imagem/ salvar no pc

templates subir imagens do pc

Cria mais um template Clique na escrita para editar

copia o template que esta usando

fotos prontas Clique na imagem para editar

elementos prontos textos e composições prontas

controla o zoom da tela 4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

ESCRITA: è possível alterar a escrita, fonte e incluir padrões gratuitos prontos

Altere a fonte

Arraste e edite a composição pronta

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

CORES: é possível alterar as cores do texto e de elementos

Alguns gráﬁcos permitem escolher as cores da sua composição

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

ELEMENTOS: É possível adicionar elementos ou subir do computador

edite cores do elemento

Arraste e edite o elemento pronto

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

COMO MEXER NO CANVA

INFO GRAFIA

IMAGEM+TEXTO

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

BAIXAR: Após pronto é possível baixar o infográﬁco como jpg, desde que não esteja usando elementos do modo pago

pdf é bom para imprimir para enviar via online recomendo JPG

4 - VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO Pense nas imagens, ícones, formas e cores, produzindo uma lógica por trás de tudo Layout: template e referências adequadas Cores: Trabalhe adequadamente seguindo alguma lógica (Exemplos de composições)

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

COMPOSIÇÃO DE CORES

Bancos de imagens gratuítas https://pixabay.com/pt/ https://br.freepik.com/ https://pt.pngtree.com/ Bancos de ícones https://ﬂaticons.net/ https://iconsﬂow.com/ https://material.io/resources/icons/?icon=accessibility_new&style=baseline

RGB luz

CMYK pigmento

ao somar ﬁca mais claro

ao somar ﬁca mais escuro

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

contraste realça

COMPOSIÇÃO DE CORES

Tipograﬁa: Fonte adequada e que dê legibilidade

Imagens: levante quais imagens irá utilizar

COMPOSIÇÃO DE CORES COMPLEMENTARES

longe no círculo cromático

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

neutraliza suavisa

TIPOGRAFIA

Tipograﬁa: Fonte adequada e que dê legibilidade

Imagens: levante quais imagens irá utilizar

COMPOSIÇÃO DE CORES ANÁLOGAS

próximas no círculo cromático

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

equilibrio constraste mais suave

TIPOGRAFIA

Tipograﬁa: Fonte adequada e que dê legibilidade

Imagens: levante quais imagens irá utilizar

COMPOSIÇÃO DE CORES ANÁLOGAS

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES

Complementares: composição com mais contraste, utiliza de 2 cores opostas no círculo cromático. Ex: Roxo e Amarelo

TIPOGRAFIA

Complementares divididas: para um equilíbrio, usa 1 cor principal e no lugar de sua oposta aplica 2 cores próximas a oposta no círculo. Ex: Roxo com Amarelo esverdeado e Amarelo alaranjado

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

COMPOSIÇÃO DE CORES

Análogas: Cores similares em seu tom, compondo com cores próximas. Ex:Amarelo esverdeado, Amarelo e Amarelo alaranjado Intercalado: Análogas um pouco mais distantes uma da outra, gerando um pouco mais de contraste.Ex: Amarelo, Verde e Laranja Triádico: Com alto contraste promove uma composição interessante de 3 cores relativamente opostas em forma de triângulo. Ex: Amarelo, vermelho e azul ou roxo, verde e laranja. Tetrádico/dupla complementar: Contraste promovido pela composição de 4 cores, 2 análogas a 2 opostas. Ex: Amarelo e Amarelo esverdeado junto com Roxo e roxo rosado. 5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

TIPOGRAFIA ANATOMIA DA FONTE

Imagem de https://clubedodesign.com/2015/tipograﬁa-basica-5-a-anatomia-dos-tipos/

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

TIPOGRAFIA ANATOMIA DA FONTE

Imagem de https://clubedodesign.com/2015/tipograﬁa-basica-5-a-anatomia-dos-tipos/

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

TIPOGRAFIA ANATOMIA DA FONTE

Imagem de https://clubedodesign.com/2015/tipograﬁa-basica-5-a-anatomia-dos-tipos/

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

TIPOGRAFIA ANATOMIA DA FONTE

Imagem de https://clubedodesign.com/2015/tipograﬁa-basica-5-a-anatomia-dos-tipos/

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

TIPOGRAFIA ANATOMIA DA FONTE

Imagem de https://clubedodesign.com/2015/tipograﬁa-basica-5-a-anatomia-dos-tipos/

5 - TRABALHE A ESTÉTICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIĂ&#x2021;Ă&#x192;O DE CORES TIPOGRAFIA TRANSPOSIĂ&#x2021;Ă&#x192;O DE LINGUAGENS PARĂ&#x201A;METROS PARA SE SITUAR

TipograďŹ a: Fonte adequada e que dĂŞ legibilidade

SELEĂ&#x2021;Ă&#x192;O DAS IMAGENS E GRĂ FICOS

Tamanho: pense onde aplicar e como deixar legĂvel (o que inďŹ&#x201A;uencia a quantidade de conteĂşdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irĂĄ utilizar Respiro: NĂŁo sobrecarregue o infogrĂĄďŹ co (CHAGAS,2019)

Bancos de imagens gratuĂtas https://pixabay.com/pt/ https://br.freepik.com/ https://pt.pngtree.com/ Bancos de Ăcones https://ďŹ&#x201A;aticons.net/ https://iconsďŹ&#x201A;ow.com/ https://material.io/resources/icons/?icon=accessibility_new&style=baseline

TIPOGRAFIA PERSONALIDADE DA FONTE

clĂĄssico tradicional elegante

SEM SERIFA moderno clean chique

SLAB SERIFA/MEIO TERMO amigĂĄvel conďŹ ante ousada

Script

delicado descontraĂdo artĂstico

FONTE: https://criartivando.com.br/blog/os-diferentes-estilos-de-fonte 5 - TRABALHE A ESTĂ&#x2030;TICA E O ESTILO

INFO GRAFIA

TRABALHE O ESTILO E A ESTĂ&#x2030;TICA DO INFOGRĂ FICO Pense nas imagens, Ăcones, formas e cores, produzindo uma lĂłgica por trĂĄs de tudo Layout: template e referĂŞncias adequadas Cores: Trabalhe adequadamente seguindo alguma lĂłgica (Exemplos de composiĂ§Ăľes) TipograďŹ a: Fonte adequada e que dĂŞ legibilidade Tamanho: pense onde aplicar e como deixar legĂvel (o que inďŹ&#x201A;uencia a quantidade de conteĂşdo) Imagens: levante quais imagens irĂĄ utilizar Respiro: NĂŁo sobrecarregue o infogrĂĄďŹ co (CHAGAS,2019)

IMAGEM+TEXTO

COMPOSIĂ&#x2021;Ă&#x192;O DE CORES TIPOGRAFIA TRANSPOSIĂ&#x2021;Ă&#x192;O DE LINGUAGENS PARĂ&#x201A;METROS PARA SE SITUAR SELEĂ&#x2021;Ă&#x192;O DAS IMAGENS E GRĂ FICOS Fontes da Google https://fonts.google.com/ Bancos de imagens gratuĂtas https://pixabay.com/pt/ https://br.freepik.com/ https://pt.pngtree.com/ Bancos de Ăcones https://ďŹ&#x201A;aticons.net/ https://iconsďŹ&#x201A;ow.com/ https://material.io/resources/icons/?icon=accessibility_new&style=baseline

TIPOGRAFIA PERSONALIDADE DA FONTE

LIGHT

delicado leve suave

MEDIUM mediana limpa pura

BOLD

poderosa pesada enfase

AUTO CONTRASTE variaĂ§ĂŁo grande da expessura forte

pouca variaĂ§ĂŁo entre ďŹ no e grosso suave

FONTE: https://criartivando.com.br/blog/os-diferentes-estilos-de-fonte 5 - TRABALHE A ESTĂ&#x2030;TICA E O ESTILO

INFO GRAFIA

IMAGEM+TEXTO

COMPOSIÇÃO DE CORES TIPOGRAFIA TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Tipograﬁa: Fonte adequada e que dê legibilidade

SELEÇÃO DAS IMAGENS E GRÁFICOS

Tamanho: pense onde aplicar e como deixar legível (o que inﬂuencia a quantidade de conteúdo)

Fontes da Google https://fonts.google.com/

Imagens: levante quais imagens irá utilizar Respiro: Não sobrecarregue o infográﬁco (CHAGAS,2019)

TRANSPOSIÇÃO DE LINGUAGENS

PARÂMETROS PARA SE SITUAR

Passar de texto para imagem, potencializando a compreensão do futuro leitor (FASSINA, 2011 apud THOMAS, 2016)/

Situar o leitor em que parte se refere dentro do todo (mapa do infográﬁco)

Casamento do conteúdo com sua respectiva imagem, deixando a informação mais resumida, atraente e ﬂuída

SELEÇÃO DAS IMAGENS E GRÁFICOS Busca e levantamento de imagens que agregarão ao infográfico Definição dos elementos que fazem parte do infográfico, como tipografia, fotos, ilustrações, etc; União do texto com as imagens e tudo que foi levantado e definido anteriormente 5 - TRABALHE A ESTÉTICA E O ESTILO

Para situar o usuário no tempo pode se aplicar linha do tempo Aplica pontos de referência para o leitor entender e se localizar/situar promovendo comparação dentro do todo Como comparar algo a altura de uma pessoa, ou parâmetros de proporção da imagem pro real

REVISE

Leia e releia o quanto precisar Conﬁra texto Conﬁra os elementos utilizados Está agradável aos olhos? (CHAGAS,2019)

COMPOSIÇÃO DE CORES

TRABALHE O ESTILO E A ESTÉTICA DO INFOGRÁFICO

Pense nas imagens, ícones, formas e TIPOGRAFIA cores, produzindo uma lógica por trás de tudo

TRANSPOSIÇÃO DE LINGUAGENS PARÂMETROS PARA SE SITUAR

Entenda qual problema seu infográﬁco estará resolvendo. Porquê esse material?

DEFINA OS OBJETIVOS, TEMA FOCO OU RECORTE

Compreender sobre seu público alvo/persona. Para quem é esse material?

DEFINA O PÚBLICO ALVO E O CONTEXTO

Qual conteúdo seu material irá abordar? Ele é relevante para seu público? Onde será aplicado? Qual o contexto?

NECESSIDADES E REQUISITOS DO PROJETO

levante quais imagens irá utilizar

INFO GRAFIA

(CHAGAS,2019)

IMAGEM+TEXTO

Layout, Cores, Tipograﬁa, Tamanho

SELEÇÃO DAS IMAGENS E GRÁFICOS TIPOS DE INFOGRÁFICOS ABORDAGEM VISUAL PERCEPÇÃO VISUAL E COMPOSIÇÃO COMO MEXER NO CANVA

VISUALIZE/ESBOCE A MELHOR COMPOSIÇÃO

Pesquise referências visuais Deﬁna qual é a melhor diagramação/composição para explicar adequadamente o seu conteúdo Pense a hierarquia das informações (CHAGAS,2019)

Utilize de aplicativos, sites e imagens para formular seu infográﬁco Crie sua conta no Canvas https://www.canva.com/ https://www.visme.co/

DEFINA OS OBJETIVOS E O PÚBLICO ALVO

CONSTRUA O CONTEÚDO

Pesquise o conteúdo para seu infográﬁco, podendo utilizar de banco de dados, Google e bibliotecas de universidades;

Não esqueça de deixar anotado a fonte dos conteúdos (CHAGAS,2019)

COLETE AS INFORMAÇÕES ANALISE E FILTRE AS INFORMAÇÕES

RESUMA E HIERARQUIZE O CONTEÚDO

DICAS PARA MELHORAR A ESCRITA HIERARQUIZAÇÃO DAS INFORMAÇÕES

INFO GRAFIA

REVISE

IMAGEM+TEXTO

Leia e releia o quanto precisar; Conﬁra texto; Conﬁra os elementos utilizados; Está agradável aos olhos? (CHAGAS,2019)

Sempre revisar o texto, analisando parâmetros como estrutura, ortograﬁa, intertítulos, etc... De um tempo para descansar , fazer algumas pausas ajudam a enxergar e pensar melhor a situação. Busque ler em voz alta, facilita encontrar erros ou momentos que o texto ﬁca confuso. Peça ajuda pra outra pessoa ler e conseguir ver detalhes não analisados antes Aprenda a lidar com feedbacks, não levando pro lado pessoal. (VIEIRA, 2020)

6 - REVISE

ATIVIDADE LEVE INFOGRÁFICO Caso já tenha um conteúdo pode pegar o que quer trabalhar Senão tenho uma proposta:

ELABORE UM LEVE INFOGRÁFICO REFERÊNCIAS DO CONTEÚDO PARA A ATIVIDADE CARVALHO, Lorena.Dicas de como contar historias para crianças. You Tube. 2018. Acessível em: <https://www.youtube.com/watch?v=yK61sO2b-6s> Última visualização em 31 de julho de 2020. PEREIRA, Clarissa. Como e por que contar histórias para crianças. 2019. Acessível em: Acessível em: <https://www.clarissapereira.com.br/como-e-por-que-contar-historias-para-criancas/> Última visualização em 31 de julho de 2020 SERRALVA, Marcelo. 10 Dicas para contar histórias (com música) Para crianças. 2019. Acessível em: <https://www.marceloserralva.com/site/10-dicas-para-contar-historias-para-criancas/> Última visualização em 31 de julho de 2020.

Susana Maria Silva (ou Su)

ATIVIDADE LEVE INFOGRÁFICO Caso já tenha um conteúdo pode pegar o que quer trabalhar Senão tenho uma proposta:

Formada em Licenciatura em Letras Empresa: Trabalha geralmente com jovens e adolescentes nas escolhas Idade: 45 anos Genêro: Feminino Educação: Ensino superior Filhos: É mãe do Alisson de 4 anos e da Íris de 7 anos Mídias: Adora usar o celular, escrever em seu blog particular sobre o dia a dia de professora de letras, utiliza bastante o facebook e whatssap, além de vez em quando o twitter Objetivos: Aprender a contar histórias para desenvolver e tratar de assuntos com seus ﬁlhos por meio de uma atividade mais dinâmica e divertida, instigando eles a lerem mais.

PERSONA Qual seu papel nessa situação que se encontra? Susana sempre adorou livros. Toda noite é o melhor momento que ela encontra para fazer uma atividade com seus filhos, que geralmente ficam com a avó enquanto Suana trabalha. Quando sai do trabalho, a mãe de Susana acaba contando probleminhas e conquistas que seus filhos tiveram ao longo do dia, e isso instiga a Susana a falar com as crianças sobre os problemas e como desenvolver um autoconhecimento, entender seus sentimentos e lidar em sociedade. Susana pensou que através de histórias infantis (lendo ou criando) pode trabalhar melhor com seus filhos as questões que vivenciam atualmente e desenvolver com eles uma habilidades de auto conhecimento, comunicação e relacionamento, além de aumentar a afetividade com leitura e instigar a criatividade.

Quais são as atividades mais comuns que ela realiza: adora escrever e ler, mas para constantemente para se distrair com vídeos e blogs. Costuma ler muito para si , em voz baixa ou em silêncio. Quando acorda de manhã criou o hábito de buscar um “tema” para escrever em seu diário ao final do dia. Desafios: Diante da situação atual, seus filhos estão cansados de ver problemas na TV. Susana quer encontrar e desenvolver histórias infantis para contar aos seus filhos e trabalhar uma atividade com eles mais motivadora . Como sempre teve costume de ler apenas para si, nunca reparou que nunca leu história nenhuma para ninguém. Para isso gostaria de um guia rápido para entender como ler histórias para crianças, que irá aplicar e contar a seus filhos e quem sabe depois contar sobre sua experiência em seu blog. Que tipo de informações consome: de tudo um pouco, mas adora livros de romance e suspense, adora músicas de filmes, daquelas que só de ouvir já se associa ao roteiro e personagem. Como podemos ajudá-la: Será possível produzir um infográfico sobre como contar histórias. Assim ela desenvolverá e treinará suas habilidades de contadora de histórias aos poucos e conseguirá trabalhar com seus filhos assuntos do no dia a dia por meio de uma atividade.

ATIVIDADE LEVE INFOGRÁFICO

CONTEÚDO

COMO CONTAR HISTÓRIAS PARA A CRIANÇA Quem nunca pensou qual deveria ser a melhor forma de ler um livro para uma criança, ou se encantou com aquelas pessoas que parecem que “tem jeito com criança”, que demonstram o dom de cativar as crianças e desenvolver com elas uma atividade agradável, divertida e construtiva? Contar histórias auxilia no desenvolvimento da criança em sociedade, por meio de regras morais . Permite a ela desenvolver melhor a linguagem, com o som, o ritmo, o roteiro. Aprimora a criatividade e imaginação a criança, trabalha conflitos do dia a dia, suprime angústias, desenvolve autoconhecimento na identificação com a personagem, aprimora a percepção das emoções junto aos personagens, desenvolve o raciocínio ao criar hipóteses dentro da história e promove esperança diante da realidade. Todo mundo que ouve uma boa história quer repassá la, desenvolve assim a formação e desenvolvimento com a comunicação. Aos poucos a crianças, ao observar o contador de histórias, irá criar afetividade com a leitura. Para isso existem alguns parâmetros a serem pensados durante esse processo: A ESCOLHA DO LIVRO: É importante a criança selecionar o tema da história, faz ela ficar focada e com interesses já. É interessante, caso possível, você se identifique com a história, assim demonstrará naturalmente seu interesse e disposição no olhar. APRENDA A HISTÓRIA ANTES: Conhecer a história antes permite você deixar mais animada, com drama, entoação ou suspense quando estiver falando, e evita de parecer um robô lendo. te permitirá ter mais segurança, fazer um roteiro com os momentos chaves, e dar uma personalidade sua para o roteiro.

CAPRICHE: Capriche, pense na voz, no ritmo, na dicção, nos gestos e no som, deixando assim a história mais emocionante. Pense nas vozes dos personagens e como seria sua performance ao falar. Estabeleça um clima para a história, como terror, ou romance, ou aventura. Estabeleça quais recursos irá utilizar, pensando em tudo que irá agregar valor, como fantoches, figurino, livro, etc. Se organize para pensar quais os melhores momentos para aplicá-los, muitas pessoas utilizam os recursos em determinados momentos, tirando de malas ou sacos, para gerar a sensação de surpresa. LEIA EM UM LUGAR CONFORTÁVEL: Ler em um lugar confortável fará a criança ficar mais a vontade e desenvolver mais afetividade com o tema. O lugar irá influenciar sua história, pense em um lugar não barulhento e a localização que a criança estará para assistir tudo. ESTEJA PRESENTE: Não se distraia com tv, celular ou tablet, é interessante focar na atividade a ser desenvolvida com a criança. Evitando assim locais com muitas pessoas com atividades diversas para que a criança não se distraia. Desta maneira você e a criança irão desenvolver uma conectividade durante a atividade de leitura OLHE NOS OLHOS: Além de estabelecer muito mais afetividade , estabelece uma conexão com a criança e reforça a força das palavras. MOSTRE O LIVRO PARA A CRIANÇA: Mostre as ilustrações, ajudando a criança a imaginar a situação. Em casos onde a criança é mais velhinha, pode até apontar onde está escrito, assim a criança estabelece a relação do som com a grafia DEIXE A HISTÓRIA LIVRE: Esteja pronto para intervenções e saiba quando é a melhor hora para deixar fluido o roteiro, de forma doce. Se já leu mais de uma vez, e é a história preferida da criança, deixe ela contar e inventar, podendo você mesmo fazer alterações para estabelecer novas possibilidade de imaginação (CARVALHO, 2018; PEREIRA, 2019; SERRALVA, 2019)

ATIVIDADE LEVE INFOGRÁFICO

HIERAQUIZANDO

COMO CONTAR HISTÓRIAS PARA A CRIANÇA Aprimora na criança: Desenvolvimento em sociedade Lidar com conﬂitos do dia a dia Afetividade por leitura Comunicação Linguagem Autoconhecimento Identiﬁcação com personagem Percepção das emoções junto ao personagem Criatividade e raciocínio Cria hipóteses

8 Dicas para contar uma história: A ESCOLHA DO LIVRO: A criança selecionar o tema da história faz ela ﬁcar focada; É interessante o contador se identiﬁcar com a história, demonstrará interesse e disposição no olhar. APRENDA A HISTÓRIA ANTES: Possibilita deixar mais animada, com drama, entoação ou suspense ; Evita de parecer um robô lendo; Terá mais segurança; Permite dar uma personalidade sua para o roteiro.

CAPRICHE: Pense na voz, no ritmo, na dicção, nos gestos e no som; Pense nas vozes dos personagens e como seria sua performance ao falar. Estabeleça um clima para a história, como terror, ou romance, ou aventura.; Quais recursos irá utilizar, fantoches, figurino, livro, etc; Defina melhores momentos para aplicá-los, para gerar a sensação de surpresa.; LEIA EM UM LUGAR CONFORTÁVEL: A criança fica mais à vontade e desenvolver mais afetividade com o tema; Um lugar não barulhento; O lugar da criança para ela assistir. ESTEJA PRESENTE: Não se distraia com tv, celular ou tablet; Foque na atividade a ser desenvolvida com a criança. OLHE NOS OLHOS: Estabelece mais afetividade; Cria conexão com a criança; Reforça a força das palavras. MOSTRE O LIVRO PARA A CRIANÇA: Mostre as ilustrações, ajudando a criança a imaginar a situação; Pode apontar onde está escrito, a criança estabelece a relação do som com a grafia. DEIXE A HISTÓRIA LIVRE: Esteja pronto para intervenções ; Se ela já conhece, deixe ela contar e inventar; Faça alterações e fluindo com a imaginação. (CARVALHO, 2018; PEREIRA, 2019; SERRALVA, 2019)

REFERÊNCIAS ANDRADE, Luiza. Diagrama de Ishikawa: o que é e como fazer. Siteware.2017.Acessível em: <https://www.siteware.com.br/metodologias/diagrama-de-ishikawa/>Última visualização em 29 de julho de 2020 ASANO, Jacqueline. [Tutorial completo] Como fazer um infográfico em 5 passos simples. Resultados Digitais. 2019. Acessível em:<https://resultadosdigitais.com.br/blog/como-fazer-um-infografico/>Última visualização em 29 de julho de 2020 AUMONT, J. A imagem. São Paulo: Papirus, 2001. CHAGAS, Zuk. Aprenda o que é um Infográfico e quais são os 7 passos essenciais para criar uma peça incrível. Rock Content. 2019. Acessível em:<rockcontent.com/blog/infografico/>Última visualização em 29 de julho de 2020 DENVIR, Marques. Semelhança e Pregnancia. Design Culture. 2013. Disponível em < http://designculture.com.br/leis-da-gestalt-semelhanca-e-pregnancia-da-forma/>Última visualização: 13 de abril de 2017 GESTALT... . Wikipédia. 2017. Disponivel em < https://pt.wikipedia.org/wiki/Gestalt#Sete_fundamentos_b.C3.A1sicos> Última visualização: 13 de abril de 2017 GONÇALVES, Eveline Filgueiras; OLIVEIRA, Rafael Alves de; NEVES, Dulce Amélia de Brito. Análise da informação imagética: uma abordagem sob a perspectiva cognitiva. Em questão., Porto Alegre, v22, n3, p110-135. 2016. Acessível em:<https://seer.ufrgs.br/index.php/EmQuestao/article/view/59905>Última visualização em 05 de agosto de 2020

THOMAS, Manuela V. Proposição de processos de Design para infográficos com fins educacionais. Universidade Federal do Rio Grande do Sul, Escola de Engenharia, Programa de Pós-Graduação em Design. Porto Alegre. 2016. Acessível em: <https://lume.ufrgs.br/handle/10183/147498>Última visualização em 29 de julho de 2020 SILVA, A.D.C; FINATTO, M.J.B. Orientações básicas para a simplificação de um texto. Material em slides.Porto Alegre: UFRGS, 2018. Disponível em: <hdp://www.ufrgs.br/textecc/ guia AcessibilidadeTT> última visualização em 09 de julho de 2020 VALENÇA, Flávia. Infográfico - Como criar um Infográfico Online e Gratuito | Flávia Valença. You Tube. Acessível em:<https://www.youtube.com/watch?v=Sxsyhyj0Nwc>Última visualização em 29 de julho de 2020 VIEIRA Dimitri.Como fazer uma introdução impecável: o guia DEFINITIVO para seus textos!. Rock Content. 2020. Acessível em:<https://comunidade.rockcontent.com/como-fazer-uma-introducao/>. Última visualização em 07 de junho de 2020 VIEIRA Dimitri . Como escrever bem: 39 dicas que você não pode ignorar! Rock Content. 2019. Acessível em:<https://comunidade.rockcontent.com/como-escrever-bem/>Última visualização em 29 de julho de 2020

AGRADEÃ&#x2021;O THIAGO PESTILLO SELES