Design responsável para web

Um conceito importante que precisa de atenção nos últimos tempos é o Design Responsável para Web, esse conceito também conhecido como planejamento, tem sido muito usado.

Nos últimos 10 anos o uso de celulares e tablets tem crescido em abundancia, para nos adaptar a essa nova era tecnológicas, precisamos ficar atentos a constantes mudanças de mercado que estão influenciando diretamente no tamanho das telas e nas diferentes plataformas.

Para garantir uma melhor visualização do site existem três principais conceitos que devem ser trabalhados: grid flexível, imagens flexíveis.

Sistema de medidas

O sistema de grid e imagens usado nos sites até hoje precisa mudar, não podemos mais trabalhar em projetos com largura fixa.

Alem disso outro fator a ser usado é a definição das medidas em porcentagem ao invés de ficar usando pixel, fazendo isso o site já terá uma boa flexibilidade.

Faça testes

Não basta fazer um site e usar o sistema de porcentagem como medida, faça testes, diminua o tamanho da janela do seu navegador.

É importante que o conteúdo principal do seu site vá se reposicionando para estar sempre visível, independentemente do tamanho da tela.

A falta de conhecimento é um dos grandes problemas para falta de sites flexíveis nos dias de hoje. A melhor forma de não deixar que isso aconteça é estar sempre pesquisando e conhecendo o que as ferramentas tem para te oferecer.

Conheça as linguagens que for usar a fundo, saiba tudo que o HTML e o CSS possa fazer e faça isso da melhor maneira possível, lembre-se de estar sempre atualizado e usar as novas linguagens com HTML5 e CSS3 sempre que possível mas lembre-se das limitações de cada navegador.

Outra dica importante é: teste sempre seu site no maior numero de plataformas possíveis.

Veja abaixo alguns exemplos de sites flexíveis.