Quando você desenvolve alguma arte gráfica ou projeto, inevitavelmente você precisará correlacionar a disposição dos elementos, ou pelo menos dispor de uma forma que o usuário seja guiado, para esse efeito podemos utilizar o alinhamento como conceito de Design.

Segundo o livro Princípios Universais do Design “os elementos de um design devem estar alinhados a um ou mais componentes, para criar unidade de forma a contribuir para a estética geral e percepção de estabilidade do design”.

Alguns exemplos desse alinhamento são: linhas, colunas em diagramas ou tabelas, esses elementos deixam claro a direção de leitura da esquerda para direita de cima para baixo além das posições naturais da mídia.

O alinhamento é aplicado em diversos lugares e de diversas formas, é nessa hora que cabe a criatividade do designer em formatar a melhor estrutura de visualização e leitura para o usuário.

Podemos ir além e fazer uma relação do conceito de alinhamento com outros aspectos do design em relação a sua aplicação em diversas áreas do conhecimento, como em design de interiores, design gráfico, user interface, design de produto, motion graphic, artes e na literatura e em muitas outra profissões que fazem uso de alguma forma do alinhamento.

Agora vamos verificar dois exemplos de alinhamentos mais comuns, assim você poderá abranger ainda mais seu leque de conhecimento e de possibilidades em seus projetos.

Então vejamos, você consegue determinar quais alinhamentos podemos definir na arte abaixo?

Imgem – Login Page Figma Community

Há vários alinhamentos cada um se relacionando com outro elemento, a ilustração do esqueleto está alinhada à esquerda da tela, porém ao centro de seus elementos internos por exemplo. Essa relação é que irá definir como os elementos estarão alinhados dentro da hierarquia visual.

Veja a mesma ilustração abaixo com os alinhamentos destacados:

Imgem – Login Page Figma Community

Observe os itens em azul cada uma delas corresponde a posição ideal definida pelo designer para uma melhor hierarquia visual.

Através deste conceito é que foi possível determinar opções de alinhamento (e suas representações gráficas de interface), em diversos programas de design como photoshop, illustrator e muitos outros.

O conceito de alinhamento ocorre sobre quais aspectos os elementos estarão alinhados, geralmente obedecendo uma hierarquia visual, é isso que vemos em softwares e no dia a dia, sem perceber absorvemos a informação e entendemos quase que de imediato o que ocorre.

Esse conceito é aplicável em arquitetura, engenharia, design de interiores, game design e etc. 

Na imagem abaixo você consegue perceber como os elementos estão distribuídos? Deixe seu comentário e nos diga que tipo de alinhamento estamos vendo.

Photo by AHMED MOUSTAFA

Foto

Photo by Curtis Adams