Até aqui, nós dominamos o Contraste (para destacar) e a Repetição (para padronizar). O terceiro passo da nossa sigla C.R.A.P. é o Alinhamento. É ele que dita onde cada peça do quebra-cabeça deve ser colocada dentro da página em branco.
O princípio do alinhamento diz algo muito simples, mas poderoso: nada deve ser colocado em uma página de forma arbitrária. Cada elemento deve ter uma conexão visual com outro elemento na página. Quando você joga informações na tela sem seguir uma linha invisível que as conecte, o seu layout passa uma sensação de caos, amadorismo e bagunça. O alinhamento resolve isso trazendo ordem e sofisticação imediata ao seu trabalho.
A Regra da Borda Forte
Para criar um bom alinhamento no design gráfico, você precisa imaginar que existe uma linha reta e firme segurando os seus elementos, como se eles estivessem encostados em uma parede. Dependendo de onde você coloca essa “parede”, o seu projeto transmite emoções e níveis de facilidade de leitura muito diferentes.
Alinhamento à Esquerda: O Padrão Mais Seguro
No mundo ocidental, nós somos treinados desde a infância para ler da esquerda para a direita. Por isso, o texto alinhado à esquerda é o mais confortável e rápido para o nosso cérebro processar. Ele cria uma borda firme e invisível no lado esquerdo da página, permitindo que o olho saiba exatamente para onde voltar quando termina de ler uma linha. É a escolha perfeita para blocos longos de texto, como em livros, blogs e descrições de produtos.
Alinhamento Centralizado: O Foco e a Formalidade
O texto centralizado transmite uma sensação mais formal e clássica, sendo muito utilizado em convites de casamento, certificados ou em citações de destaque. No entanto, ele deve ser evitado em textos longos. Como cada linha começa em um ponto diferente, o olho do leitor precisa “procurar” o início da próxima frase, o que torna a leitura visual muito cansativa após alguns parágrafos. Use o centro apenas para informações curtas e diretas.
Alinhamento à Direita e Justificado: Usos Específicos
O alinhamento à direita cria uma borda forte do lado direito e deixa o lado esquerdo irregular. Ele é excelente para criar um design arrojado e chamar a atenção, sendo muito usado em legendas de fotos ou no canto de cartões de visita. Já o texto justificado (aquele que se estica para tocar nas duas bordas, formando um bloco quadrado perfeito) é comum em jornais e revistas, mas exige muito cuidado. Se não for bem ajustado, ele cria os temidos “rios de branco” (buracos de espaço vazio no meio do texto), que arruínam a leitura.
O Uso das Grades (Grids) para Guiar o Olhar
No design profissional, não confiamos apenas no “olho” para alinhar as coisas. Nós usamos uma ferramenta estrutural chamada Grid (ou grade de alinhamento). Pense no grid como as linhas de um caderno de caligrafia ou o esqueleto invisível do seu projeto.
Quando você trabalha com um grid, você divide a sua página em colunas e linhas virtuais. A partir daí, todas as fotos, títulos e botões são encaixados respeitando essas linhas de limite. É por isso que um site bem desenhado parece tão limpo e agradável de navegar: o grid garante que o começo de uma imagem esteja milimetricamente alinhado com o começo do texto abaixo dela, criando uma composição visual harmoniosa e matematicamente perfeita.