Como Utilizar Efetivamente a Regra dos Terços no Design | Dicas, modelos e estratégias comprovadas

Entenda como a regra dos terços é usada no design para criar designs que são naturalmente agradáveis ​​aos olhos. A regra dos terços fornece uma estrutura que o ajuda na composição de seus projetos.

Designers gráficos, artistas e fotógrafos contam com esse princípio que oferece orientação sobre estrutura, hierarquia e equilíbrio dos elementos de design. Siga a orientação visual da regra dos terços para criar designs dinâmicos que direcionam a atenção do espectador para os elementos-chave.

Explore nossas dicas e modelos editáveis ​​para saber mais e começar sua jornada para criar seus próprios designs intrigantes.

A regra dos terços é um método usado para dividir imagens ou gráficos em nove terços, criando uma grade uniformemente espaçada com três colunas e três linhas. Designers e fotógrafos podem criar ou imaginar essas diretrizes para organizar os elementos em seu design ou para posicionar a visualização da foto que estão prestes a tirar.

A assimetria criada ao compor uma imagem de acordo com a regra dos terços é o que a torna mais atraente. Por exemplo, se o assunto principal da imagem estiver posicionado no meio, parecerá estático, mas se estiver mais perto de uma das bordas, os olhos o seguirão. Isso cria uma sensação de movimento.

No design, a regra dos terços ajuda a organizar os elementos dentro de uma composição de maneira mais harmoniosa, equilibrada e esteticamente agradável. Ao criar duas linhas horizontais e duas verticais em seu design em distâncias iguais, você obtém uma grade de nove caixas idênticas. Isso ajuda a alinhar texto, posicionar fotos e colocar outros elementos de design.

A grade da regra dos terços contém quatro interseções ou pontos ideais no centro. Estes mostram o foco natural do olho humano ao olhar para uma imagem. Designers e fotógrafos usam isso como uma forma de organizar suas fotos e designs de uma maneira naturalmente agradável. Alinhe o foco principal do seu design com pelo menos uma das quatro interseções centrais da grade e os visualizadores verão isso automaticamente primeiro.

Por exemplo, em web design, a regra dos terços pode ajudar a estruturar e transmitir informações de forma mais eficaz para os visitantes do site. Os elementos mais importantes da sua página de destino, como títulos ou uma chamada para ação, devem ser colocados ao longo das quatro interseções para que os usuários identifiquem imediatamente e tomem uma ação.

É importante lembrar que a regra dos terços é uma diretriz que pode ser aplicada à criatividade. Os criativos usam isso como uma imagem mental ao olhar para sua composição, mas ainda aplicam sua visão individual e criatividade em seus projetos.

Crie uma grade de regra de terços para estruturar seu design ao longo de suas linhas. Use as linhas de grade para posicionar os elementos em sua tela e colocá-los em uma ordem que facilite para os espectadores receberem as informações instantaneamente. Certifique-se de colocar o assunto principal de seu design dentro da caixa central de sua grade e os elementos importantes menores perto das quatro interseções da grade.

Outra maneira de usar a regra dos terços é em conjunto com a comprovada estrutura em forma de F em web design. A pesquisa mostrou que os olhos são primeiro atraídos para o canto superior esquerdo dos quatro pontos ideais primeiro, depois se movem para a interseção inferior esquerda e voltam para o ponto superior direito, criando as linhas de um F maiúsculo. Isso significa que seu conteúdo mais importante em uma página da web vai no terço superior e a interseção superior esquerda é o ponto de referência a partir do qual sua estrutura se estende.

Neste modelo de assistente de design para download, alinhamos a chamada à ação na seção central da grade e entre as duas interseções superiores. Isso coloca o texto em uma posição central onde os espectadores olham primeiro e leem instantaneamente a mensagem principal. Esclarece o significado específico da viagem tendo como pano de fundo uma paisagem florestal deslumbrante, que também pode ser associada à natureza ou ao meio ambiente em geral.

Use a hierarquia visual para guiar os visualizadores através de seu design, das informações mais importantes para a próxima. Em vez de todos os elementos de design disputarem a atenção de uma só vez, uma hierarquia bem definida permite que seu público receba informações em uma ordem clara em segundos.

Uma estrutura como a regra dos terços fornece o suporte no qual você pode construir sua hierarquia de design. Use as linhas para orientar suas decisões sobre a priorização de elementos junto com o padrão que os olhos seguem naturalmente. Os espectadores começam na interseção dos terços no canto superior esquerdo, descem para o canto inferior esquerdo, sobem para o canto superior direito e, finalmente, para o canto inferior direito.

Para começar a criar seu design, escolha seu ponto focal. Todos os outros elementos que você adiciona dão suporte ao seu ponto focal. Seu foco não precisa estar no centro da imagem. Experimente e alinhe os elementos em cada lado da tela, deixando o centro em branco ou coloque a maioria dos seus elementos de design de lado e aponte para um layout de estilo de dois terços. Use a regra dos terços das linhas de grade para alinhar elementos e experimentar várias composições.

