Responsive Design

Responsive Design

Os websites são disponibilizados em cada vez mais plataformas (tablets, telemóveis, desktops com ecrã de pequenas dimensões, iMacs com ecrãs enormes, entre outros), seria um trabalho árduo e constante ter de desenhar inúmeras versões do mesmo site que fossem adequadas a cada um dos dispositivos que suportassem essas variações e resoluções de ecrã disponíveis no mercado.

O Web Design responsivo é 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 em que ele for visualizado.

Características do Responsive Design

  • 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 no ecrã e para não sobrecarregarem a transferência de dados num telemóvel, por exemplo.
  • Simplificar elementos do ecrã para dispositivos móveis, onde o utilizador por norma tem menos tempo e menos atenção durante a navegação.
  • Ocultar elementos desnecessários nos dispositivos mais pequenos.
  • Utilizar de forma inteligente recursos mobile como geolocalização e mudança na orientação do aparelho (horizontal ou vertical).