Resoluções para a Web

Salve galera, tudo certo? Dando continuidade na série de artigos sobre usabilidade, hoje vou falar das diferentes resoluções para se trabalhar para web.

É muito comum ainda encontrarmos resoluções de 800×600 pixels, prinicipalmente em empresas de médio e pequeno porte onde existem aquelas salas com várias pessoas e seus monitores de 14”. É bem verdade que as máquinas novas já vem com monitores de 15” e com isso a resolução utilizadas neles é a de 1024×768 pixels.

Há quem use monitores de 17 e 19 polegadas ou notebooks com telas de 15,4 polegadas, as chamdas widescreen. Nesse caso as resoluções variam entre 1280×1024, 1112×768 e assim vai dependendo de quanto o vídeo suportar.

Esse assunto gera discussão e dúvida na hora de elaborar um layout de um site, uma tela de um sistema ou uma peça publicitária na web ou até mesmo desktop. Qual será a resolução mais utilizada pelo meu público alvo? Essa é a pergunta que todos os deigners devem fazer quando começam a eboçar seja no fireworks, photoshop, corel e etc.

Um erro muito comum nesse momento crucial, é não descontar os pixels da barra de rolagem vertical do browser e uma medida aproximada da infindade de botões, barras de link, endereços, anti pop-up que ficam na parte superior do navegador. Pois é… Se a pessoa usa uma resolução de 800×600 e você cria um layout precisamente em 800×600, no instante que ela acessar seu site, BANG!!! As malditas barras de rolagem vertical e horizontal irão aparecer.

A única barra de rolagem que não encomoda é aquela que é planejada como no caso dos portais e sites de institucionais. O ideal para casos assim é descontar aroximadamente 20 pixels da barra lateral e 60 a 80 pixels das barras e botões do alto do browser. Com isso seu palco, stage, área de desenho, como queiram chamar, deverá ter não mais que 780×540 pixels.

Assim deve-se pensar para as outras resoluções. O ideal para que o projeto seja visto em todas as resoluções (já não se encontra mais 640×480) é que ele seja visualizado primeiramente, e bem, na resolução 800×600, que a partir daí ele será bem visualizado nas outras mais acima.

Abraços a todos.

Daniel de Paola

danieldpaola@mxstudio.com.br