Como usar o contraste para melhorar seus designs gráficos

O que saber

• Tamanho: coloque dois elementos semelhantes próximos um do outro, mas torne um maior do que o outro. O maior chama a atenção.
• Valor: Use valores claros e escuros da mesma cor. Quanto mais distantes os valores, maior o contraste.
• Cor: O contraste de duas cores chama a atenção para o elemento que se destaca.

Este artigo explica várias maneiras de usar o contraste para melhorar os designs gráficos.

Como usar o contraste para melhorar seus designs gráficos

O contraste é um princípio de design que ocorre quando dois elementos visuais são dramaticamente diferentes. Quanto maior for a diferença, maior será o contraste. O contraste transmite sua mensagem enfatizando o que é importante e direcionando o olhar do leitor, ajuda na legibilidade ao destacar os cabeçalhos das seções e chama a atenção do leitor ao adicionar interesse à página. Você pode criar contraste em tamanho, valor, cor, tipo e outros elementos.

Tamanho

Colocar dois elementos próximos um do outro que são semelhantes em todos os aspectos, exceto o tamanho, é uma maneira de trazer contraste de tamanho. Podem ser imagens grandes e pequenas ou fontes grandes e pequenas, por exemplo. Deixar bastante espaço em branco ao redor de um objeto pequeno é outra maneira de contrastar o tamanho.

A visão dos leitores será atraída primeiro para itens maiores, portanto, amplie os objetos que deseja enfatizar.

Valor

A claridade ou escuridão relativa de dois elementos pode criar um contraste de valor. Seja com tons de cinza ou tons e tons de uma única cor, quanto mais distantes os valores, maior o contraste.

Você pode usar mais de um elemento contrastante juntos. Por exemplo, texto grande e branco em um fundo preto, seguido por texto cinza no mesmo fundo combina valor e tamanho.

Cor

Use cores harmoniosas, complementares e opostas para criar contraste. Ao contrastar cores, tome cuidado com o valor. As cores de harmonização (cores adjacentes umas às outras na roda de cores) podem parecer desbotadas se não houver diferença suficiente de valor entre elas.

Considere o efeito sobre os visualizadores ao determinar os pares de cores contrastantes. Por exemplo, contraste vermelho e azul brilhante, mas pode causar cansaço visual quando vistos juntos.

Modelo

Use tamanho, valor e cor para criar tratamentos tipográficos contrastantes. Faça com que certas palavras se destaquem mais usando uma das seguintes ações:

• Adicione negrito ou itálico.
• Misture o tipo grande com o tipo pequeno.
• Combine serif com tipo sans serif (não serif).
• Defina partes do texto em cores contrastantes ou valores variados.
• Altere o alinhamento ou espaçamento do tipo.
• Use estilos de fontes complementares, mas diferentes.

Usar a tipografia estrategicamente em seu design é uma arte em si. Aprenda os princípios de combinação de fontes, como limitar o número de tipos a dois ou três.

Outros Elementos de Contraste

Outros elementos que criam contraste incluem textura, forma, alinhamento, direção e movimento. A chave é usar uma diferença substancial. Uma alteração no tamanho da fonte que quase não se percebe ou cores com valores muito próximos podem parecer um erro, em vez de uma tentativa de dar ênfase ou interesse.

Use sua imaginação para encontrar maneiras adicionais de usar o contraste. Por exemplo:

• Para deslocar colunas de texto altas e estreitas, inclua fotos largas ou de formato irregular.
• Em uma série de imagens estáticas, adicione uma que mostre o movimento.
• Faça um elemento de uma foto em preto e branco se destacar adicionando cor a ele.

O contraste pode ser exagerado. Se tudo contrasta fortemente com todo o resto, você acaba com elementos concorrentes, que confundem, ao invés de ajudar, o leitor. Portanto, tome cuidado ao colocar o contraste em uso.