SlideShare uma empresa Scribd logo
1 de 41
A importância da manipulação e
utilização da imagem na comunicação
Imagem: o agente aglutinador de
informação e prazer
Iconografia
(do grego "Eykon", imagem, e "graphia", descrição,
escrita...)
É uma forma de linguagem visual que utiliza imagens para representar
determinado tema. A iconografia estuda a origem e a formação das imagens.
Na indústria editorial, a iconografia é a pesquisa e seleção das imagens que
serão publicadas em um livro, seja como tema principal da obra ou como
complemento de um texto...
A iconografia em ação
A utilização da imagem na comunicação
não é particular da tecnologia utilizada
pelo homem contemporâneo.
Essa forma de comunicação vem sendo
utilizada, aproximadamente, desde
15.000 a.C.
SIMPLICIDADE E LIXO VISUAL
A comunicação deve ser:
Simples;
O mais sintética possível;
Objectiva.
Na comunicação visual é essencial a experiência e o
conhecimento das convenções estabelecidas.
O “design” eficaz resulta da aplicação destes princípios.
ELEMENTOS DA COMUNICAÇÃO
Tipos de letra
Texto
Texto
Times, corpo 18
Arial, corpo 18
Texto
Texto Times, corpo 36
Arial, corpo 36
A legibilidade é muito importante.
Deve usar-se apenas 1 ou 2 tipos de letra por documento.
A escolha do tipo é condicionada pela visualização em ecrã (do francês écran)
de computador ou em papel.
O tamanho efectivo varia conforme a fonte utilizada.
ELEMENTOS DA COMUNICAÇÃO
Cor
A relação entre as cores pode dificultar a leitura, sendo recomendável o uso
de cores complementares e/ou de gamas tonais da mesma cor.
Existe uma associação ao significado da cor que, varia de cultura para cultura.
Uma parte significativa da população tem problemas de daltonismo e as cores
nunca são percebidas da mesma forma por todos.
ELEMENTOS DA COMUNICAÇÃO
Imagens
São necessárias, quando?
Qual a resolução indicada? Qual o tamanho? Há cores?
As imagens podem substituir palavras.
O tamanho e a cor são
decisivos na importância da
imagem.
ELEMENTOS DA COMUNICAÇÃO
Gráficos
0
5
10
15
20
25
30
35
40
45
50
January February March April May June July August September October November December
Wellington
Dunedin
Christchurch
Confuso (ruído visual)
0
10
20
30
40
50
January March May July September November
Wellington
Dunedin
Christchurch
Elucidativo
ELEMENTOS DA COMUNICAÇÃO
PAPEL ou ECRÃ
Suporte: Ecrã = RGB
Red
Vermelho
Green
Verde
Blue
Azul
Suporte: Papel = CMYK
Cyan
Azul
Magenta
Magenta
Yellow
Amarelo
Key
Preto
Imagem com o
mínimo de 400 dpi
Key
Preto
ELEMENTOS DA COMUNICAÇÃO
RESULTADO
Key
Preto
ELEMENTOS DA COMUNICAÇÃO
APLICAÇÕES e FORMATOS
Adobe Acrobat: O PDF é um formato versátil, multi-plataforma e que garante
fiabilidade na impressão e na apresentação, podendo ser produzido a partir da
maior parte das aplicações.
É o formato mais aconselhado para troca de documentos e o Acrobat Reader é
gratuito.
Adobe Illustrator, Adobe Indesign, Corel Draw, Autodesk AutoCad:
Ferramentas gráficas especializadas que facilitam o controle de impressão.
Microsoft Powerpoint: Formato muito divulgado que começou por ter como
objectivo a apresentação de diapositivos electrônicos e, hoje é também utilizado
como aplicação gráfica para impressões (embora com algumas limitações).
Microsoft Word: Processador de texto, com algumas limitações quanto à
manipulação na área da paginação.
Dimensões ISO
Tamanhos de papel:
· A0 – 120 x 84 cm;
· A1 – 84 x 60 cm;
· A2 – 60 x 42 cm;
· A3 – 42 x 29,7 cm;
· A4 – 29,7 x 21 cm.
Os tamanhos de papel se baseiam em sistemas reconhecidos oficialmente por convenções. Atualmente,
há dois principais sistemas em vigor: o sistema internacional ISO 216, adotado na maioria dos países, e
os formatos adotados nos EUA e Canadá (como o Letter).
ELEMENTOS DA COMUNICAÇÃO
COMPRESSÃO DE IMAGENS
Para que as imagens utilizadas não tornem o documento demasiado grande,
devem ter o tamanho e a resolução adequados.
As imagens devem ser ajustadas previamente num programa de edição de
imagem como o Adobe Photoshop, embora algumas aplicações de
paginação permitam alterar a sua dimensão.
Escolher um formato
Na Internet, somente três formatos são, atualmente, reconhecidos e
corretamente afixados pelos navegadores: o JPEG, o GIF e o PNG.
Para um melhor resultado visual, alguns destes formatos de imagens são mais
recomendados de acordo com a utilização que você quer fazer (logo, foto,
ícone), bem como, as características de sua imagem (tamanho, qualidade,
peso).
Para imagem com texto
Este formato fornece uma imagem perfeitamente clara que não comporta
nenhuma deteriorização, mesmo se você decide reduzí-la. Ao contrário, o
formato JPEG vai deixar sua imagem mais imprecisa, às vezes fora de foco
nas bordas, pois a passagem precipitada de uma cor a uma outra produz um
efeito de degradê sujo relativamente visível. Do lado do formato GIF, mesmo
que a imagem tenha um bom resultado, o peso é desproporcional, o que
condena sua utilização.
Para uma imagem com transparência
A transparência corresponde à opacidade da imagem. Esta técnica oferece a
possibilidade de distinguir outros eventuais elementos gráficos presentes no
plano de fundo. A utilização do PNG prevalece para este tipo de imagem, pois
ele propõe um resultado aceitável. O GIF decepciona muito pela qualidade
medíocre que ele afixa, considerando que ele suporta poucos efeitos de
transparência. Enfim, o formato JPEG é incompatível com a transparência.
Para um logo, um ícone, um desenho,
um gráfico
O PNG oferece uma imagem de muito boa qualidade. A restrição das cores
impostas pelo formato não tem efeito negativo sobra a imagem. Quanto ao
JPEG, ele traduz igualmente uma imagem limpa, bem finalizada, mas seu
peso é muito importante em relação aos dois formatos precedentes.
Para uma fotografia, uma imagem de alta
definição
O JPEG é incontestávelmente o formato a privilegiar. Pelo seu largo painel de
cores (16,7 milhões), ele oferece uma qualidade perfeita e um peso ideal para a
Web. O GIF é a imagem a deixar completamente de lado, pois ele vai degradar
consideravelmente a qualidade da imagem. O PNG pode dar uma imagem de boa
qualidade, mas seu peso será muito grande para pretender inserir em uma página
Web.
Para uma animação: o GIF
Somente o GIF suporta as imagens animadas.
Para baixar o conteúdo e fontes da apresentação:
“A importância da manipulação e
utilização da imagem na comunicação”
Acesse:
www.profedsongodoy.blogspot.com.br

