Principal
Projetos web:
Interface


Variações para cada usuário

Tamanho da página e resolução

Exemplo - Especialistas como Jakob Nielsen recomendam o desenvolvimento de interfaces baseadas no chamado "layout líquido", em que os limites laterais das páginas são definidos em percentuais em vez de pixels

Atualizado em 20.3.2007

As imagens abaixo mostram um exemplo de site com layout líquido que funciona bem tanto em alta resolução de tela (1280 x 800, no alto) quanto em baixa resolução (800 x 600, embaixo).

Neste caso, o projetista se valeu de artifícios engenhosos: no alto, inseriu tarjas que se estendem bem por toda a largura do monitor, o mesmo acontecendo com o horizonte da paisagem onde se encontra a mariposa.

Na área de conteúdo, mais embaixo, na primeira camada de informações apenas a área da direita é extensível; a da esquerda permanece fixa.

E na segunda camada todas as três chamadas de notícias, que contêm textos maiores, são extensíveis. O resultado é bastante harmônico em diversas resoluções de tela.

 

Ilustração do conceito: Memória Chilena, resolução 1280 x 768
Ilustração do conceito: Memória Chilena, resolução 800 x 600

http://www.memoriachilena.cl/mchilena01/index.asp (acesso em 20.3.2007)

Assuntos relacionados
Acessibilidade
Testes : Flexibilidade