Sites adaptativos vs Sites Responsivos vs Mobile First

Prévia do material em texto

Trabalho 
Nome do curso: Pós-Graduação em Desenvolvimento Mobile. 
Nome da disciplina: DESIGN PARA DISPOSITIVOS MÓVEIS 
 
Sites adaptativos vs Sites Responsivos vs Mobile First 
 
1) Design Adaptativo 
O Design adaptativo, usa layouts estáticos baseados em pontos de 
interrupção, que não respondem até que sejam inicialmente carregados. 
Esse design funciona para detectar o tamanho da tela e carregar o layout 
apropriado para ele. Ele também não possui uma responsividade total, 
desse modo, alguns elementos podem parecer que não foram adaptados 
para o dispositivo, como imagens. 
 
 
 
2) Design Responsivo 
Design responsivo descreve uma técnica na qual o design de um site é 
ajustado automaticamente com base no tamanho das telas dos usuários. 
No site responsivo a resposta é fluida e se adapta ao tamanho da tela, 
independentemente do dispositivo. Esse design usa o CSS para alterar 
estilos com base no dispositivo, como tipo de exibição, largura, altura, etc. 
Nesse caso, pode-se projetar com todos os possíveis tamanho de tela e isso, 
pode tornar o processo bastante complexo. Ou seja, deve se concentrar na 
criação de uma viewport para resolução média e, em seguida, usar consultas 
de mídia para ajustar as resoluções baixas e altas mais tarde. 
 
 
 
 
 
3) Design Mobile First 
O design o mobile-first é uma abordagem para o design responsivo: primeiro 
design para telas menores, e depois adicione mais recursos e conteúdo 
conforme as telas ficam maiores, também é conhecida como 
“aprimoramento progressivo”. O movimento inverso implica projetar para 
um site totalmente funcional para Desktop, e então adaptar o conteúdo 
para telas menores a partir daí. 
 
 
 
 
 
Fonte 
https://medium.com/@fnandaleite/entendendo-as-diferen%C3%A7as-
entre-design-responsivo-adaptativo-e-mobile-first-ea3c61fc9181 
https://www.igluonline.com/mobile-first-mobile-friendly-e-sites-
responsivos-qual-a-diferenca/