Com o crescimento da variedade de dispositivos onde os websites são visualizados (laptops, tablets, netbooks, telemóveis, desktops com tela pequena, iMacs com telas grandes, segundo monitor etc.), seria desafiador desenhar múltiplas versões de um mesmo site que suprissem cada uma dessas variações do tamanho de tela e cada uma das resoluções de tela disponíveis no mercado.

Responsive Web Design é uma das soluções técnicas para esse problema: 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.

Um design responsivo inclui:

  • Adaptar o layout da página de acordo com a resolução em que está sendo visualizada.
  • Redimensionar as imagens automaticamente para que caibam na tela e para que não sobrecarreguem a transferência de dados no telemóvel, por exemplo.
  • Simplificar elementos da tela para dispositivos móveis, onde o utilizador normalmente tem menos tempo e menos atenção durante a navegação.
  • Ocultar elementos desnecessários nos dispositivos menores.
  • Adaptar tamanho de botões e links para interfaces touch onde o ponteiro do mouse é substituído pelo dedo do utilizador.
  • Utilizar de forma inteligente recursos mobile como geolocalização e mudança na orientação do aparelho (horizontal ou vertical).

Uma variação do “Responsive Web Design” é o “Adaptive Web Design”, uma versão um pouco simplificada da primeira. A diferença, no segundo caso, é que o layout se adapta para três ou quatro larguras de tela específicas — e não pixel a pixel, como no primeiro caso.

error: Conteúdo com direitos de autor!