Conheça nove princípios fundamentais do Design Gráfico que ajudam a organizar informações, conduzir o olhar e transformar estética em comunicação.

Vivemos um momento extraordinário para quem trabalha com comunicação. Nunca tivemos tantas ferramentas disponíveis para criar imagens, desenvolver apresentações, diagramar páginas, editar fotografias, produzir vídeos ou experimentar diferentes caminhos visuais. Templates prontos, bancos de imagens, softwares cada vez mais intuitivos e, mais recentemente, a Inteligência Artificial tornaram possível produzir em poucos minutos aquilo que, não muito tempo atrás, poderia exigir horas ou até dias de trabalho.
Isso é uma evolução fantástica e não há qualquer sentido em lutar contra ela. Ao contrário: novas ferramentas ampliam possibilidades, democratizam recursos e permitem que ideias sejam experimentadas e materializadas com uma velocidade impressionante.
Mas existe uma consequência interessante nesse processo. À medida que ficou mais fácil produzir algo visualmente bonito, também ficou mais fácil acreditar que produzir algo bonito significa necessariamente fazer um bom design. E não é exatamente assim.
Quando olhamos para uma peça de comunicação bem resolvida, normalmente percebemos primeiro o resultado: uma fotografia interessante, uma boa combinação de cores, uma tipografia agradável, uma composição equilibrada. O que dificilmente percebemos é a quantidade de decisões que existe por trás daquela aparente simplicidade.
Por que o título está naquele lugar? Por que possui aquele tamanho? Por que determinadas informações estão próximas e outras separadas? Por que nossos olhos encontram uma imagem antes de encontrar o texto? Por que uma área da página ficou propositalmente vazia? Por que determinadas cores aparecem com maior intensidade? Por que alguns elementos se repetem?…

Nada disso deveria acontecer por acaso.

O Design Gráfico possui princípios que ajudam a organizar visualmente a informação e, principalmente, a facilitar a maneira como ela será percebida e compreendida. Alguns deles vêm sendo estudados e utilizados há muito tempo e continuam presentes, mesmo que de maneira quase invisível, em praticamente tudo aquilo que consumimos visualmente: livros, revistas, embalagens, anúncios, sites, aplicativos, apresentações, sinalização, identidades visuais e, naturalmente, redes sociais.
Conhecer esses fundamentos não significa criar uma fórmula para o bom design. Criatividade jamais deveria ser reduzida a uma receita. Significa compreender alguns mecanismos da percepção visual para, então, utilizá-los conscientemente — ou até quebrá-los quando houver uma boa razão para isso.
Entre muitos conceitos existentes, nove princípios ajudam bastante a compreender essa construção.

Alinhamento: organização que quase ninguém percebe

O alinhamento talvez seja um dos princípios mais simples do design e, justamente por isso, um dos mais fáceis de subestimar. Quando textos, imagens, títulos, números ou outros elementos estabelecem eixos visuais entre si, nosso cérebro percebe uma organização, mesmo que não consigamos explicar conscientemente por quê.
Imagine uma página com um título, três blocos de texto, uma fotografia e uma assinatura. Se cada elemento começar em um ponto diferente sem que exista uma intenção por trás disso, provavelmente teremos uma sensação de desorganização. Quando estabelecemos relações de alinhamento, criamos uma estrutura invisível que conecta esses elementos e facilita a compreensão do conjunto.
Isso não significa que tudo precise estar alinhado à esquerda ou rigorosamente encaixado em uma grade. Um elemento pode romper propositalmente essa estrutura para ganhar destaque. Mas, para romper uma organização visual de maneira eficiente, primeiro precisamos compreender qual organização estamos rompendo.
É uma diferença importante: uma coisa é o elemento estar em determinado lugar porque decidimos colocá-lo ali; outra é estar ali simplesmente porque coube.

Proximidade: nosso cérebro cria relações antes mesmo de começarmos a ler

