Informação importante antes de ler o post: Eu sou a favor dos grids. Totalmente a favor, a aliás. E viva o Swiss Style!
Tenho visto diversos projetos de web que seguem o “bom e velho padrão do grid de 960px“. Afinal de contas dá pra ter 6 ou 12 pequenas colunas devidamente espaçadas que, como são divisíveis tanto por 2, como por 3 e 4, permitem uma grande gama de combinações, como 3 colunas de 300px ou 6 de 150, mais os espaçamentos. E tem também uma infinidade de sites que disponibilizam gratuitamente modelos prontos pra você, é só baixar os códigos limpinhos e se divertir a valer com seu grid multi-uso. Todos usam esse padrão e o serviço fica mais rápido, inclusive para dos desenvolvedores. Parece um sonho, né? Pra mim é um pecado e um pesadelo.
As limitações do design na internet
Que tal se todas as revistas do mundo tivessem o mesmo tamanho? E o projeto tipográfico, como seria? Tudo igual também? Pois é, assim vejo o design para internet atualmente. Calma, não estou falando de (hot)sites promocionais, nem dos que vão pro Festival de Cannes. Estou falando de portais ou sites de conteúdo e/ou serviços. Faça um teste: Abra uns dois ou três sites desse tipo, numa página de texto, desça a rolagem até esconder o topo e veja se algum deles tem uma identidade forte, sólida, que possa ser reconhecida. Não, não tem. Pelo menos não na grande maioria das vezes. Isso vale tanto pra nacionais quanto pra sites gringos. E o design aí, como fica?
Tipografia
Sabemos que cada navegador se comporta de um jeito com as fontes que usamos. Mais suavizada aqui, menos acolá. E se falarmos entre sistemas operacionais então, aí que a coisa muda total mesmo. Os PCs utilizam fontes pequenas sem suavizar nada. Pros fãs de Mac, as letras são suavizadas. Não estou falando que um ou outro é melhor. São diferentes e nada podemos fazer a respeito. E quando o usuário dá um CTRL + no browser e tudo aumenta? E quando usamos fontes compradas pra web que essas variações são maiores ainda (e em alguns casos nem funcionam)? Fora que o tamanho dos textos pode varia pacas por serem dinâmicos, como num portal de notícias. E isso vai depender do repórter, porque o designer não terá como ver 3500 páginas por dia pra saber se estão todas ok. Ou seja, NÃO temos pleno controle total da tipografia nos nossos projetos digitais.
Cor
Dezenas (ou cententas?) de tipos diferentes de monitor. LCD, LED e até alguns remanacentes com tubo. De 15, 17, 21, 30 polegadas. Notebooks, netbooks, Macbooks, PCs e MACs. Tudo isso com uma grande quantidade de ajustes em brilho, contraste, matiz e afins. A luz do ambiente onde estão usando o computador. O número de fatores também define: também NÃO temos controle total de como os usuários verão as cores que usamos.
Pausa breve 1: concordo que temos que levar em conta nosso público alvo. Mas as variações são tantas que, se fecharmos muito o leque (e o site precisa de pageviews) a audiência que verá o projeto como se deve será de 10 ou 15% do total.
Enfim, o que quero dizer com isso até agora é que ferramentas do design não podem ser tão exploradas como deveriam ser quando as utilizamos em projetos de web. O grid é uma ferramenta interessante, que sofre nada ou quase nada com essas variações. Ou seja, o designer pode fazer um BAITA grid planejadinho, certinho e tudo a ver com o projeto. Mas não. Vai lá o fulano e pega a desgraça pronta dum grid de 960px e pronto. Vamos para a próxima etapa. Não e não! 
Pausa breve 2: Claro, eu prefiro que se use um grid de 960px do que não se use nada. Pelo menos fica mais fácil de organizar e outra pessoa que for mexer no projeto pode ter menos dificuldade pra entender as regras visuais.
Num grid de 960px e 6 colunas, por exemplo, teremos 150px em cada coluna e um espaçamento de 12px entre elas. Por que 12px? Qual o tamanho da fonte de corpo de texto que será usada? Então como o espaçamento pode estar errado. E certamente estará. E os títulos? Imagens? E a relação grid + tipografia vai pra onde? Será que 12px resolve TODOS os problemas do planeta Terra em grids? E se não tiver wallpaper add nessa página, pra que o espaço entre as margens do navegador e a página? Essas e outras várias questões me fazem ter certeza: usar um grid de 960px faz com que o projeto web já comece sem projeto. “Mas Rogério, esse blog tem 960px! O que me diz disso?” Sim, tem. Essa foi uma medida que cheguei através de cálculos e projeto. Veio do número de palavras que eu queria na parte do post versus o tamanho base de elementos que eu colocaria na coluna da direita. O novo lay que estou fazendo é um pouco mais largo. Nada contra a medida de 960px. Ela pode ser usada. E é disso que estou falando. Usar a medida de grid que for, contanto que tenha sido planejada, não baixada dum site qualquer e levada como verdade absoluta.
Usa? Gosta? Odeia? Concorda? Discorda? Deixa aí nos comentários, então!
