Pra entender o Desing Responsivo de uma vez por todas faça um teste agora mesmo. Abra esse site que você está navegando em dois dispositivos com tamanhos de tela diferentes, se estiver no computador tente abrir pelo celular ou vice-versa.
Percebeu como o texto e as imagens se adaptaram ao tamanho da sua tela? Esperamos que sim, porque esse é o Desing Responsivo. É uma técnica que estrutura o layout do seu site de forma que ele se adapte aos diferentes dispositivos que temos hoje: tablets, smartphones de diferentes formatos, notebooks, monitores e smart TVs.
Seria impossível desenhar e prever por qual dispositivo cada usuário irá acessar seu site. Com o Desing Responsivo agora é possível programar um site de forma que os elementos que o compõem se adaptem automaticamente à largura de tela do dispositivo no qual ele está sendo visualizado.
O que o Desing Responsivo faz?
- Adapta o layout da página de acordo com a resolução em que está sendo visualizada.
- Redimensiona as imagens automaticamente para que caibam na tela e para que não sobrecarreguem a transferência de dados em um celular, por exemplo.
- Simplifica elementos da tela para dispositivos móveis, onde o usuário normalmente tem menos tempo e atenção durante a navegação.
- Oculta elementos desnecessários nos dispositivos menores.
- Adapta tamanho de botões e links para interfaces touch onde o ponteiro do mouse é substituído pelo dedo do usuário.
- Utiliza de forma inteligente recursos mobile como geolocalização e mudança na orientação do aparelho (horizontal ou vertical).
