Imagens para Web@richarley
Uma imagem PODE valer mais que mil palavras
* Contexto* Realçar a aparência, idéias e sentimentos
Diversos significados* Entreter * Educar * Impactar
Tipos de imagens* Fotos * Ilustrações * Tipografia
* Infográficos
Exemplos de softwares* Photoshop (Pago) * GIMP (Gratuito)
Especificações Técnicas* Resolução: 72 dpi
* Modo de cores: RGB
Formatos mais usuais* JPG* GIF* PNG
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
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
PNG* Vantagens
- Transparência - Menos opções de compressão
* Desvantagens
- Ótima compressão- Arquivo geralmente
maior
Qualidade acima de tudo* Corte e enquadramento
* Brilho e contraste* Nitidez
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.
Top Related