Espaço negativo

A área vazia entre e ao redor dos elementos, que dá respiro, organiza e cria hierarquia.

Hard

O que é

Espaço negativo é a área vazia entre e ao redor dos elementos de um design. Também chamado de espaço em branco, ele não é só sobra, porque funciona como ferramenta ativa que separa, organiza e destaca conteúdo, melhorando a leitura e a experiência.

Pra legibilidade, ele dá descanso pro olho, porque um layout denso, sem espaçamento, força a pessoa a trabalhar mais pra processar tudo. Margem e respiro entre as linhas reduzem esse esforço e melhoram a compreensão.

O espaço negativo também cria hierarquia e relação, porque aumentar a distância entre título e corpo sinaliza onde um termina e o outro começa, e ainda faz o título se destacar. Funciona como um organizador silencioso da informação.

Em uma frase

Antes de reescrever, vamos abrir mais espaço negativo entre os blocos, a leitura respira só com isso.

A pergunta que ele responde

Por que minha tela cansa de ler mesmo com o conteúdo certo, e como o vazio ajuda nisso?

Quando usar

Use em qualquer layout, pra criar respiro, hierarquia e foco entre os elementos.

Como não usar

O cuidado é não encher cada canto por medo de tela vazia, porque o resultado costuma ser uma composição sufocada e cansativa de ler.

Na prática

Pense num time que aperta tudo pra caber mais na tela e percebe que a leitura piorou. Muitas vezes, abrir espaço entre os blocos resolve mais do que reescrever o texto.

Não confunda com

Vale separar espaço negativo de espaço perdido. O vazio intencional é parte do design, porque organiza e dá foco, então não é falta de conteúdo, é decisão de composição. Em outras palavras, o vazio ali está fazendo um trabalho, mesmo parecendo que não.

Design

Em inglês

Negative Space

Pronúncia

n/a

Também chamado de

espaço negativo, white space, espaço em branco

Origem

n/a

Fonte

Saiba mais

Interaction Design Foundation, material sobre white space e o papel do espaço negativo no layout