Mais conteúdo relacionado

Semelhante a Importância da imagem na comunicação

Glossário do design gráfico
Glossário do design gráficoGlossário do design gráfico
Glossário do design gráficoA Ideia Digital
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupomdfeitosa
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digitalschool
 
O uso de imagens na educação
O uso de imagens na educaçãoO uso de imagens na educação
O uso de imagens na educaçãoJaire Passos
 
Representação de imagens em formato digital
Representação de imagens em formato digitalRepresentação de imagens em formato digital
Representação de imagens em formato digitalHelinton Bruce
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para webRegisnaldo Alencar
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupomdfeitosa
 

Semelhante a Importância da imagem na comunicação (20)

Glossário do design gráfico
Glossário do design gráficoGlossário do design gráfico
Glossário do design gráfico
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
 
Imagem
ImagemImagem
Imagem
 
Imagem
ImagemImagem
Imagem
 
O uso de imagens na educação
O uso de imagens na educaçãoO uso de imagens na educação
O uso de imagens na educação
 
0000015307.pdf
0000015307.pdf0000015307.pdf
0000015307.pdf
 
Representação de imagens em formato digital
Representação de imagens em formato digitalRepresentação de imagens em formato digital
Representação de imagens em formato digital
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para web
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
 
Aula atualizada
Aula atualizadaAula atualizada
Aula atualizada
 