Quando dois ou mais elementos aparecem próximos, nossa percepção tende a interpretá-los como pertencentes ao mesmo grupo. Quando estão afastados, entendemos que provavelmente possuem funções ou significados diferentes.
É um princípio extremamente simples, mas fundamental para organizar informação.
Pense em uma tabela de preços, por exemplo. Não precisamos desenhar uma linha ligando cada produto ao seu respectivo valor se a proximidade entre os elementos já deixa essa relação evidente. Da mesma forma, em um formulário, entendemos que determinado campo pertence a determinada pergunta porque ambos estão visualmente próximos.
A proximidade ajuda a reduzir esforço. E isso é essencial.
Um bom design não deveria exigir que o leitor investigasse uma página para descobrir quais informações pertencem umas às outras. A própria composição deve ajudá-lo a estabelecer essas relações.
Talvez essa seja uma boa definição para uma parte importante do trabalho do designer: organizar antes que o público precise organizar.

Hierarquia: nem todas as informações possuem a mesma importância

Imagine abrir uma página em que título, subtítulo, texto, preço, telefone, endereço e logomarca possuam exatamente o mesmo tamanho, peso e intensidade visual. Toda a informação estará presente, mas provavelmente será difícil saber por onde começar.
É para isso que existe a hierarquia visual.
Quando aumentamos um título, diminuímos uma informação secundária, destacamos determinada palavra, posicionamos uma fotografia em evidência ou utilizamos diferentes pesos tipográficos, estamos estabelecendo níveis de importância.
Estamos dizendo silenciosamente ao leitor: comece aqui, depois veja isto e, se quiser continuar, esta informação vem em seguida.
Essa questão tornou-se ainda mais relevante no ambiente digital. Em uma rede social, por exemplo, dificilmente alguém começa observando uma peça com a intenção de analisar cuidadosamente tudo o que colocamos nela. Estamos disputando alguns segundos de atenção em uma tela pequena e cercada por outros estímulos.
Por isso, quando tudo recebe destaque, paradoxalmente nada se destaca.
Hierarquia significa escolher. E escolher significa também aceitar que determinadas informações precisam falar mais baixo para que outra possa ser ouvida.

Contraste: perceber depende de diferenciar

Quando pensamos em contraste, é comum imaginarmos imediatamente preto contra branco ou duas cores muito diferentes. Mas o contraste vai muito além da cor.
Existe contraste de tamanho, peso, forma, textura, direção, densidade e espaço. Uma palavra enorme ao lado de uma pequena possui contraste. Uma fotografia cheia de detalhes cercada por uma grande área vazia também. Uma fonte pesada combinada a outra mais delicada cria outra forma de contraste.
Sua função é estabelecer diferenças perceptíveis entre elementos.
Essas diferenças podem melhorar a legibilidade, reforçar a hierarquia e criar pontos de interesse. Mas contraste não significa simplesmente aumentar tudo aquilo que consideramos importante.
Se destacarmos cinco informações simultaneamente utilizando cinco recursos diferentes, provavelmente criaremos apenas competição visual.
O contraste funciona quando sabemos o que precisa ser diferente e por quê.

Ênfase: alguma coisa precisa chegar primeiro

Contraste e ênfase estão intimamente relacionados, mas não são exatamente a mesma coisa. O contraste cria diferenças; a ênfase utiliza essas diferenças e outros recursos para estabelecer um foco.
Toda peça deveria conseguir responder a uma pergunta aparentemente simples: se uma pessoa olhar para esta comunicação durante apenas alguns segundos, qual é a principal coisa que queremos que ela perceba?
Pode ser uma imagem, uma palavra, um produto, um benefício, uma oferta ou simplesmente uma ideia. Essa decisão orienta boa parte da composição.
É comum querermos destacar tudo porque, para quem está envolvido no projeto, todas as informações parecem importantes. O problema é que o público não conhece o briefing, não participou das reuniões e provavelmente não está disposto a dedicar vários minutos tentando compreender o que queremos dizer.
Cabe ao design fazer essa seleção antes.
Ênfase é decidir aquilo que não pode passar despercebido.

