Qual é a melhor largura absoluta para uma página da Web? [fechadas]

Question

Assumindo um layout fluido não é uma opção (uma vez que é uma discussão diferente todos juntos), qual é a largura recomendada para um layout de site? Quais são os prós e contras de diferentes tamanhos?

Answer 1

Eu sempre mantido com 960px como é visível em 1024x768, e é limpa divisível por 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40 , 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 e 480 ... para que eu possa dividir o projeto do meu site (usando a regra dos terços) de forma limpa.

EDIT depois de alguns anos: Por favor, considere usar CSS mídia consultas para tornar seu conteúdo sensível à miríade de dispositivos lá fora agora, se você não pode usar um layout fluido. Eu não tenho certeza de que se pode reclamar uma largura de pixel para governá-los todos em 2012.

Answer 2

Confira http://browsersize.com para algumas estatísticas rápidas em resoluções de tela os usuários usam hoje em dia. Você pode usar http://setmy.browsersize.com rapidamente redimensionar seu navegador para emular vendo seu Web site em um em particular a resolução de tela. Certifique-se de que seus satisfaz disposição, pelo menos, a resolução da tela mais utilizada (1024 x 768).

Além disso, não necessariamente visam ocupar o espaço máximo horizontal. A largura do texto (número de palavras por linha) idealmente não deve exceder um certo limite para a usabilidade:

No muito comum tela de 1024 × 768 resolução, a maioria dos sites de layout fixo não use todo o espaço disponível para o esquerda e direita do seu conteúdo. layouts flexíveis fazer uma melhor utilização dos espaço horizontal, mas luta para manter utilizáveis ??comprimentos de linha. especialistas em usabilidade nos disseram que há apenas tantas palavras que você deve colocar em uma linha. Entre 8 e 12 palavras parece ser a linha ideal comprimento. Mídia impressa, especialmente jornais, não hesite em usar, mesmo linhas mais curtas. Por quê? Porque eles podem, por dispor o texto através de diversos colunas.

http://www.alistapart.com/articles/css3multicolumn

Answer 3

Se você usar uma largura fixa que é mais largo do que a menor tela provável para visitar seu site, você vai irritar e usuários frustrar que têm de lado de rolagem para chegar ao resto do seu conteúdo.

Answer 4

Eu também uso um layout entre 950 e 980px e sempre centrado menos que o cliente exige o contrário:)

Answer 5

1. Por favor, tenha em mente que Resolução de monitor , muitas vezes citado em estatísticas não é necessariamente a mesma coisa que largura interna da janela do navegador . Os usuários podem ter / barras de ferramentas, a janela do navegador uso não-maximizada adicional barras laterais. Quanto maior a tela, a menos provável que você quer usar tudo isso apenas para uma página.

2. Muito longas linhas de texto são mais difíceis de ler. O ideal é 25-30em (depende de muitos fatores, mas você não deve simplesmente ir para o máximo).

3. navegadores móveis têm resolução de tela "virtual" que eles usam para zoom e é ~ 960 no Opera Mini / Mobile e Mobile Safari.

Answer 6

Eu voto para dividir o movimento aqui. Só porque os tamanhos de tela são X não significa que X ou qualquer coisa que está próximo a ele é o melhor projeto para o seu site.

Seu objetivo website tem muito a ver com a largura que você escolher.

Muitos especialistas em marketing pensar que uma coluna mais estreitas "convertidos" mais visitas em vendas. Talvez porque é mais fácil a atenção das pessoas diretos se a página é estreita.

Por outro lado, um site dedicado a imagens devem mostrar ao melhor resolução disponível para cada navegador visitar.

Answer 7

Ao mesmo tempo que era 800px; no entanto, mais e mais sites estão começando a usar 1000px. Isto é motivado pelo fato de que, na maioria das vezes, as baixas resoluções finais dos visitantes estão em 1024x768. O adicional de 24 pixels deixa espaço para o navegador Chrome, preenchimento e margens você pode querer manipular, etc.

Apenas para dar alguma perspectiva, mesmo a nova onda de netbooks com sua pequena tela tem resolução de 1024x768.

Mas, acima de tudo, conhecer o seu público como @warren sugere e capitalizar sobre isso.

Answer 8

Você poderia tentar desenvolver vários layouts e usar o Javascript para alternar entre eles, dependendo window.innerWidth do visitante

Dito isso, eu costumo usar algo entre 950px e 980px.

Answer 9

A largura máxima site para compatibilidade com o melhor desempenho e transversais monitores é 960 quando ela está relacionada com desktops e laptops.

Para obter mais detalhes sobre como e por que consulte o seguinte artigo:

Tamanho da tela e resolução

Answer 10

De acordo com a estas estatísticas , um mínimo de 1024 pixels de largura irá abranger a maioria dos usuários .