imagens para web
DESCRIPTION
Aula de "Imagens para Web", ministrada para as cadeiras de Design para Meios Digitais (Curso de Publicidade) e Web Design (Curso de Design), da FANOR, em Outubro de 2013.TRANSCRIPT
![Page 1: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/1.jpg)
Imagens para Web@richarley
![Page 2: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/2.jpg)
Uma imagem PODE valer mais que mil palavras
* Contexto* Realçar a aparência, idéias e sentimentos
![Page 3: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/3.jpg)
Diversos significados* Entreter * Educar * Impactar
![Page 4: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/4.jpg)
Tipos de imagens* Fotos * Ilustrações * Tipografia
* Infográficos
![Page 5: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/5.jpg)
Exemplos de softwares* Photoshop (Pago) * GIMP (Gratuito)
![Page 6: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/6.jpg)
Especificações Técnicas* Resolução: 72 dpi
* Modo de cores: RGB
![Page 7: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/7.jpg)
Formatos mais usuais* JPG* GIF* PNG
![Page 8: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/8.jpg)
JPG* Vantagens
- Boa compressão sem perda de cores
- Defeitos aparentes com a compressão
* Desvantagens
- Mais opções de compressão
- Sem opção de transparência
![Page 9: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/9.jpg)
GIF* Vantagens
- Transparência - Escala limitada de cores
* Desvantagens
- Ótimo para gráficos com poucas cores - Compressão com
perda de cores- Gráficos animados
![Page 10: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/10.jpg)
PNG* Vantagens
- Transparência - Menos opções de compressão
* Desvantagens
- Ótima compressão- Arquivo geralmente
maior
![Page 11: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/11.jpg)
Qualidade acima de tudo* Corte e enquadramento
* Brilho e contraste* Nitidez
![Page 12: Imagens para web](https://reader031.vdocuments.pub/reader031/viewer/2022020116/5593c6301a28ab5e1e8b464d/html5/thumbnails/12.jpg)
Atividade em classe* Com base em algum texto do site
www.webinsider.com.br , pesquisem 3 imagens dentro do contexto do matéria.
* Editem as imagens conforme as orientações dadas em sala. Largura: 600 px
Atividade em casa* Continuar com o wireframe do site portfólio, agora também pensando em páginas internas
para ser analisado na próxima aula.