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
