Uma vez definido o reticulado que vamos usar em nossa composição, deveremos situar na mesma os elementos gráficos e textuais.

Neste ponto aparece o conceito de alinhamento, como a colocação de elementos gráficos e textuais segundo uma linha dada, que geralmente será horizontal ou vertical. Geralmente haverá várias linhas guias de alinhamento em uma composição.

Alinhar os elementos é uma operação imprescindível para conseguir uma composição ordenada e lógica, pois com isso se criam unidades visuais definidas e relações entre elementos.

Se o alinhamento é importante na hora de situar elementos gráficos, será ainda mais se se trata de conteúdos textuais. Efetivamente, os textos perfeitamente alinhados são mais fáceis de ler, não cansam a vista e produzem um efeito de equilíbrio que convida à leitura. Ao contrário, um texto sem alinhamento resulta confuso, difícil de ler, desmotivando ao espectador.

Tudo o que está sendo falado se acentua ainda mais se o suporte é uma página web, já que a forma do monitor e da janela do navegador impulsiona o uso de contornos retangulares, que unicamente se conseguem com alinhamentos perfeitos.

Ademais, muitas vezes devemos desenhar as páginas com um importante número de elementos, por isso se a disposição dos mesmos não for perfeitamente regular será muito difícil criar uma composição aceitável.

Os alinhamentos horizontais são imprescindíveis para conseguir um desenho em níveis estáveis, já que as linhas horizontais sugerem equilíbrio. Como podemos ter blocos lógicos de diferente altura, estes alinhamentos se definirão desde as bordas superiores dos blocos.



Quanto às verticais, o alinhamento mais comum é a esquerda, já que é a normal nos livros e demais suportes textuais, estando nossa vista educada para tratar com ela.



Os alinhamentos centralizados são pouco comuns, salvo no caso de tabelas de dados com colunas que admitam bem este tipo de alinhamento, sobretudo se todos os valores da coluna tiverem a mesma largura. Se não for assim, é preferível optar pelo alinhamento à esquerda.



Quanto aos alinhamentos à direita, são pouco freqüentes, já que criam tensões visuais na maioria dos casos. Podem-se usar naqueles blocos cujo conteúdo deva se adaptar a um reticulado que defina uma linha vertical à direita do mesmo, como ocorre em muitos menus de navegação situados à esquerda da página.

Também são úteis nas colunas das tabelas que contiverem dados que devam seguir uma ordenação lógica a direitas, como é o caso de dados de moeda.



Existe outro tipo de alinhamento para textos, o justificado, no qual todas as linhas de texto têm a mesma largura, por isso ficam alinhadas tanto a esquerda quanto a direita, o que se consegue aumentando ou diminuindo o espaçado normal das letras. Este tipo de alinhamento é muito usado nos livros e jornais, porém nas páginas web há que aplicá-lo com precaução, destinando-o somente a blocos textuais de pouco largura (textos distribuídos em várias colunas, por exemplo).



Por último, vale dizer que se os alinhamentos são imprescindíveis, podem originar monotonia visual se forem seguidos ao pé da letra, ao produzir páginas quadradas e artificiais demais. Por isso, é bom introduzir alguns elementos que, sem romper o reticulado e os alinhamentos básicos, introduzam um pouco de variedade visual, de frescor no desenho. Buscar o equilíbrio entre alinhamentos e elementos que as rompam é uma das tarefas principais do web designer.