Variações para cada usuário

Tamanho e resolução da página

Exemplo – Alguns especialistas como Jakob Nielsen recomendavam 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 em pixels

Atualizado em 20.3.2007

Os exemplos abaixo mostram um exemplo de site com layout líquido que funciona bem tanto em 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 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

Avellar e Duarte no Twitter Avellar e Duarte no Facebook