Download - Aula 3 - Infografia
![Page 1: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/1.jpg)
Elementos, Tipos e Classes de Infografia
AULA 3
![Page 2: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/2.jpg)
Infografia
O estudo da infografia pode ser dividido em:
1) Elementos Infográficos
2) Tipos de Infografia
3)Classes de Infografia
![Page 3: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/3.jpg)
Infogramas
• São as unidades básicas de uma infografia, que isoladamente, não fazem sentido, apenas, dentro de um contexto infográfico.
![Page 4: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/4.jpg)
Elementos Infográficos
• Texto
• Números
• Ícones
• Fotografia
• Quadros
• Fundos
• Legendas
• Tabelas
• Fotomontagem
• Tabela
• Gráficos
• Pictográficos
• Mapas
• Ilustrações
![Page 5: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/5.jpg)
Texto• Títulos, capitulares, legendas, explicações, fontes,
textos e números em tabelas
• O texto na infografia é utilizado para dar velocidade no processo de absorção da informação
![Page 6: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/6.jpg)
Texto
O texto pode ser classificado em:
• Essencial – títulos, créditos, fontes• Acessório – serve de complementação dos ícones,
explicando e detalhando uma informação
• O texto infográfico deve der rápido e conciso. Não deve substituir nem o texto e nem o desenho. Deve também ser diagramado em parágrafos curtos, para dar ritmo à infografia. Devem sempre fazer referência a algum item do infográfico. A tipologia ideal para sua construção são as fontes sem serifa e negritadas, dependendo do caso.
![Page 7: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/7.jpg)
Números
• Os números são utilizados para
quantificar dados de difícil
absorção textual.
![Page 8: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/8.jpg)
Ícones
• São desenhos utilizados para expressar graficamente uma ideia.
• São essenciais nos infográficos, pois permitem um didatismo maior na compreensão da mensagem, além de possuir um caráter chamativo maior que o texto.
![Page 9: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/9.jpg)
Fotografia
• São elementos de identificação ou de localização de imagens mais precisas.
• Na infografia elas podem destacar uma pessoa ou um lugar. Neste caso, o local fotografado, por exemplo, pode servir de base para uma reconstituição (com o auxílio da ilustração)
![Page 10: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/10.jpg)
Quadros
• Servem para destacar a imagem e conduzir o olhar do leitor
![Page 11: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/11.jpg)
Fundos
• Utilizados também
para fazer referência
contextual ao tema
principal da
infografia
![Page 12: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/12.jpg)
Legendas
• Utilizadas em
certos casos, para
acrescentar
informações
a desenhos
ou fotos
Ronaldo marca dois gols
em empate do Corinthians
![Page 13: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/13.jpg)
Fotomontagem
• Também chamada de Ilustração Digital.
• A fotomontagem é bastante utilizada quando não existe tempo para a execução de uma ilustração gráfica.
• Feitas a partir de fusão e composição de imagens são bastante utilizadas para "calçar gráficos" cartesianos
![Page 14: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/14.jpg)
Fotomontagem
![Page 15: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/15.jpg)
Quadro Informativo
• Utilizam as informações para dar profundidade ao tema da notícia. Podem, por exemplo, acompanhar gráficos, tabelas e fotografias
![Page 16: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/16.jpg)
Quadro Informativo
![Page 17: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/17.jpg)
Tabela
• É um dos tipos de infográficos mais utilizados, dada à simplicidade de sua composição.
• Podem ser utilizadas para revelar números sequênciais, evolutivos etc.
• Podem ainda acompanhar uma ilustração.
![Page 18: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/18.jpg)
Tabela
![Page 19: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/19.jpg)
Gráficos
• Utilizado para contextualização visual de um lugar.
• É mais útil do que ficar descrevendo determinado local, pois graficamente, a informação é transmitida com maior velocidade
![Page 20: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/20.jpg)
Gráficos
• CARTESIANOS - (utilizam eixos X e Y para demonstrar uma evolução num determinado período)
• SETORIAIS - (conhecidos como gráficos de pizza, são utilizados para demonstrar o percentual de domínio dentro de um universo)
![Page 21: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/21.jpg)
Gráfico Cartesiano
![Page 22: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/22.jpg)
Gráfico Setorial
![Page 23: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/23.jpg)
Gráficos cartesianos
• Barras Verticais (boa leitura)
• Barras Horizontais (boa leitura)
• Áreas (boa leitura)
• Linhas (leitura mais direta, porém simples)
• Pontos (leitura mais direta, porém simples)
![Page 24: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/24.jpg)
Gráfico de barras vertical
![Page 25: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/25.jpg)
Gráfico de barras vertical
![Page 26: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/26.jpg)
Gráfico de barras horizontal
![Page 27: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/27.jpg)
Gráfico de barras horizontal
![Page 28: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/28.jpg)
Gráfico de linhas
![Page 29: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/29.jpg)
Gráfico de linhas
![Page 30: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/30.jpg)
Gráfico de pontos
![Page 31: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/31.jpg)
Gráfico de pontos
![Page 32: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/32.jpg)
Pictográfico
• Utilizam os próprios elementos da composição
![Page 33: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/33.jpg)
Pictográfico
![Page 34: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/34.jpg)
Mapas
• Utilizados para localizar determinado local ou região
![Page 35: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/35.jpg)
Mapas
![Page 36: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/36.jpg)
Mapas (satélite)
![Page 37: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/37.jpg)
Mapas (geográfico)
![Page 38: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/38.jpg)
Mapas (terreno)
![Page 39: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/39.jpg)
Mapas
![Page 40: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/40.jpg)
Ilustração
• É o tipo de desenho feito por um especialista.
![Page 41: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/41.jpg)
Ilustração
![Page 42: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/42.jpg)
Ilustração
![Page 43: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/43.jpg)
Ilustração
![Page 44: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/44.jpg)
Ilustração
![Page 45: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/45.jpg)
Ilustração
![Page 46: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/46.jpg)
Composição (gráfico, mapa, números, texto, quadros)
![Page 47: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/47.jpg)
Composição(texto, ícones e quadros)
![Page 48: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/48.jpg)
Composição(fotografia, gráfico, tabelas, texto, ícones)
![Page 49: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/49.jpg)
Composição(Ícones, texto, números, tabelas)
![Page 50: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/50.jpg)
tipos de infografia
![Page 51: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/51.jpg)
Classificação
• TIPOS
• CLASSES
![Page 52: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/52.jpg)
Tipos
• INDIVIDUAIS
• COLETIVAS
![Page 53: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/53.jpg)
Individual
• Quando apresenta os elementos primários necessários.
• Tratam de um único assunto e se distinguem facilmente pois possuem uma unidade.
![Page 54: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/54.jpg)
Coletiva
• Quando se combina mais de uma infografia para construção de várias faces de uma informação
![Page 55: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/55.jpg)
Coletiva
![Page 56: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/56.jpg)
Coletiva
![Page 57: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/57.jpg)
Classes de infografia
![Page 58: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/58.jpg)
Classes
1) Comparativas - Espaciais
- Características Gerais
2) Documentais
3) Cênicas
4) Localizadoras
![Page 59: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/59.jpg)
Comparativas espaciais
• Quando estabelecem uma relação entre elementos, de maneira que se transmita a informação visual rapidamente
• Espaciais – (gráficos circulares, de barras, colunas)
![Page 60: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/60.jpg)
Comparativas de características gerais
• Geralmente, quando se pretende apresentar a informação através de dados, imagens e fichas
![Page 61: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/61.jpg)
Comparativas de características gerais
![Page 62: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/62.jpg)
Comparativas de características gerais
![Page 63: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/63.jpg)
Documental
• Quando dão profundidade em determinado assunto.
![Page 64: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/64.jpg)
Documental
![Page 65: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/65.jpg)
Cênica• São bastante usadas
em atentados, acidentes, guerras, crimes e reconstituições.Possuem técnica variada.
![Page 66: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/66.jpg)
Cênica
![Page 67: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/67.jpg)
Cênica
![Page 68: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/68.jpg)
Cênica
![Page 69: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/69.jpg)
Localizadoras
• Utilizado
geralmente na
localização de um
fato ou evento. Os
elementos mais
usados nesse tipo
de infográfico são
os mapas
![Page 70: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/70.jpg)
Localizadora
![Page 71: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/71.jpg)
Localizadora
![Page 72: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/72.jpg)
Resumindo
1) Comparativas - COMPARAÇÕES
2) Documentais – PERFIL / PROFUNDIDADE
3) Cênicas - RECONSTITUIÇÕES
4) Localizadoras - GEOGRÁFICAS
![Page 73: Aula 3 - Infografia](https://reader034.vdocuments.pub/reader034/viewer/2022050805/55712e7dd8b42a7b4a8b52bd/html5/thumbnails/73.jpg)
fim