Espaço em branco (white space)

É a área vazia entre os elementos, usada de propósito pra dar clareza, foco e respiro ao layout.

Hard

O que é

Espaço em branco é a parte do layout deixada vazia de propósito, pra separar elementos, reduzir poluição e dar respiro visual. Por isso não é espaço desperdiçado, e sim decisão de design.

Ele mexe direto na leitura. Um texto com espaçamento, margem e entrelinha generosos é mais fácil de escanear do que um bloco apertado, o que significa menos cansaço de olho e mais compreensão.

Além disso, ele guia a atenção. Cercar a ação principal de espaço a faz saltar sem precisar de mais cor ou peso. E ele ainda carrega tom: muito respiro comunica calma e sofisticação, enquanto o denso comunica urgência. No celular, esse espaço também garante um alvo de toque confortável.

Em uma frase

Essa tela não precisa de menos conteúdo, precisa de mais espaço em branco entre os blocos pra leitura fluir.

A pergunta que ele responde

Por que essa tela parece confusa mesmo com pouca coisa, e como eu dou respiro a ela?

Quando usar

Use em qualquer layout, sempre que precisar criar hierarquia, separar grupos de elementos e destacar a ação principal.

Como não usar

O cuidado é não encher todo vazio achando que espaço é desperdício. Um layout sem respiro afoga justamente a informação mais importante, porque tudo passa a competir por atenção.

Na prática

Pense numa tela que parece confusa mesmo com pouca informação. O ajuste aqui não é tirar conteúdo, e sim abrir mais espaço entre os blocos, pra que cada coisa respire e a leitura flua.

Não confunda com

Vale lembrar que espaço em branco não precisa ser branco. Ele é qualquer área vazia entre os elementos, inclusive sobre um fundo de cor, e é justamente por isso que também se chama espaço negativo. O nome engana, mas a ideia é o vazio proposital, seja qual for a cor.

D

Em inglês

White Space

Pronúncia

uait spêis

Também chamado de

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

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre uso de white space