Slides digitais
Slides digitaisSlides digitais
Slides digitais
 
Slides digitais
Slides digitaisSlides digitais
Slides digitais
 
aula1_2.pdf
aula1_2.pdfaula1_2.pdf
aula1_2.pdf
 
12 julio martins
12 julio martins12 julio martins
12 julio martins
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 

Mais de edsonfgodoy

Guerra do Paraguai
Guerra do Paraguai Guerra do Paraguai
Guerra do Paraguai edsonfgodoy
 
Economia e modernização no século XIX
Economia e modernização no século XIXEconomia e modernização no século XIX
Economia e modernização no século XIXedsonfgodoy
 
Abolição da escravidão
Abolição da escravidãoAbolição da escravidão
Abolição da escravidãoedsonfgodoy
 
Trabalho a cruzada
Trabalho a cruzadaTrabalho a cruzada
Trabalho a cruzadaedsonfgodoy
 
Orientações para composição do grêmio
Orientações para composição do grêmioOrientações para composição do grêmio
Orientações para composição do grêmioedsonfgodoy
 
Barão de montesquieu
Barão de montesquieuBarão de montesquieu
Barão de montesquieuedsonfgodoy
 
Ditadura Militar
Ditadura MilitarDitadura Militar
Ditadura Militaredsonfgodoy
 
Estratificação social 3 ii
Estratificação social 3 iiEstratificação social 3 ii
Estratificação social 3 iiedsonfgodoy
 
Globalização e as novas relações de trabalho 3 I
Globalização e as novas relações de trabalho 3 IGlobalização e as novas relações de trabalho 3 I
Globalização e as novas relações de trabalho 3 Iedsonfgodoy
 
Estratificação e hierarquia social 3 I
Estratificação e hierarquia social 3 IEstratificação e hierarquia social 3 I
Estratificação e hierarquia social 3 Iedsonfgodoy
 
Estado, sociedade e poder 3 II
Estado, sociedade e poder 3 IIEstado, sociedade e poder 3 II
Estado, sociedade e poder 3 IIedsonfgodoy
 
Taylorismo, fordismo e toyotismo 3 2
Taylorismo, fordismo e toyotismo 3 2Taylorismo, fordismo e toyotismo 3 2
Taylorismo, fordismo e toyotismo 3 2edsonfgodoy
 
Taylorismo, fordismo e toyotismo 3 1
Taylorismo, fordismo e toyotismo 3 1Taylorismo, fordismo e toyotismo 3 1
Taylorismo, fordismo e toyotismo 3 1edsonfgodoy
 
Sociologia no brasil e seus principais representantes
Sociologia no brasil e seus principais representantesSociologia no brasil e seus principais representantes
Sociologia no brasil e seus principais representantesedsonfgodoy
 
O trabalho na sociedade moderna capitalista
O trabalho na sociedade moderna capitalistaO trabalho na sociedade moderna capitalista
O trabalho na sociedade moderna capitalistaedsonfgodoy
 
Republica Velha Ed
Republica Velha EdRepublica Velha Ed
Republica Velha Ededsonfgodoy
 

Mais de edsonfgodoy (20)

Guerra do Paraguai
Guerra do Paraguai Guerra do Paraguai
Guerra do Paraguai
 
Economia e modernização no século XIX
Economia e modernização no século XIXEconomia e modernização no século XIX
Economia e modernização no século XIX
 
Abolição da escravidão
Abolição da escravidãoAbolição da escravidão
Abolição da escravidão
 
Trabalho a cruzada
Trabalho a cruzadaTrabalho a cruzada
Trabalho a cruzada
 
Filme a cruzada
Filme a cruzadaFilme a cruzada
Filme a cruzada
 
A cruzada
A cruzadaA cruzada
A cruzada
 
Cruzada
CruzadaCruzada
Cruzada
 
Orientações para composição do grêmio
Orientações para composição do grêmioOrientações para composição do grêmio
Orientações para composição do grêmio
 
