O que saber
- O alinhamento cria organização dos elementos da página, dá ordem e equilíbrio e torna as páginas mais legíveis.
- Existem cinco tipos de alinhamento: horizontal, vertical, borda, centro e visual / óptico.
- Você pode usar o alinhamento no software, permitindo diretrizes e grades para um posicionamento preciso.
Este artigo explica como usar o alinhamento em layouts de página para um design melhor. As informações adicionais abrangem os tipos de alinhamento e suas funções.
Benefícios do alinhamento no design da página
O alinhamento de elementos em uma página impressa ou página da web serve para:
- Crie ordem e transmita harmonia
- Organizar os elementos da página
- Itens de grupo
- Crie conexões visuais
O bom alinhamento é invisível. A maioria dos leitores não notará conscientemente que tudo está perfeitamente alinhado. No entanto, a maioria dos visualizadores perceberá quando os elementos estão desalinhados.
Tipos de alinhamento para layouts de página
- Alinhamento horizontal: No alinhamento horizontal, as margens esquerda e direita são exatamente ou visualmente iguais. O alinhamento horizontal pode ser ao longo da página ou em colunas. Isso não significa necessariamente alinhamento central. Um bloco de texto alinhado à esquerda / irregular à direita pode ser alinhado horizontalmente. Mesmo que as linhas individuais de texto não estejam perfeitamente alinhadas em cada lado, a atenção cuidadosa com a quantidade de espaço em branco no final da linha pode resultar em uma quantidade de margem visualmente equilibrada em cada lado do bloco de texto.
- Alinhamento vertical: No alinhamento vertical, as margens superior e inferior são exatamente ou visualmente iguais. O alinhamento vertical pode ser a página inteira ou em partes da página.
- Alinhamento de borda: O alinhamento da borda alinha o texto ou objetos ao longo de suas bordas superior, inferior, esquerda ou direita. O alinhamento ao longo da borda esquerda (chamado de direita irregular) é freqüentemente visto com textos em jornais e páginas da web porque nossos olhos estão acostumados a ver e ler o texto dessa maneira.
- Alinhamento central: O alinhamento central pode ser horizontal ou vertical ou ambos.
- Alinhamento visual ou óptico: O alinhamento visual ou óptico corrige alguns dos problemas que podem ocorrer com outros tipos de alinhamento devido às formas variáveis de letras e gráficos. No alinhamento visual, os objetos podem não estar precisamente alinhados, mas para o olho, eles aparecem alinhados.
Usando Alinhamento
A falta de alinhamento cria uma aparência desleixada e desorganizada na página ou na tela. Misturar muitos alinhamentos pode ter um efeito semelhante. Não há problema em quebrar o alinhamento quando serve a um propósito específico, como criar tensão intencionalmente ou chamar a atenção para um elemento específico na página. Para arranjos simples, os itens podem ser alinhados usando as opções de alinhamento automático em seu software. Para layouts mais complicados, o uso de guias e grades auxilia na colocação precisa dos elementos.
