O que saber
- Size: Coloque dois elementos semelhantes um ao lado do outro, mas faça um maior que o outro. O maior chama a atenção.
- Value: Use valores claros e escuros da mesma cor. Quanto mais distantes os valores, maior o contraste.
- Cor: Contrastar 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.
Linha de fundo
Contraste é um princípio de design que ocorre quando dois elementos visuais são dramaticamente diferentes. Quanto maior a diferença, maior o contraste. O contraste transmite sua mensagem enfatizando o que é importante e direcionando o olhar do leitor, auxilia 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 para itens maiores primeiro, então amplie os objetos que você deseja enfatizar.
Valor
A relativa claridade ou escuridão de dois elementos pode criar um contraste de valor. Seja com tons de cinza ou matizes e tons de uma única cor, quanto mais distantes os valores, maior o contraste.
Você pode usar mais de um elemento de contraste juntos. Por exemplo, texto branco grande em fundo preto, seguido de texto cinza no mesmo fundo combina valor e tamanho.
Cor
Use cores harmonizantes, complementares e opostas para criar contraste. Ao contrastar as cores, tenha cuidado com o valor. A harmonização de cores (cores adjacentes umas às outras na roda de cores) pode parecer desbotada se não houver diferença suficiente de valor entre elas.
Considere o efeito sobre os espectadores ao determinar pares de cores contrastantes. Por exemplo, vermelho brilhante e azul brilhante contrastam, mas podem causar cansaço visual quando vistos juntos.
Tipo
Use tamanho, valor e cor para criar tratamentos tipográficos contrastantes. Faça algumas palavras se destacarem mais usando uma das seguintes ações:
- Adicione negrito ou itálico.
- Misture letras grandes com letras pequenas.
- Combina serif com tipo sans serif (não serif).
- Defina partes do texto em cores contrastantes ou valores variados.
- Alterar o alinhamento ou espaçamento do tipo.
- Use tipos de letra complementares, mas diferentes.
Usar tipografia estrategicamente em seu design é uma arte em si. Aprenda os princípios da combinação de tipos de letra, 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 imperceptível ou cores muito próximas do valor podem parecer um erro e não uma tentativa de dar ênfase ou interesse.
Use sua imaginação para criar outras maneiras de usar contraste. Por exemplo:
- Para compensar colunas de texto altas e estreitas, inclua fotos largas ou de formato irregular.
- Em uma série de imagens estáticas, adicione uma mostrando movimento.
- Faça um elemento de uma foto em preto e branco se destacar adicionando cores a ele.
O contraste pode ser exagerado. Se tudo contrasta muito com todo o resto, você acaba com elementos concorrentes, que confundem, em vez de ajudar, o leitor. Portanto, tenha cuidado com o uso do contraste.