Barão de montesquieu
Barão de montesquieuBarão de montesquieu
Barão de montesquieu
 
Ditadura Militar
Ditadura MilitarDitadura Militar
Ditadura Militar
 
Nova República
Nova RepúblicaNova República
Nova República
 
Estratificação social 3 ii
Estratificação social 3 iiEstratificação social 3 ii
Estratificação social 3 ii
 
Globalização e as novas relações de trabalho 3 I
Globalização e as novas relações de trabalho 3 IGlobalização e as novas relações de trabalho 3 I
Globalização e as novas relações de trabalho 3 I
 
Estratificação e hierarquia social 3 I
Estratificação e hierarquia social 3 IEstratificação e hierarquia social 3 I
Estratificação e hierarquia social 3 I
 
Estado, sociedade e poder 3 II
Estado, sociedade e poder 3 IIEstado, sociedade e poder 3 II
Estado, sociedade e poder 3 II
 
Taylorismo, fordismo e toyotismo 3 2
Taylorismo, fordismo e toyotismo 3 2Taylorismo, fordismo e toyotismo 3 2
Taylorismo, fordismo e toyotismo 3 2
 
Taylorismo, fordismo e toyotismo 3 1
Taylorismo, fordismo e toyotismo 3 1Taylorismo, fordismo e toyotismo 3 1
Taylorismo, fordismo e toyotismo 3 1
 
Sociologia no brasil e seus principais representantes
Sociologia no brasil e seus principais representantesSociologia no brasil e seus principais representantes
Sociologia no brasil e seus principais representantes
 
O trabalho na sociedade moderna capitalista
O trabalho na sociedade moderna capitalistaO trabalho na sociedade moderna capitalista
O trabalho na sociedade moderna capitalista
 
Republica Velha Ed
Republica Velha EdRepublica Velha Ed
Republica Velha Ed
 

