A composição é mais conhecida nas indústrias de fotografia e arte, mas é igualmente importante no design gráfico. O design deve parecer visualmente atraente para os usuários e servir a um propósito maior, mais do que apenas ser bonito, e a implementação das regras de composição faz exatamente isso.
Para tornar seus designs gráficos mais informativos e funcionais para os usuários e, ao mesmo tempo, manter sua estética, siga estas regras de ouro de composição.
O que é composição e por que é tão importante?
A composição é o resultado considerado das imagens apresentadas. Isso pode se aplicar à fotografia – existem regras de composição semelhantes na fotografia – e também à arte tradicional. Até a apresentação dos alimentos na fotografia de alimentos utiliza a composição para evocar reações específicas.
No design gráfico, trata-se da disposição dos elementos e do conteúdo. Uma visão completa da composição considerará o layout, a cor, a textura e os próprios elementos.
Esses princípios são essenciais no design gráfico, já que o objetivo do design é exibir informações e ao mesmo tempo ser esteticamente agradável. Os designers devem sempre considerar a composição para guiar o olhar do público através do design.
1. Projete para um layout de grade
O layout é um dos aspectos mais importantes da composição do design. Você deve ter ouvido falar da Espiral de Fibonacci e de quantos elementos da natureza a seguem. Usar a espiral de Fibonacci como guia de layout é ótimo para obras de arte tradicionais ou para incluir equilíbrio radial em arte e design, mas espirais não são o único layout ao qual os humanos respondem bem.
O design gráfico – especialmente design de layout, web design e design UX/UI – funciona melhor quando definido em uma grade. O web design para desktop normalmente usa uma grade de 12 colunas, mas essa não é uma regra rígida e rápida. Outros tipos de design funcionam melhor com outros tamanhos de grade.
As grades fornecem consistência aos seus designs. O olho humano gosta de saber o que esperar e onde, especialmente ao ler informações importantes. Seguir uma grade ajuda os usuários a absorver seu design e também significa que cada página é consistente com as expectativas genéricas de posicionamento.
2. Pratique a hierarquia tipográfica
Mesmo que você seja novo no design gráfico, você já deve ter experimentado hierarquia tipográfica durante toda a sua vida. Um jornal é o exemplo perfeito desta regra de composição.
O artigo principal sempre tem o texto maior e mais em negrito. Isto é logo seguido pelo segundo artigo mais importante na primeira página. Dentro deles, você encontrará um texto menor, mas ainda em negrito, abaixo do título para fornecer algumas dicas sobre o artigo. Por último, o tamanho do texto do corpo do artigo é o menor, fornecendo todas as informações extras.
A mesma técnica deve ser aplicada a todas as formas de design. As informações mais importantes – embora muitas vezes as mais breves – devem ser as maiores e mais claras, seguidas de um texto cada vez menor para informações menos importantes, mas relevantes.
Uma coisa a lembrar é ser seletivo com o número de tamanhos e fontes usadas em cada design. Escolha no máximo três fontes e três ou quatro tamanhos dependendo do caso de uso. Geralmente menos é mais quando se trata de design tipográfico.
3. Dê espaço a tudo
Para absorver informações ou design visual, é necessário que haja espaço suficiente. Muitos elementos juntos irão sobrecarregar o seu público, impedindo-o de absorver qualquer parte do seu design ou informação.
Fornecer espaço negativo é uma técnica comum em design gráfico e formas de arte tradicionais; entretanto, não é a única técnica para fornecer espaço apropriado em seus projetos.
Novamente, trabalhar em uma grade o ajudará a espaçar seu design de maneira adequada. Saber que menos é mais também ajuda a priorizar os elementos do design, permitindo colocar apenas o necessário na sua composição.
4. Elementos da camada
Mesmo com bastante espaço em um design, você ainda pode colocar elementos uns sobre os outros. O texto grande em negrito ainda é legível quando cobre partes de uma imagem. O efeito em camadas contribui para o lado artístico do design gráfico, mas não o impede de ser útil e informativo.
Se estiver projetando para UX/UI ou web design, os elementos em camadas podem ajudar no fluxo de interação do usuário. Um título pode ser animado em uma imagem ou desaparecer após ser selecionado para revelar outros elementos, por exemplo.
As camadas ajudam a aderir a uma hierarquia, equilibrando as informações que você precisa que as pessoas vejam com os elementos de design que adicionam decoração ou contexto. Também é comum colocar elementos em camadas em composições fotográficas para guiar a visão do público através de uma foto.
5. Adicione texturas
Assim como adicionar camadas, adicionar textura é uma ótima maneira de melhorar suas composições de design. O design gráfico não precisa parecer plano.
As texturas podem incluir gradientes, transparência, texturas grunge, padrões e até mesmo seu texto pode adicionar textura. Se você estiver projetando no Canva, poderá encontrar ótimos elementos texturizados usando os códigos do Canva.
6. Brinque com a harmonia das cores
A cor é um dos aspectos mais importantes do design. Escolha cores que não funcionem apenas para a sua marca e que se ajustem à proporção WCAG, mas que também fiquem bem em todo o seu design.
Harmonia de cores não significa apenas cores que funcionam juntas naturalmente, mas também inclui cores complementares ou monocromáticas com um toque de cor. Sempre deve haver um motivo para usar uma cor não harmoniosa em seu design gráfico, mas quando bem feita, seu design se destacará.
7. Integre pontos focais
Mesmo que o seu design seja apenas para decoração ou para ser bonito, incluir um ponto focal atrairá as pessoas. Isso é especialmente importante para o design de informação, pois pode ser o elemento que faz as pessoas pararem e lerem sua peça de design, para começar.
Considere onde você deseja ou precisa que seu público passe mais tempo em seu design. Ao usar um sistema de grade, isolamento de cores ou fornecer espaço negativo adequado, você pode enfatizar seu ponto focal para que ele não se perca no ruído.
Se seguir as outras regras de composição, um ponto focal deverá aparecer naturalmente em seu design. A hierarquia tipográfica e as camadas de imagens podem colocar um elemento em primeiro plano como o elemento de design mais importante.
8. Saiba quando quebrar as regras
Como disse Pablo Picasso: “Aprenda as regras como um profissional, para poder quebrá-las como um artista”.
Depois de entender o que torna o design gráfico excelente no sentido tradicional, é hora de começar a experimentar. Crie um pôster perfeitamente composto, seguindo cada regra ao máximo, e depois mude as coisas. Veja como você se sente ao olhar para seu novo design. Experimente mais ou volte ao básico da composição.
O importante é usar seu instinto de design. O design gráfico é mais estruturado do que a arte tradicional, portanto geralmente deve haver uma razão para suas escolhas de design. Contanto que suas decisões de design façam sentido e seu design ainda funcione da maneira desejada, experimentar a composição pode ajudá-lo a criar o melhor design gráfico que você já fez.
Sempre aplique as regras de ouro aos seus designs… ou não
Essas regras não são definidas por nenhum deus do design gráfico, elas são simplesmente acordadas pelos designers após décadas de design bem-sucedido. Siga o conselho de Picasso e aprenda primeiro as regras. Depois de entender a composição do design, você terá experiência para saber se precisa segui-la para todos os aspectos de cada design.