Alinhamento refere-se à colocação de texto e gráficos para que eles se alinhem em uma página impressa ou layout de página da web. O alinhamento é um dos princípios de design usados para criar páginas atraentes e legíveis. O alinhamento adequado nos projetos os torna visualmente atraentes e mais fáceis de digitalizar ou ler. A maioria dos programas de layout de página inclui um sistema de grade usado para alinhar objetos na página.
O alinhamento pode ser horizontal, vertical ou centrado. Diversos itens podem ser alinhados ao longo de uma borda. A maioria dos elementos em um design deve estar alinhada de alguma forma, quer a página tenha apenas texto com cabeçalhos e subtítulos, seja também imagens, vídeos, links e botões junto com o texto. No entanto, você pode usar o desalinhamento para chamar atenção para um elemento na página, se fizer isso com cuidado.
Nem todo elemento alinhado em um design de página usa o mesmo alinhamento. Você pode optar por alinhar os créditos das fotos à borda direita de uma imagem, a maior parte do texto à esquerda e centralizar todas as manchetes e subtítulos. Quando uma página contém muitos elementos diversos, eles podem ser agrupados e cada grupo contém um alinhamento específico.
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:
- Criar ordem e transmitir harmonia
- Organize os elementos da página
- Itens do grupo
- Crie conexões visuais
Bom alinhamento é invisível. A maioria dos leitores não notará conscientemente que tudo está bem alinhado. No entanto, a maioria dos espectadores notará quando os elementos estiverem 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 estar na página ou nas colunas. Isso não significa necessariamente alinhamento ao centro. Um bloco de texto alinhado à esquerda / à direita pode ser alinhado horizontalmente. Mesmo que linhas individuais de texto não estejam perfeitamente alinhadas em cada lado, uma atenção cuidadosa à 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 de borda alinha texto ou objetos ao longo das bordas superior, inferior, esquerda ou direita. O alinhamento ao longo da borda esquerda (chamado de direito esfarrapado) é freqüentemente visto com texto nos jornais e nas páginas da web, porque nossos olhos estão acostumados a ver e ler o texto dessa maneira.
- Alinhamento do centro:O alinhamento do centro 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 alinhados com precisão, mas, aos olhos, aparecem alinhados.
Usando Alinhamento
A falta de alinhamento cria uma aparência desorganizada 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 ele serve a um propósito específico, como intencionalmente criar tensão 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 diretrizes e grades ajuda na colocação precisa de elementos.