Equilíbrio: uma página também possui peso

Elementos gráficos não possuem peso físico, mas possuem peso visual. Uma grande área escura pode parecer mais pesada do que uma área clara. Uma fotografia pode dominar uma composição. Um título muito grande pode equilibrar uma imagem posicionada no lado oposto. Até uma pequena forma com contraste intenso pode exercer enorme força visual.
Equilíbrio é a maneira como distribuímos essas forças dentro de uma composição e não significa necessariamente simetria.
Uma página pode ser completamente assimétrica e ainda assim transmitir estabilidade. Na verdade, algumas das composições mais interessantes surgem justamente dessa tensão entre elementos diferentes que conseguem encontrar uma relação visual harmoniosa.
É como uma balança que não trabalha apenas com tamanho, mas com cor, contraste, posição, forma e espaço.
Quando essa distribuição funciona, sentimos que a composição está resolvida. Quando não funciona, frequentemente temos a impressão de que alguma coisa está “pesando” demais em determinado ponto, mesmo sem conseguir explicar exatamente o motivo.

Gestalt: o cérebro não enxerga apenas aquilo que desenhamos

Talvez este seja um dos aspectos mais fascinantes do design. Nosso cérebro não recebe passivamente cada elemento visual para depois montar racionalmente uma imagem. Ele procura padrões, cria relações, completa formas, separa figura e fundo e agrupa elementos automaticamente.
Os estudos da Gestalt ajudaram a compreender vários desses fenômenos de percepção. Conceitos como proximidade, semelhança, continuidade, fechamento e figura-fundo explicam por que conseguimos perceber formas e relações mesmo quando elas não estão completamente desenhadas.
Um círculo interrompido pode continuar sendo percebido como círculo. Elementos semelhantes podem ser interpretados como pertencentes ao mesmo conjunto. Uma sequência visual pode fazer nosso olhar continuar por um caminho que sequer foi desenhado integralmente.
Isso significa que uma parte do layout não acontece propriamente na página. Acontece na mente de quem está olhando para ela.
E compreender isso abre possibilidades extraordinárias para a comunicação visual, porque permite trabalhar não apenas com aquilo que mostramos, mas também com aquilo que sugerimos.

Movimento: mesmo uma página parada pode conduzir o olhar

Uma fotografia não se move. Um anúncio impresso também não. Mesmo assim, nosso olhar se movimenta dentro deles.
Uma linha diagonal pode conduzir nossa atenção. A direção do olhar de uma pessoa fotografada pode nos levar até determinado ponto. Uma sequência de formas pode criar um percurso. Alterações de tamanho e posição podem estabelecer ritmo e direção. É o princípio do movimento.
Quando pensamos uma composição, não estamos apenas decidindo onde cada elemento ficará. Estamos também, conscientemente ou não, construindo um caminho para o olhar.
Em uma boa comunicação, esse percurso ajuda a contar a história. Podemos levar alguém de uma imagem para uma chamada, da chamada para uma explicação e, finalmente, para uma ação ou assinatura.
Existe, portanto, uma espécie de coreografia silenciosa acontecendo dentro de uma página. O público talvez nunca perceba conscientemente esse caminho, mas seus olhos percorrem esse caminho mesmo assim.

Repetição: reconhecer também é aprender a ver

