Grafica  »  Articoli  »  Teoria grafica 

L'importanza dello spazio bianco

di: Mark Boulton     16 Febbraio 2007

Questa è la traduzione dell'articolo Whitespace di Mark Boulton, pubblicato originariamente su A List Apart il 9 gennaio 2007. La traduzione viene qui presentata con il consenso dell'editore (A List Apart Magazine) e dell'autore.

Il mio primo impiego nell'ambito del design è stato in una piccola agenzia di Manchester che operava in diversi settori e su diversi media: packaging, pubblicazioni e materiale pubblicitario, e... cataloghi postali. Ben presto imparai che i principi del graphic design che avrei imparato al college sarebbero stati di ben poca utilità quando realizzavo progetti per il direct mailing, un ambito in cui concetti come 'grande', 'evidente' e 'affollato' sono all'ordine del giorno. Nelle parole di un cliente -parole che non dimenticherò mai- "lo spazio bianco (whitespace) è soltanto uno spazio vuoto".

I clienti che commissionano operazioni di direct mailing tipo cataloghi hanno bisogno di prodotti che tengano conto del mercato di massa, un contesto in cui quei principi funzionano. Ma per tutto il resto, il mio cliente non poteva essere più lontano dalla verità.

Capire il whitespace

"Whitespace", "spazio bianco" o "spazio negativo" è lo spazio tra gli elementi in una composizione grafica. Più in dettaglio, lo spazio tra gli elementi più grandi è definito "macro whitespace". I "micro whitespace" -lo avrete facilmente intuito- sono invece gli spazi tra gli elementi più piccoli: per esempio tra gli item di una lista, tra la didascalia e l'immagine, tra le parole o tra le singole lettere.

Figura 1 - Screenshot: pagina di A List Apart con evidenziati i "macro whitespace"

Pagina di A List Apart

Figura 2 - Screenshot: pagina di A List Apart con evidenziati i "micro whitespace"

Pagina di A List Apart

E allora, a cosa serve il whitespace?

Guide Grafica

3D Studio Max - Guida alla modellazione

Dall'interfaccia alla creazione e modellazione di oggetti...

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti