Contente
- 01. Use uma grade
- 02. Escolha um único ponto focal
- 03. Use a regra dos terços
- 04. Use o espaço em branco
- 05. Repita os elementos do design
- 06. Use hierarquia
- 07. Use escala, contraste e harmonia
O objetivo principal de qualquer layout de página que você projete, seja para um folheto impresso ou o aplicativo da web mais recente, é comunicar informações de maneira clara e eficaz ao leitor. Uma das melhores maneiras de garantir que as mensagens principais sejam entregues ao leitor é criar um layout de página equilibrado.
O design do layout da página normalmente envolve muitos posicionamentos, reorganizações e formatação de elementos. Muitos designers abordam este processo organicamente, tateando o caminho para um resultado final agradável. Embora isso possa levar a alguns acidentes felizes excelentes, existe o risco de que o uso de uma metodologia de formato livre possa resultar em uma falta de equilíbrio visual na página.
Uma boa composição de página deve ser agradável aos olhos e também comunicar essas mensagens-chave claramente ao público-alvo. Reunimos algumas dicas importantes para ajudá-lo a garantir que seus designs de layout de página tenham equilíbrio (um bom construtor de sites também ajudará). Essas abordagens funcionarão bem para fornecer uma estrutura de equilíbrio, independentemente do meio com o qual você está trabalhando.
Para obter mais conselhos específicos para a web, consulte nosso guia para criar layouts de sites perfeitos.
01. Use uma grade
Uma das maneiras mais fáceis de garantir que sua página tenha um certo grau de equilíbrio é usar um sistema de grade. As grades costumavam ser a única preservação da página impressa, mas muito trabalho foi concluído online nos últimos anos para ajudar a migrar o conceito da grade para o meio digital.
Ao usar uma grade para informar a posição de diferentes elementos em uma página, você criará uma conexão entre os diferentes elementos que compõem sua página. Isso pode ajudar a fornecer um senso de ordem ao seu layout, fornecendo ao leitor uma referência estrutural clara para recorrer e aumentando o sucesso da sua página.
Isso é importante porque quando todos os elementos da sua página têm uma sensação de conectividade uns com os outros, o efeito geral é mais confortável para o leitor, ajudando a deixá-lo à vontade e facilitando seu acesso às coisas importantes: o conteúdo.
02. Escolha um único ponto focal
Uma das maneiras mais eficazes de fornecer um senso de equilíbrio é escolher um único ponto focal para o design do layout. Um bom exemplo disso na prática é o uso de uma imagem grande como o maior elemento individual de uma página.
Um visual forte pode fornecer uma maneira poderosa de conduzir o leitor à sua página (assim como a análise especializada do serviço de hospedagem na web ideal) e também fornece um elemento estrutural útil em torno do qual organizar o conteúdo restante em seu layout. Se você tiver vários elementos visuais, use o princípio de proximidade da Teoria da Gestalt para agrupá-los, alinhando-os da mesma maneira.
Também vale a pena ter em mente que você pode usar um título ou uma citação da mesma maneira; um bom título de exibição pode oferecer tanto interesse visual quanto uma imagem, enquanto continua a fornecer a estrutura que o ajudará a garantir um layout equilibrado.
03. Use a regra dos terços
Uma das melhores maneiras de fornecer um senso de equilíbrio é usar a Regra dos Terços ou Razão Áurea favorita do designer. Simplificando, a regra dos terços diz que se você dividir sua página em terços tanto vertical quanto horizontalmente, os pontos nos quais as linhas de grade se cruzam fornecem os pontos focais naturais de uma composição.
Ao alinhar seus elementos-chave a esses quatro pontos, você obterá uma composição mais agradável do que se, por exemplo, centralizar perfeitamente os elementos em sua página.
Por si só, a regra dos terços não fornecerá magicamente equilíbrio ao seu layout, mas ao estender o princípio, é fácil usar essa tendência em direção a um ponto focal natural para ajudar a informar o equilíbrio do seu layout.
Uma abordagem comum é colocar os elementos mais importantes de sua página no terço superior (ou inferior) da página, com o ponto focal principal alinhado para corresponder a uma das interseções. Você tem muitos recursos para armazenar em seu site? Confira essas opções de armazenamento em nuvem.
04. Use o espaço em branco
É comum que designers novatos usem cada pedaço de espaço em uma página, enchendo o conteúdo até que cada lacuna seja preenchida. Os mais experientes sabem que às vezes a melhor parte do design envolve deixar elementos de fora, em vez de colocá-los dentro.
No meio impresso, a maneira mais comum de usar o espaço em branco é aumentando as margens e medianizes da página. Na web, simplesmente fornecer bastante espaço para respirar em torno dos elementos pode ajudar a tornar o design do seu layout composto e equilibrado.
O uso de espaço negativo funciona melhor quando você tem uma estrutura clara que ancora o conteúdo (como a fornecida por uma grade), pois o risco de espaço em branco pode ser uma sensação de desconexão entre os elementos da página, se introduzido ao acaso.
05. Repita os elementos do design
A repetição também pode fornecer um forte senso de design conectado e equilíbrio a uma composição. A ideia é que, ao identificar e reutilizar um motivo ou tratamento de design em todo o layout, você possa fornecer uma referência para o leitor de modo que áreas díspares pareçam conectadas e parte da mesma composição geral.
Você também pode usar essa técnica para fornecer um ponto focal em seu projeto, enquanto mantém um equilíbrio geral, quebrando intencionalmente o padrão de semelhança introduzido por meio da repetição.
06. Use hierarquia
Uma das principais abordagens para alcançar o nirvana do layout de página é um senso claro de estrutura e hierarquia. Já falamos sobre a estrutura, mas é importante também transmitir a importância relativa de diferentes partes do conteúdo em sua página. Um título, por exemplo, quase sempre deve ser mais importante visualmente do que o conteúdo do corpo do texto.
Observe os diferentes elementos que compõem o design do seu layout e decida qual elemento é o mais importante. Use este elemento para fornecer um gancho estrutural para os elementos restantes na página, mantendo-o o mais importante.
07. Use escala, contraste e harmonia
Por fim, o uso de escala pode ser um método muito eficaz para obter um bom equilíbrio visual em seu layout. Ao tornar alguns elementos maiores do que outros, um senso de ordem e hierarquia surgirá. Isso ajuda a criar um layout confortável porque o visualizador irá automaticamente olhar para os elementos maiores dentro do layout primeiro, progredindo para os elementos menores conforme eles lêem.
Esse princípio também funciona com contraste aumentado, de modo que, ao isolar um elemento na página por meio do contraste, o olho focará primeiro naquele ponto. Isso fornece uma maneira de entrar na página e, novamente, fornece um ponto estrutural útil para desenvolver seu layout.
A escala e o contraste funcionam melhor quando se aplicam a um elemento, destacando-o das outras partes do layout. Use os princípios da harmonia para fazer os outros se sentirem conectados e acentuar o ponto focal.
