5 elementos que lhe ajudarão a construir um bom layout

Neste post separei alguns elementos que você pode utilizar para construir um bom layout no momento certo.

Para que possamos construir um bom layout, inicialmente precisamos saber qual o conteúdo que teremos, qual o formato será entregue, onde esse conteúdo será disponibilizado e por fim para quem ele será feito. Após isso, faremos a harmônica dos elementos em nosso layout para que tenhamos um bom trabalho visual.

Em nosso dia a dia, no entanto, nem sempre é fácil arranjar os elementos para uma no espaço pré-determinado. Para isso, separei alguns elementos que você pode utilizar para construir um bom layout no momento certo.

Mulher trabalhando um layout em um computador

1- Alinhamento

Refere-se à posição dos elementos uns em relação aos outros. O alinhamento traz organização e compreensão do layout como um todo.

Materiais de papelaria alinhados
Behance – One Design de Maurizio Pagnozzi

Podemos destacar diversos tipos de alinhamento que podem auxiliar na criação de uma boa visual, como o alinhamento vertical (que pode ser centralizado, alinhado pela margem superior ou pela inferior) e o alinhamento horizontal (que pode ser alinhado à esquerda, ao centro e à direita). Especificamente quando falamos de texto, todos eles também podem ser justificados.

Em alguns casos você deve tomar cuidado com os textos justificados, pois eles podem formar lacunas em grandes parágrafos que podem ser chamados de “caminhos de rato“, o que prejudica a estética do texto.

2- Hierarquia

É uma técnica visual que auxilia o leitor a navegar de forma correta em um layout, vendo primeiro as informações principais e depois as secundárias e terciárias.

Quadros em uma parede com textos em hierarquia
Behance – Hierarquia da Informação de Mónica Perquilhas

Com este elemento você pode indicar ao leitor quais informações devem ser vistas em primeiro lugar e quais devem ser vistas depois. Mas como fazer isso?

Você pode criar uma boa hierarquia através de pesos visuais, do tamanho das fontes ou imagens, das cores, de formas e do alinhamento visto anteriormente. Basta dar destaque aos elementos principais e diminuir o destaque nos elementos secundários.

3- Contraste

Significa que determinado elemento na é diferente do outro. No layout, o contraste auxilia a dar destaque ou criar ênfase em um elemento importante.

Foto de uma paisagem dando contraste entre o morro e o céu
Behance – Contraste – Naiara Azevedo de Conrado Souza

Há diversas maneiras para você criar contraste em seu layout como, por exemplo, ajustar os tamanhos entre os elementos, alterar suas cores, suas formas, suas relações espaciais etc.

O ideal é que os elementos opostos ou contrastantes como, por exemplo texto e fundo excedam 70%. Isso indicará um bom nível de contraste e garantirá uma boa legibilidade.

4- Espaços em branco

É uma parte muito importante para a composição visual, pois ao olhar um layout, você enxerga os elementos inseridos nele, bem como os espaços em branco existentes. Estes têm a função de dar o que chamamos de “respiro” ao layout.

Produtos Dove em um fundo branco e textos à direita no mesmo fundo branco
Behance – Dove – hair terapy de Edivaldo Silva

Desta forma, você pode separar o conteúdo em diferentes espaços em branco para que o mesmo seja organizado e entendido de forma mais clara e rápida.

Os espaços em branco deixam o layout mais leve e menos carregado e proporcionam uma leitura visual mais confortável, diminuindo o seu ruído.

Isso vale também para os textos. Como mencionado anteriormente, o “caminho de rato” gerado por grandes espaços em branco em textos longos causa um desconforto na leitura, devendo ser evitado.

5- Repetição

A repetição serve para manter a aparência do layout usando o mesmo tipo de fonte e não uma variedade delas, por exemplo. Desta forma, é possível reforçar alguns elementos visando manter a coerência do projeto gráfico.

Textos repetidos em uma visão superior em branco em um fundo preto
Behance – Una nuova Gestalt de Ares Pedroli

A repetição nos ajuda a criar consistência em um layout. No entanto, você não pode apenas repetir por repetir. Você precisa analisar o projeto de forma geral e perceber elementos que ao serem repetidos gerarão uma coerência, ênfase ou consistência visual para ele.

Se o seu projeto tem uma paleta de cores, ou uma família tipográfica, por exemplo, você deve usá-la sempre para manter a consistência e coerência do mesmo, fazendo com que a leitura e a memorização dele sejam facilitadas.

Conclusão

Em resumo, o layout e a composição são fundamentais para se ter um bom design, logo os seus elementos devem ser pensados e planejados para que auxiliem a leitura, a legibilidade, a harmonia e a coerência do projeto. Você deve conhecer e praticar a utilização desses elementos em seus projetos a fim de melhorar a cada dia os seus layouts. Se você tiver alguma dúvida, deixe nos comentários que terei o maior prazer em lhe responder.

Você também pode gostar de ler:

0 0 votes
Deixe sua nota
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments