O contraste é um dos princípios do design. O contraste ocorre quando dois elementos são diferentes. Quanto maior a diferença, maior o contraste. A chave para trabalhar com contraste é garantir que as diferenças sejam óbvias. Quatro métodos comuns de criação de contraste são usando diferenças em tamanho, valor, cor e tipo.
O contraste acrescenta interesse à página e fornece um meio de enfatizar o que é importante ou direcionar o olhar do leitor. Em uma página sem contraste, o leitor não sabe onde procurar primeiro ou o que é importante. O contraste torna uma página mais interessante para que o leitor esteja mais apto a prestar atenção ao que está na página. O contraste ajuda na legibilidade, destacando-se as manchetes e subtítulos. O contraste mostra o que é importante fazendo com que elementos menores ou mais leves retrocedam na página para permitir que outros elementos ocupem o centro do palco.
No entanto, o contraste pode ser exagerado. Escolha cuidadosamente. Se tudo se contrariar muito com todo o resto, você acaba tendo elementos concorrentes e, mais uma vez, o leitor não saberá onde procurar primeiro.
Tamanho
Elementos grandes e pequenos do mesmo tipo, como imagens grandes e pequenas e tipos grandes e pequenos, são os usos mais óbvios do tamanho para criar contraste. Contrastando espaço em branco ou o tamanho físico da peça com outro elemento do design é outro método.
Valor
A relativa leveza ou escuridão de dois elementos entre si 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.
Cor
Use cores harmonizadas, complementares e opostas para criar contraste. Tenha cuidado com o valor das cores também. Por exemplo, a harmonização de cores (adjacentes uma à outra na roda de cores) pode aparecer desbotada se não houver diferença suficiente nos valores de cada cor.
Tipo
O tipo de contraste pode utilizar tamanho, valor e cor para criar tratamentos tipográficos contrastantes.
- Adicionar negrito ou itálico para criar contraste
- Misture tipo grande com tipo pequeno
- Combine serif com tipo sans serif para criar contraste de tipo
- Definir partes do texto em cores contrastantes ou valores variados
- Alterações no alinhamento de tipos criam contraste, assim como o espaçamento entre tipos, como o kerning extremo para manchetes
Elementos contrastantes óbvios
Outros métodos de criação de contraste incluem o uso de textura, forma, alinhamento, direção e movimento. Lembre-se, a chave é usar uma diferença substancial. Uma mudança de tamanho de fonte que é quase imperceptível e cores que são muito próximas em valor parece mais um erro do que uma tentativa de dar ênfase ou interesse.
Algumas maneiras de usar elementos contrastantes:
- Adicione interesse visual a um layout de colunas finas e altas de texto usando fotos largas ou com formas irregulares
- Uma série de imagens estáticas com uma única imagem mostrando o movimento chamará a atenção para a imagem contrastante
- Alinhar texto à esquerda, mas definir sub-cabeçalhos alinhados à direita em uma coluna adjacente
- Normalmente, um layout pode empregar uma combinação de 2 ou mais elementos contrastantes.
