Contraste, hierarquia e legibilidade: o básico de design que toda capa precisa ter

Existe um princípio de design que antecede qualquer discussão de estética: antes de ser bonito, um material visual precisa ser legível. E legibilidade, tecnicamente, é uma questão de contraste, ou seja, da diferença de luminosidade entre um elemento e o fundo sobre o qual ele está.

O olho humano não distingue formas primariamente pela tonalidade das cores, mas pela diferença de claridade entre áreas vizinhas. Por isso um texto amarelo sobre fundo branco, mesmo sendo "colorido", é quase ilegível: a diferença de luminosidade entre as duas cores é pequena, ainda que a diferença de matiz pareça grande. Já um texto cinza-escuro sobre fundo cinza-claro, apesar de cromaticamente sem graça, costuma ser mais legível do que muita combinação vibrante mal calculada. Existem inclusive parâmetros objetivos para isso: as diretrizes internacionais de acessibilidade para a web (WCAG) definem uma razão mínima de contraste entre texto e fundo, e há calculadoras gratuitas que medem esse valor.

Hierarquia é o segundo princípio, e resolve outro problema: não "dá para ler?", mas "o que devo ler primeiro?". Toda peça visual com mais de um elemento de texto (um título, um subtítulo, uma chamada) precisa comunicar, só pelo tamanho, peso e posição, uma ordem de leitura, antes mesmo que a pessoa processe o conteúdo. Quando tudo tem o mesmo peso visual, o olho não sabe por onde começar, e a pessoa demora mais para decidir se aquilo merece atenção. Em ambiente digital, essa decisão acontece em frações de segundo.

Um teste simples, usado por designers antes de qualquer ferramenta sofisticada, é transformar a imagem em preto e branco. Se o texto continua legível e a hierarquia continua clara nessa versão dessaturada, o contraste está bem resolvido. Se tudo some ou embaralha, o problema está na estrutura da peça, e trocar as cores por outras igualmente próximas em luminosidade não vai resolvê-lo.