Cores, formas, tipografias, padrões, estilos fotográficos e outros elementos repetidos criam unidade. Quando essa repetição acontece de maneira consistente ao longo do tempo, surge algo ainda mais importante: reconhecimento.
É um princípio fundamental na construção das marcas. Quando uma identidade visual é suficientemente consistente, podemos começar a reconhecê-la antes mesmo de encontrar sua logomarca. Determinadas combinações de cores, enquadramentos, formas ou escolhas tipográficas passam a funcionar como uma espécie de vocabulário visual.
Mas repetição não significa copiar eternamente o mesmo layout. Existe uma diferença importante entre consistência e monotonia.
Uma boa linguagem visual estabelece elementos reconhecíveis e, ao mesmo tempo, oferece liberdade suficiente para que a comunicação evolua. Assim como uma pessoa pode dizer milhares de frases diferentes utilizando a mesma voz, uma marca pode produzir inúmeras peças diferentes preservando sua personalidade.

Os princípios não existem para aprisionar a criatividade

Depois de conhecer esses fundamentos, alguém poderia imaginar que o trabalho do designer consiste simplesmente em seguir uma série de regras, mas seria exatamente o contrário.
Os princípios existem para ampliar nossa capacidade de decisão.
Um músico precisa conhecer ritmo, harmonia e melodia para poder experimentar com eles. Um arquiteto precisa compreender estrutura antes de desafiar determinadas formas. Da mesma maneira, o designer pode romper alinhamentos, provocar desequilíbrios, inverter hierarquias ou criar tensões visuais.
Mas existe uma diferença enorme entre fazer isso intencionalmente e chegar ao mesmo resultado por desconhecimento.

Conhecer as regras permite escolher quando respeitá-las e quando quebrá-las.

Essa talvez seja uma das razões pelas quais ferramentas automáticas, templates e Inteligência Artificial precisam ser entendidos como aquilo que realmente são: ferramentas extraordinárias de execução e experimentação, mas não substitutos automáticos do conhecimento.
Hoje podemos gerar uma imagem impressionante em segundos. Podemos experimentar dezenas de alternativas para uma peça. Podemos pedir sugestões de composição, trocar fundos, criar personagens, escrever textos e produzir variações quase instantaneamente. Tudo isso é fantástico.
Mas alguém ainda precisa olhar para o resultado e perguntar: existe hierarquia? A informação principal está clara? O contraste funciona? Os elementos estão relacionados corretamente? O olhar está sendo conduzido? Existe equilíbrio?
A linguagem pertence àquela marca? A comunicação funciona no meio em que será utilizada?
A tecnologia pode ampliar enormemente nossas possibilidades criativas. Conhecimento é aquilo que nos permite decidir o que fazer com todas essas possibilidades.

Bonito é importante. Entender é fundamental.

Design possui estética e não vejo razão para negar isso. Beleza pode chamar atenção, despertar desejo, transmitir qualidade, emocionar e criar experiências memoráveis. Uma boa comunicação visual deveria buscar tudo isso sempre que fizer sentido. Mas estética sem organização pode virar apenas decoração.
Os nove princípios que vimos aqui ajudam a demonstrar que existe uma estrutura por trás daquilo que enxergamos. Alinhamento organiza. Proximidade relaciona. Hierarquia estabelece prioridades. Contraste diferencia. Ênfase direciona. Equilíbrio distribui forças. Gestalt trabalha com nossa percepção. Movimento conduz o olhar. Repetição cria unidade e reconhecimento.
Nenhum deles existe simplesmente para deixar uma página mais bonita.
Eles existem para ajudá-la a comunicar melhor e talvez essa seja a diferença fundamental entre preencher um espaço e realmente projetá-lo.
Porque uma página não começa quando colocamos nela uma fotografia, um texto e uma logomarca. Antes disso existe uma estrutura, uma lógica e uma série de decisões que determinarão como aquelas informações serão percebidas. E esse será justamente o assunto da próxima matéria desta série.
Porque, se os princípios do design ajudam a organizar a comunicação, ainda existe uma arquitetura praticamente invisível por trás de um bom layout: proporções, grids, tipografia, espaços, relações matemáticas e caminhos de leitura que vêm sendo estudados e aperfeiçoados há séculos.
Nada está ali por acaso. Ou, pelo menos, não deveria estar.

Por Sandro Palumbo