Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?

Apresentação em tema: "Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?"— Transcrição da apresentação:

1 Prof. Dejair Priebe Ferreira da Silva

2 Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?

3 Prof. Dejair Priebe Ferreira da Silva Webdesign aula 2

4 Prof. Dejair Priebe Ferreira da Silva Webdesign aula 2  Design Impresso – todos vêem a mesma coisa;  Design Web - depende:  Da Resolução de tela do usuário;  Da capacidade da placa de vídeo do usuário;  Do Navegador utilizado  Netscape, Opera, Explorer, Mozilla  Da versão do Navegador  Do sistema operacional  Da existência de plug-ins, etc. Webdesign x Design Impresso

5 Prof. Dejair Priebe Ferreira da Silva Webdesign x Design Impresso  Do Navegador utilizado  Internet Explorer e Fire Fox Os controles somem e não funciona o vídeo

6 Prof. Dejair Priebe Ferreira da Silva Webdesign x Design Impresso  Da Resolução de tela do usuário;

7 Prof. Dejair Priebe Ferreira da Silva Webdesign x Design Impresso  Da Resolução de tela do usuário; Tamanho da Tela do monitor e resolução MedidaResolução 14”800x600 15”800x600 17”1024x768 19”1280x1024 21”1600x1200 Influencia na decisão de projetos a serem apresentados na tela. Qual resolução utilizar?

8 Prof. Dejair Priebe Ferreira da Silva Formatos de Arquivos São muitos os formatos de arquivos utilizados na Internet, principalmente com surgimento de novas linguagens de programação. Podemos destacar os seguintes:  Imagens  GIF – Graphics Interchange Format  JPG – Joint Photographic Expert Group  Páginas  HTML, htm, asp, php, cfm Curiosidade 1 Qual a diferença de.html para.htm? Arquivo.html é igual a arquivo.Html?

9 Prof. Dejair Priebe Ferreira da Silva O que colocar no página??

10 Prof. Dejair Priebe Ferreira da Silva Tamanho das Imagens para Web Para alguns a rede pode ter se tornado um pouco mais rápida graças a Banda Larga, mas para a maioria, que ainda utiliza modens comuns para se conectar, a rede continua lenta!  Pensar no tamanho das imagens  Melhor formato para cada tipo de imagem  Melhor compressão  Photoshop permite a otimização de imagens para Web

11 Prof. Dejair Priebe Ferreira da Silva Escolha de Fontes para o Webdesign Se perguntarmos a um Webdesigner qual a fonte ideal para um projeto, certamente receberemos como resposta “Fontes sem serifa”, mas poucos saberão explicar o porque... E Serifa  Limitações dos equipamentos da época geravam falta de legibilidade nas fontes serifadas, o que fez das fontes sem serifa um padrão de utilização. Devemos utilizar as fontes mais comuns de serem encontradas, como Tahoma, Verdana e Arial. Isso ainda é verdade? O que acontece se o usuário não tiver em seu computador a fonte especificada no projeto?

12 Prof. Dejair Priebe Ferreira da Silva Escolha de Fontes para o Webdesign http://www.splashnology.com/article/50-free-fonts-for-web-designers/282/ http://www.fontsquirrel.com/fontface/generator http://www.webdesignblog.com.br/downloads/42-melhores-fontes-clean- para-usar-em-seus-projetos/ http://abduzeedo.com.br/fontes-grandes-em-web-design

13 Prof. Dejair Priebe Ferreira da Silva Sistema de Cores do Webdesign O modelo de cores RGB é baseado no princípio de que diversos efeitos cromáticos são obtidos pela projeção da luz branca através dos filtros vermelho, verde e azul. Red Blue Green A cada uma das três cores é atribuído um valor de 0 a 255 que combinados formam todas as outras cores. A codificação Hexadecimal

14 OBRIGADO PELA ATENÇÃO Prof. Dejair Priebe Ferreira da Silva