Responsive Design
Uma visão geral...
O passado era simples...
Nokia 7110, primeiro telefone com
acesso a internet...
Criado em 1999!
O começo do futuro...
E das dores de cabeça...
Tablets, celulares, televisores e agora werables!!!
RWD x AWD
Responsive Web Design (RWD)
Fluído e responde as mudanças do tamanho do
disposito e telas.
Muda o estilo de desi...
Fluído e responder a mudanças...
Responsive Design pode ser bom... mas...
Problemas de UX (Experiência de Usuário).
Priorizar o conteúdo.
Performance.
Mais...
Responsivo X Nativo
Interface nativa pode ter suas peculiaridades de acordo com tamanho da tela, orientação e
densidade!
Tecnicamente falando...
Mobile First
Meta tags
Media Queries
Fluid Grids (Flexible)
Typography
Web Icons
Dúvidas?
Próximos SlideShares
Carregando em…5
×

Responsive Design

93 visualizações

Publicada em

Quick presentation about responsive design made at my currently work. Its in portuguese

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
93
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Responsive Design

  1. 1. Responsive Design Uma visão geral...
  2. 2. O passado era simples... Nokia 7110, primeiro telefone com acesso a internet... Criado em 1999!
  3. 3. O começo do futuro...
  4. 4. E das dores de cabeça... Tablets, celulares, televisores e agora werables!!!
  5. 5. RWD x AWD Responsive Web Design (RWD) Fluído e responde as mudanças do tamanho do disposito e telas. Muda o estilo de design usando Media Queries. Adaptative Web Design (AWD) Adapta (cabe) em uma predeterminada tela ou dispositivo. Layout html específico para determinadas telas.
  6. 6. Fluído e responder a mudanças...
  7. 7. Responsive Design pode ser bom... mas... Problemas de UX (Experiência de Usuário). Priorizar o conteúdo. Performance. Mais testes! IE (Internet Explorer)...
  8. 8. Responsivo X Nativo Interface nativa pode ter suas peculiaridades de acordo com tamanho da tela, orientação e densidade!
  9. 9. Tecnicamente falando... Mobile First Meta tags Media Queries Fluid Grids (Flexible) Typography Web Icons
  10. 10. Dúvidas?

×