Como projetar sites dentro da grade 960

Um ângulo útil a partir do qual a esculpir para o desafio de projetar páginas da web que ele inicie com o porquê de páginas da web são 960 pixels de largura. Mas são eles? Não, não todas elas. Mas existem poderosas razões por que web designers estão gravitando em direção a tornar páginas uma largura padrão de 960 px: função e forma.

Primeiro de tudo, um muito, muito ampla gama de janelas de visualização pode exibir uma página 960 px. Como pode tanto um monitor de tamanho completo e um iPhone exibir uma página 960 px? Essa pergunta tem uma resposta em duas partes:

  • Uma página 960 px não vai preencher toda a largura de um monitor de tamanho normal - mas isso é uma coisa boa. Uma página web que preenche toda a largura de um monitor de tela grande seria muito difícil de digerir. Linhas de texto seria muito tempo para ler. O conteúdo da página seria demasiado esticado para os visitantes para absorver como um todo unificado.

  • Os dispositivos móveis têm mais pixels por polegada do que os monitores de tamanho normal. Assim, mesmo Androids, iPhones e outros dispositivos pequenos podem exibir 960 px páginas.

A outra atração de utilização de uma grelha 960 que é # 147-960 # 148- é facilmente divisível. Isso significa que você pode quebrar (dividir) sua página em partes gerenciáveis ​​- Colunas - para ajudar a traçar o seu design. Por exemplo, digamos que você basear um projeto em uma abordagem de três colunas, cada 320 px de largura.

image0.jpg

A figura mostra apenas como projeto: uma grade de 960 dividida em três colunas de largura igual, usando o Adobe Illustrator como uma ferramenta de design. Nesta ilustração, um cabeçalho (em branco) preenche a parte superior da tela, e as três colunas são colocados abaixo do cabeçalho.

Ou, uma grelha 960 podem ser facilmente divididos em oito colunas 120 (px) de largura ou 16 colunas (60 pixels de largura). Esta repartição imobiliário torna mais fácil para um designer (que pode ser você!) Para criar obras de arte de tamanho apropriado para os anúncios, banners e outros conteúdos.

image1.jpg

Na verdade, se as questões técnicas foram o único problema, web designers podem ter página web padronizado tamanhos um pouco maiores do que 960 px, e os recipientes ainda caberia em dispositivos móveis. A maioria das janelas de exibição, incluindo celular, afirmam ser pelo menos 1024 pixels de largura -, mas o valor do uso de 960 reside na capacidade de usar o # 147-divisibilidade # 148- desse número no fluxo de trabalho.

O ponto essencial é que os designers - usando programas como o Adobe Illustrator, Adobe Photoshop, ou até mesmo uma folha de papel milimetrado - pode criar até 16 colunas uniformemente porte (60 px).

E, através da criação de seu projeto em cima disso grade 16 colunas, que, em seguida, virar a obra de arte ao longo de um web designer que traduz a página em HTML e CSS usando um 960 px; recipiente de largura, e várias colunas que correspondem aos do original artwork.

menu