Archive for September 17th, 2008

Tamanho do seu Layout para um site

Olá galerinha do mal, beleza ? Passando para deixar uma dica para os designers e web designers que não sabem em qual tamanho (largura) projetar o seus respectivos layouts. Vamos pensar o seguinte, a menor resolução, mesmo que pouco usada, para um monitor é de 800×600 certo ? Então vamos fazer um layout de largura 800 px no Photoshop CS3 Crackeado certo ? ERRADO! Este erro é comum e desanima qualquer programador ou quem quer que seja que irá estruturar o site no (X)HTML. Há um ponto muito importante para se pensar para escolher a largura do seu layout: o browser(navegador).
Pois embora a grande maioria dos usuários utilizem o Internet Explorer, temos no mercado alguns outros de grande importancia e que estão crescendo e atingindo um maior número de fãs a cada dia como por exemplo o glorioso FireFox, o Safari e o Opera.

Voltando para a largura do layout, criei uma página com o valor que acho ideal para todos os navegadores:
778 px de width confiram no print que tirei em um LG 17” com resolução propositalmente ajustada para 800×600:

 
No caso aqui, o meu quadrado vermelho div está definido com a largura de 788px. Agora um print com a mesma resolução no Firefox:

Notaram a diferença ? Não ? Nem eu.. rsrs, brincadeira, olhe bem, no IE ele cria a barra de rolagem
vertical mesmo sem necessidade e no Firefox inteligentemente não. Ou seja para ambos o tamanho de 778px de largura não gerou uma horrível  desagradável barra de rolagem HORIZONTAL.

Fica aí a dica. Comentem. Qualquer dúvida é só falar, depois eu vou continuar falando disso mas pensando em como projetar para a resolução mínima de 800×600 e ficar legal em uma resolução maior.

Abçs.

2 comments September 17, 2008

Logotipos de Igrejas

http://churchrelevance.com/resources/top-church-logos/

Add comment September 17, 2008


Calendário

September 2008
M T W T F S S
« Aug   Oct »
1234567
891011121314
15161718192021
22232425262728
2930  

Posts Recentes

Categorias

concurso curiosidade design dicas evento logotipo portfolio reflexões web 2.0 web design

Tags

acessibilidade adg arquitetura da informação bienal brasileira de design gráfico concurso cores CSS curiosidade design design digital dica ecodesign evento festival FILE. evento folksonomia folksonomy fotografia funny futuro games ilustrador informação intercon 08 layout logotipo palestra php pixel show planejamento política portfolio programação publicidade reflexões Tableless taxonomia tecnologia Usabilidade video w3c web 3.0 web design windows XHTML