Posts by: tendenci

O que é Responsive Web Design?

By on

Smartphones e tablets têm mudado a direção da abordagem do design e experiência do utilizador. Antes da proliferação de dispositivos móveis com capacidade de navegação na web avançada, web designers tinham apenas um principal desafio – manter a mesma aparência dos seus sites em vários navegadores existentes em computadores desktop.

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

O 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á a ser visualizado.

Content-is-like-water-1980

O Responsive Web Design inclui:

  • Adaptar o layout da página de acordo com a resolução em que está a ser visualizada.
  • Redimensionar as imagens automaticamente para que caibam na tela e para que não sobrecarreguem a transferência de dados num smartphone, 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 rato é 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).

Solicite já um orçamento gratuito.