internet · web design · usability

Responsive Web Design

Com o aumento da variedade de dispositivos com os quais os web-sites são visualizados — PC desktops, laptops, tablets, netbooks, mobiles — seria muito caro desenhar múltiplas versões de um mesmo site que suprissem cada uma dessas variações de tamanho do monitor e cada uma das resoluções de disponíveis.

O Responsive Web Design é uma das soluções para esse problema: programar de forma que os elementos que compõem as páginas HTML se adaptem à largura do monitor do dispositivo.

Um Responsive Design inclui:

• Adaptar o layout da página de acordo com a resolução.
• Redimensionar as imagens automaticamente para que caibam na tela e para que não sobrecarreguem a transferência de dados num mobile, por exemplo.

Também pode...

• Simplificar elementos da tela para dispositivos móveis, onde o user 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 user.
• Utilizar recursos como a geolocalização e mudança na orientação do aparelho (horizontal ou vertical).

Uma variante do Responsive Web Design é o Adaptive Web Design, uma versão 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.

Links

3 fundamentals of responsive design you have to master: http://www.webdesignerdepot.com/2014/10/3-fundamentals-of-responsive-design-you-have-to-master/

…

Topo página

Quer usar este texto em qualquer trabalho jornalístico, universitário ou científico? Escreva um email a Paulo Heitlinger.