Resolução Padrão – Safe Area
Quando abro o photoshop para desenhar meus layouts, um dos primeiros passos que sigo é a definição das dimensões do site/blog/whatever. Durante muito tempo, desenhei meus layouts para resolução 800×600, principalmente devido a grande quantidade de usuários que ainda tinham uma certa limitação de hardware. Hoje com o baixo preço dos equipamentos (não sei até quando) qualquer pessoa tem um monitor razoável que suporte no mínimo uma resolução de 1024×768. Assim, ganhamos mais espaço para a criação e organização. Mesmo assim, dependendo do publico-alvo do projeto, ainda é necessário desenhar para 800×600 e em casos mais raros, para 640 x 480. Bom pra ajudar eu sigo uma tabela muito útil encontrada no livro “Usability for the Web“ (designing web sites that work). Untitled Document
|
Target da Plataforma
|
Browser
|
640 x 480
|
800 x 600
|
1024 x 768
|
| PC | ||||
| Internet Explorer |
43 x 160
|
597 x 320
|
757 x 440
|
981 x 608
|
| Netscape |
46 x 125
|
594 x 395
|
754 x 475
|
978 x 643
|
| MAC | ||||
| Internet Explorer |
53 x 152
|
587 x 328
|
747 x 448
|
971 x 616
|
| Netscape |
44 x 130
|
596 x 350
|
756 x 470
|
980 x 638
|
“Target” ideal para todas as plataformas e browsers:
|
Target da Plataforma
|
640 x 480
|
800 x 600
|
1024 x 768
|
| Todos |
587 x 320
|
747 x 440
|
971 x 608
|





Comentários [+] adicionar um comentário
1 Comentário
LINDO.
valeu pela dica.
Rafael
21.11.08