Em nosso modelo editável do Design Wizard, colocamos a informação mais importante, que é o título do filme, no terço central entre os quatro pontos ideais. As letras grandes e em negrito na moderna fonte sem serifa Advent Pro e o maior espaçamento entre elas chamam a atenção do público imediatamente. A data de lançamento, o elenco e o slogan posicionados na metade superior e inferior criam a hierarquia entre o título do filme e as informações de suporte.

Antes de pensar em equilibrar o seu design, entenda que uma peça bem equilibrada pode ser simétrica ou assimétrica. A simetria é instantaneamente atraente, mas pode se tornar previsível, enquanto a assimetria adiciona um ponto de interesse e cria uma sensação de movimento em uma imagem. Ambos têm seu apelo e podem ser usados ​​para criar um design equilibrado.

Se estiver trabalhando em uma peça simétrica, use a regra da grade dos terços para encontrar o centro preciso do seu objeto principal. Se você deseja um design assimétrico, alcance o equilíbrio com a ajuda da regra dos terços, colocando pontos de interesse próximos a uma das quatro interseções. Coloque mais no lado direito ou esquerdo em vez do meio para criar um design atraente.

A regra dos terços também ajuda a criar um equilíbrio entre imagem e texto. Use a grade para identificar qual parte da sua tela atrai mais foco do que outras. Isso permite que você tome decisões de acordo com a importância da cópia em seu design. Por exemplo, qualquer texto maior e mais importante estará próximo às interseções, enquanto qualquer informação adicional pode ir para um dos terços inferiores.

Em nosso modelo editável do Design Wizard, movemos o horizonte na foto para corresponder à linha superior da grade da regra dos terços. Esta é uma técnica comumente usada em fotografia para mostrar mais do assunto e menos espaço vazio. O foco está na imagem, enquanto os detalhes do contato e a chamada à ação são informações adicionais que são colocadas nos terços inferiores.

O padrão de leitura da esquerda para a direita e de cima para baixo no mundo ocidental condicionou nossos olhos para uma varredura diagonal do canto superior direito ao canto inferior esquerdo. A ideia por trás do nosso design é que os espectadores passem pela página lendo a frase de chamariz no canto inferior direito e movam-se para a esquerda para encontrar as informações de contato, que é o que eles precisam para agir.

No design gráfico, a regra dos terços ajuda os designers a organizar composições mais complexas com vários elementos. Usando as caixas e linhas de grade, você pode colocar objetos e textos de acordo com sua importância. Isso ajuda a criar espaço e evitar um design desordenado ou sobrecarregar visualmente seu público.

Crie mais tensão e energia colocando o texto principal e outros elementos de design ao longo das linhas das quatro interseções. Lembre-se do padrão de leitura ocidental ou da varredura diagonal ao fazer o layout do seu design. Estabeleça um fluxo do canto superior esquerdo para o inferior esquerdo com as informações mais importantes no canto superior esquerdo, seguidas pelo próximo ponto importante no canto inferior direito.

​

Em nosso modelo para download do Design Wizard, colocamos o texto ao longo das linhas próximas às quatro interseções, o que torna mais fácil para o visualizador escanear e ler. O título se destaca em negrito Alfa Slab One e estabelece um contraste com o slogan no Advent Pro mais fino. A grade da regra dos terços ajuda a criar o espaço necessário neste design para transmitir a sensação de liberdade associada a uma festa de formatura.

Se você quiser usar a regra dos terços de forma eficaz em todos os seus designs, use a grade para guiá-lo e organize sua composição em torno das linhas da grade. Desenvolva um olho para este princípio de design sobrepondo seus designs algumas vezes até que você se sinta confortável apenas imaginando.

Acesse designwizard.com. Se você ainda não tem uma conta, clique em Cadastre-se no canto superior direito. Digite seu endereço de e-mail e crie uma senha. Para verificar sua nova conta, clique no link no e-mail de verificação em sua caixa de entrada. Faça login com os detalhes do seu Design Wizard.

---

No painel do Design Wizard, você encontra Seus tamanhos e MAIS TAMANHOS. Escolha o tamanho que você precisa e selecione um modelo ou clique em Tamanho Personalizado para inserir dimensões personalizadas.

Para aplicar a regra dos terços ao seu design, clique no ícone Grade acima da tela. Digite o número 3 em Colunas e Linhas. Clique no controle deslizante para Mostrar grade. Ajuste seu desenho ao longo das linhas da grade e de acordo com a regra dos terços.

Embora a regra dos terços forneça um guia para designs que são naturalmente agradáveis ​​aos olhos, experimente as linhas da cinta e use sua criatividade para dobrar as regras. Para criar designs atraentes, brinque com diferentes posicionamentos. Não tenha medo de arriscar e experimente novas formas de compor os elementos.