Download - O uso de imagens na educação
![Page 1: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/1.jpg)
PhotoshopProfessores Jaire Passos e Paula Jardim
![Page 2: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/2.jpg)
FONTE
DUCUMENTAL
FORMA DE
CONHECIMENTO
DE MUNDO
REPRESENTAÇÃO
DA REALIDADE
PRODUÇÃO
CULTURAL
USO DE IMAGENS
NA EDUCAÇÃO
![Page 3: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/3.jpg)
Uma imagem é de longe a ferramenta de comunicação mais profunda disponível.
Timothy SamaraElementos do Design, 2010 - Pag. 166
![Page 4: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/4.jpg)
O conhecimento visual facilita a
compreensão do que não temos
presente fi sicamente, mas simula
a presença do que está longe.
![Page 5: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/5.jpg)
O apoio visual pode ajudar a
compreender mais facilmente
fenômenos.
![Page 6: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/6.jpg)
80%visãoinformações
![Page 7: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/7.jpg)
Aprendemos mais da metade
do que sabemos a partir de
informação visual.
![Page 8: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/8.jpg)
Uma imagem torna-se relevante quando sua composição e técnica de produção, assim como seu tema, funcionam em harmonia com outro material para criar uma mensagem integrada.
Timothy SamaraElementos do Design, 2010 - Pag. 166-167
![Page 9: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/9.jpg)
Resolução ou Defi nição?
![Page 10: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/10.jpg)
Resolução é número ou quantidade
de pixels e cores que são geradas pela
placa de vídeo e aceitas no monitor.
Quando setamos nosso monitor para
1024 x 768 isso quer dizer que cada
linha Horizontal tem 1024 pixels e
cada linha Vertical possui 768 pixels.
Resolução
![Page 11: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/11.jpg)
Defi nição Tem relação com a qualidade da
imagem. Em uma impressão a
imagem pode ter um determinado
tamanho mas pode ter mais ou
menos pontos por polegada.
![Page 12: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/12.jpg)
Pixel?
![Page 13: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/13.jpg)
Pixel ou Picture Element é a menor
parte de uma imagem, aonde
cada pixel ou ponto possui uma
informação que diz qual é sua cor.
![Page 14: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/14.jpg)
Cor?
![Page 15: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/15.jpg)
Mistura aditivaMistura das cores primárias em luz
RGB - red, green, blue
Mistura subtrativaMistura das cores primárias em
pigmentos
CMY - ciano, magenta, amarelo
A cor é defi nida através da escala
RGB (Red, Green e Blue), que varia
de 0 a 255 e é a mistura dessas 3
cores que determinará a cor fi nal
do pixel.
![Page 16: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/16.jpg)
Existe pixel transparente?Sim, os pixels transparentes
utilizam uma cor que
denominamos como Canal Alpha,
daí o famoso Alpha que muitos
utilizam no Photoshop.
![Page 17: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/17.jpg)
![Page 18: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/18.jpg)
10ptArial
TransparênciaArquivos .GIF e .PNG são usados com frequência no projeto de interface por possibilitarem a incorporação de canal alpha.
![Page 19: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/19.jpg)
DPI (doths per inch ou pontos por polegada)
![Page 20: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/20.jpg)
DPI (doths per inch ou pontos por
polegada) é a unidade de medida
da resolução! Ao dizer que uma
imagem tem 300 DPI queremos
dizer que em cada polegada (2,54
cm) da imagem há 300 pontos.
![Page 21: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/21.jpg)
Impressões
300 DPI em cada polegada
da imagem
Impressões
Na tela do computador
72 DPI
![Page 22: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/22.jpg)
Modos de vídeo
![Page 23: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/23.jpg)
A grande maioria dos usuários ainda
utiliza uma resolução de 1024 x 768
pixels e normalmente os projetos
para Web são produzidos para esta
resolução.
Quanto ao número de cores
visualizadas no monitor, temos: 256,
16 bit (65.536) e 32 bit (mais de 16
milhões de cores).
![Page 24: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/24.jpg)
700 nm
ULTRAVIOLETA
INFRAVERMELHO
ESPECTRO VISÍVEL AO OLHO HUMANO - 380 e 700 nm
600 nm500 nm400 nm
Curiosidade: o olho humano não
é capaz de diferenciar 16 milhões
de cores, notamos por volta de
por volta de10 mil cores.
Então pra que colocar 32 bit
(16 milhões de cores) de cor no
monitor? Simplesmente para
dar maior nitidez/defi nição à
imagem.
![Page 25: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/25.jpg)
Qual resolução utilizar em meu site?
![Page 26: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/26.jpg)
Embora isso dependa do tipo de site
é recomendável que não se utilize
resoluções que sejam maiores do que
1024x768 pode visualizar, já que esta
é a resolução mais utilizada entre os
usuários. É importante ressaltar que a
resolução defi nida em 1024x768 é para
toda a tela do monitor e o navegador
visualiza uma valor um pouco abaixo
disso. Para que seu site não fi que com
barra de rolagem é recomendável que
você utilize no máximo 960 de tamanho
horizontal e 600 pixels na vertical.
![Page 27: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/27.jpg)
A
B
Jakob Nielsen revelou que
apenas 23% dos visitantes
rolam a página em sua
primeira visita ao site.
Isto signifi ca que 77% dos
visitantes não irá rolar a
página para visualizar o
resto de seu conteúdo.
Então mais uma vez entra a
base da criação de um site
onde o conteúdo deve ser
organizado e posicionado
em um espaço onde irá
as informações que mais
importam.
Fonte: Nilsen, 2007
![Page 28: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/28.jpg)
Usuários mantém foco
em pessoas
Pessoas usadas em folder,
revista, web sites, são não
só são ótimas jogadas de
marketing, como também
disparam a atenção de
todos que o veêm.
![Page 29: O uso de imagens na educação](https://reader038.vdocuments.com.br/reader038/viewer/2022102723/558df5081a28aba7598b4756/html5/thumbnails/29.jpg)
Note o aumento das
pessoas olhando para o
título e o texto, quando
o bebe está olhando
para o conteúdo.
Esse estudo de
experiência do usuário
foi feito pelo James
Breeze e pode ser visto
mais no artigo “You
Look Where They Look”
Fonte: http://usableworld.
com.au/2009/03/16/you-
look-where-they-look/