Importância da imagem na comunicação

  • 1. A importância da manipulação e utilização da imagem na comunicação
  • 2. Imagem: o agente aglutinador de informação e prazer
  • 3. Iconografia (do grego "Eykon", imagem, e "graphia", descrição, escrita...) É uma forma de linguagem visual que utiliza imagens para representar determinado tema. A iconografia estuda a origem e a formação das imagens. Na indústria editorial, a iconografia é a pesquisa e seleção das imagens que serão publicadas em um livro, seja como tema principal da obra ou como complemento de um texto...
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. A utilização da imagem na comunicação não é particular da tecnologia utilizada pelo homem contemporâneo. Essa forma de comunicação vem sendo utilizada, aproximadamente, desde 15.000 a.C.
  • 12.
  • 13.
  • 14.
  • 16. A comunicação deve ser: Simples; O mais sintética possível; Objectiva. Na comunicação visual é essencial a experiência e o conhecimento das convenções estabelecidas. O “design” eficaz resulta da aplicação destes princípios.
  • 18. Texto Texto Times, corpo 18 Arial, corpo 18 Texto Texto Times, corpo 36 Arial, corpo 36 A legibilidade é muito importante. Deve usar-se apenas 1 ou 2 tipos de letra por documento. A escolha do tipo é condicionada pela visualização em ecrã (do francês écran) de computador ou em papel. O tamanho efectivo varia conforme a fonte utilizada.
  • 20. A relação entre as cores pode dificultar a leitura, sendo recomendável o uso de cores complementares e/ou de gamas tonais da mesma cor. Existe uma associação ao significado da cor que, varia de cultura para cultura. Uma parte significativa da população tem problemas de daltonismo e as cores nunca são percebidas da mesma forma por todos.
  • 22. São necessárias, quando? Qual a resolução indicada? Qual o tamanho? Há cores? As imagens podem substituir palavras. O tamanho e a cor são decisivos na importância da imagem.
  • 24. 0 5 10 15 20 25 30 35 40 45 50 January February March April May June July August September October November December Wellington Dunedin Christchurch Confuso (ruído visual)
  • 25. 0 10 20 30 40 50 January March May July September November Wellington Dunedin Christchurch Elucidativo
  • 27. Suporte: Ecrã = RGB Red Vermelho Green Verde Blue Azul
  • 28. Suporte: Papel = CMYK Cyan Azul Magenta Magenta Yellow Amarelo Key Preto Imagem com o mínimo de 400 dpi
  • 32. Adobe Acrobat: O PDF é um formato versátil, multi-plataforma e que garante fiabilidade na impressão e na apresentação, podendo ser produzido a partir da maior parte das aplicações. É o formato mais aconselhado para troca de documentos e o Acrobat Reader é gratuito. Adobe Illustrator, Adobe Indesign, Corel Draw, Autodesk AutoCad: Ferramentas gráficas especializadas que facilitam o controle de impressão. Microsoft Powerpoint: Formato muito divulgado que começou por ter como objectivo a apresentação de diapositivos electrônicos e, hoje é também utilizado como aplicação gráfica para impressões (embora com algumas limitações). Microsoft Word: Processador de texto, com algumas limitações quanto à manipulação na área da paginação.
  • 33. Dimensões ISO Tamanhos de papel: · A0 – 120 x 84 cm; · A1 – 84 x 60 cm; · A2 – 60 x 42 cm; · A3 – 42 x 29,7 cm; · A4 – 29,7 x 21 cm. Os tamanhos de papel se baseiam em sistemas reconhecidos oficialmente por convenções. Atualmente, há dois principais sistemas em vigor: o sistema internacional ISO 216, adotado na maioria dos países, e os formatos adotados nos EUA e Canadá (como o Letter).
  • 35. Para que as imagens utilizadas não tornem o documento demasiado grande, devem ter o tamanho e a resolução adequados. As imagens devem ser ajustadas previamente num programa de edição de imagem como o Adobe Photoshop, embora algumas aplicações de paginação permitam alterar a sua dimensão.
  • 36. Escolher um formato Na Internet, somente três formatos são, atualmente, reconhecidos e corretamente afixados pelos navegadores: o JPEG, o GIF e o PNG. Para um melhor resultado visual, alguns destes formatos de imagens são mais recomendados de acordo com a utilização que você quer fazer (logo, foto, ícone), bem como, as características de sua imagem (tamanho, qualidade, peso).
  • 37. Para imagem com texto Este formato fornece uma imagem perfeitamente clara que não comporta nenhuma deteriorização, mesmo se você decide reduzí-la. Ao contrário, o formato JPEG vai deixar sua imagem mais imprecisa, às vezes fora de foco nas bordas, pois a passagem precipitada de uma cor a uma outra produz um efeito de degradê sujo relativamente visível. Do lado do formato GIF, mesmo que a imagem tenha um bom resultado, o peso é desproporcional, o que condena sua utilização.
  • 38. Para uma imagem com transparência A transparência corresponde à opacidade da imagem. Esta técnica oferece a possibilidade de distinguir outros eventuais elementos gráficos presentes no plano de fundo. A utilização do PNG prevalece para este tipo de imagem, pois ele propõe um resultado aceitável. O GIF decepciona muito pela qualidade medíocre que ele afixa, considerando que ele suporta poucos efeitos de transparência. Enfim, o formato JPEG é incompatível com a transparência.
  • 39. Para um logo, um ícone, um desenho, um gráfico O PNG oferece uma imagem de muito boa qualidade. A restrição das cores impostas pelo formato não tem efeito negativo sobra a imagem. Quanto ao JPEG, ele traduz igualmente uma imagem limpa, bem finalizada, mas seu peso é muito importante em relação aos dois formatos precedentes.
  • 40. Para uma fotografia, uma imagem de alta definição O JPEG é incontestávelmente o formato a privilegiar. Pelo seu largo painel de cores (16,7 milhões), ele oferece uma qualidade perfeita e um peso ideal para a Web. O GIF é a imagem a deixar completamente de lado, pois ele vai degradar consideravelmente a qualidade da imagem. O PNG pode dar uma imagem de boa qualidade, mas seu peso será muito grande para pretender inserir em uma página Web. Para uma animação: o GIF Somente o GIF suporta as imagens animadas.
  • 41. Para baixar o conteúdo e fontes da apresentação: “A importância da manipulação e utilização da imagem na comunicação” Acesse: www.profedsongodoy.blogspot.com.br