Correzione ottica nel design: perché una ruota perfettamente tangente sembra sbagliata

Due versioni della stessa illustrazione, una sopra l’altra. Stesso tratto nero spesso e costante, stessa finestra con l’interno bruno e due piccoli blocchi colorati sul davanzale, stesse persiane azzurre a moduli, stesso fondo azzurro con i riccioli di una siepe stilizzata, stessa bicicletta vista di lato. A un primo sguardo sembrano identiche. Cambia un dettaglio di pochi pixel: il modo in cui le ruote incontrano la linea di terra. Nella prima versione i cerchi sfiorano la base restando sopra il filo; nella seconda affondano appena dentro, e il punto di contatto si allarga. È una differenza minuscola, ed è esattamente il tipo di differenza su cui ho passato pomeriggi interi davanti allo schermo, ingrandendo al 1600% qualcosa che poi nessuno guarderà mai a più del 100%.

La geometria ha ragione, l’occhio no

Un cerchio che tocca una retta la tocca in un punto solo: lo dice la geometria e lo esegue alla lettera qualunque software vettoriale. Il problema è che il nostro sistema visivo non misura, interpreta. Quando due forme diverse — una curva e una retta, un cerchio e un quadrato — condividono la stessa quota, la curva appare sistematicamente più corta, più piccola, leggermente sollevata. Non è un’impressione soggettiva: la psicologia della percezione ha documentato con esperimenti controllati come il contesto orizzontale e le strutture che circondano un elemento spostino la sua posizione verticale percepita, anche quando l’allineamento misurato è identico. Nel disegno che stiamo guardando accade proprio questo: la cornice nera e il blocco azzurro della siepe fanno da scatola, e la ruota tangente sembra galleggiare un capello sopra il suolo.

La soluzione ha un nome antico nel mestiere: overshoot. Nei caratteri tipografici le lettere tonde — O, C, S, o minuscola — vengono disegnate leggermente più alte e più basse rispetto alle lettere a terminazione piatta come la H o la E, così che all’occhio risultino della stessa altezza. Una O costruita esattamente fra le due linee guida sembra piccola e schiacciata; le fonderie tipografiche considerano la mancanza di overshoot un difetto di produzione, non una scelta stilistica. La stessa correzione vale per una ruota: farla sfondare di poco nella linea di terra non è sciatteria, è la traduzione grafica di ciò che l’occhio si aspetta.

Il grumo nero nel punto di contatto

C’è un secondo problema, indipendente dal primo, e nel disegno si vede benissimo. Dove il cerchio incontra la base, due tratti neri di pari spessore si avvicinano fino a fondersi: la quantità di nero locale raddoppia e si crea un addensamento scuro, una specie di nodo che cattura lo sguardo più della bicicletta intera. Non è un difetto del file, è come funziona la retina. L’inibizione laterale fra cellule vicine esalta i cambiamenti di luminanza lungo i bordi — il fenomeno noto come bande di Mach — e nei punti in cui due bordi convergono l’effetto si somma, restituendo una macchia che sulla carta o sullo schermo non esiste con quell’intensità.

Il rimedio che uso sempre è l’assottigliamento locale: si riduce lo spessore del tratto nell’ultimo tratto di curva, del 10-20%, tornando poi al peso pieno. La ricerca sulla leggibilità dei caratteri fornisce l’argomento tecnico: esiste un rapporto ottimale fra pieni e vuoti — attorno a metà dello spazio disponibile — oltre il quale l’ispessimento non aumenta la riconoscibilità, la peggiora, perché chiude le aperture interne della forma. Nel disegno di pittogrammi succede lo stesso: quando il nero prevale, l’occhio non legge più la struttura, legge una macchia.

Perché la ruota schiacciata è quella giusta

La seconda versione, quella in cui le ruote affondano leggermente e il contatto si allarga, funziona per un motivo in più rispetto alla pura correzione ottica: somiglia alla realtà. Uno pneumatico sotto carico si deforma e appoggia su una superficie, non su un punto — l’impronta a terra. Portare quella deformazione nel disegno, esagerandola appena quanto basta perché si legga a dimensione reale, è un caso raro in cui la correzione percettiva e la verità fisica dicono la stessa cosa. È la ragione per cui, davanti a queste due varianti, la scelta per me non è dubbia: vince quella con l’appoggio più ampio.

Una cautela però la metto, perché me la sono guadagnata con qualche stampa buttata: il punto di contatto va giudicato alla dimensione finale di uso, non ingrandito. Se a scala reale la variante con affondo regge senza chiudersi in un grumo, è quella buona. Ogni assottigliamento più fine di così sparirà comunque nella rasterizzazione, e si sarà lavorato per niente.

Un principio vecchio venticinque secoli

Chi disegna icone oggi ripete un gesto che ha una storia lunghissima. Nel Partenone i rilievi metrici mostrano che quasi nessun elemento è davvero rettilineo: lo stilobate, la piattaforma su cui poggiano le colonne, presenta una curvatura misurabile che studi geodetici hanno provato ad approssimare con circonferenze e parabole; le colonne hanno l’entasi, un lieve rigonfiamento che impedisce al fusto di apparire concavo; gli angoli sono leggermente inclinati verso l’interno. Gli studi sulle cosiddette misure ottiche nell’architettura classica discutono da secoli se si tratti di correzioni percettive nel senso vitruviano o di scelte estetiche autonome, ma il dato di fatto resta: chi costruiva sapeva che la linea retta perfetta, alle dimensioni e alle distanze dell’uso reale, non appare retta.

Fra quelle colonne e la ruota di questa bicicletta c’è una linea diretta che passa per la tipografia e per la segnaletica del Novecento. I pittogrammi di Otl Aicher per i Giochi di Monaco 1972, oggi in collezione al MoMA e oggetto di mostre museali dedicate, nascono da una griglia rigorosa a 45 e 90 gradi — esattamente il vincolo che regge anche questo disegno — ma ogni segno è poi ritoccato a mano perché la griglia, da sola, produce forme che sembrano storte. Lo stesso vale per il sistema di simboli sviluppato dall’AIGA con il Dipartimento dei Trasporti statunitense negli anni Settanta, diventato la base visiva di aeroporti e stazioni in mezzo mondo.

Cosa urla più forte della tangenza

Detto questo, se guardo l’immagine con l’onestà di chi corregge il lavoro di un collega, il punto di contatto non è la cosa che noto per prima. Noto che i raggi della ruota anteriore non sono simmetrici come quelli della posteriore: il raggio verticale è spostato di lato, e a colpo d’occhio sembra un errore di trascinamento più che una scelta. Noto che i raggi delle due ruote sono allineati esattamente allo stesso modo, cosa che nella realtà non capita mai e che irrigidisce la scena. Mi sembra inoltre che i tratti verticali e orizzontali dei raggi abbiano un nero leggermente diverso dal resto del segno: capita spessissimo quando si lavora con più campioni di nero, e in stampa si vede più che a monitor.

C’è poi una questione di gerarchia. La cornice ha lo stesso peso di tratto della bicicletta, delle persiane, della finestra. Capisco l’intenzione — il tratto costante è la cifra della serie, non un dettaglio negoziabile — ma un bordo che pesa quanto il soggetto compete con il soggetto. Le vie d’uscita che ho visto funzionare sono tre: assottigliare la cornice di circa metà, riprendere per la cornice uno dei colori già presenti nella scena invece del nero, oppure eliminarla del tutto e lasciare che sia il blocco di colore della siepe a chiudere la composizione. Sui riccioli azzurri della siepe, invece, non toccherei nulla: la curva organica in mezzo a un mondo di 45 e 90 gradi crea la distinzione giusta, anche se molti la leggono come decoro murale prima che come vegetazione. Se quell’ambiguità conta, esiste un modo professionale di verificarla senza litigare sulle opinioni: le norme internazionali sui simboli grafici prevedono test di comprensibilità con campioni di persone reali, che è l’unico giudice serio di un segno.

Quattro prove che faccio su qualsiasi segno

Sono controlli rapidi, li applico a icone, loghi e illustrazioni a tratto, e smascherano in pochi secondi problemi che l’ingrandimento nasconde.

Rimpicciolire a 16 pixel. Se il punto di contatto si chiude in una macchia o i raggi diventano un cerchio pieno, il tratto è troppo pesante per quella scala.
Capovolgere il disegno. Ribaltarlo verticalmente rompe l’abitudine dell’occhio e fa emergere asimmetrie e allineamenti sbagliati che dopo ore di lavoro non vedi più.
Sfocare l’immagine. Una sfocatura gaussiana simula la perdita di dettaglio a distanza: quello che resta è la massa reale del segno, e si capisce subito dove il nero si accumula.
Stampare in bianco e nero. Senza colore restano solo struttura e spessori. Le differenze di nero fra elementi diversi saltano fuori, e la gerarchia fra cornice e soggetto diventa impietosamente chiara.

Il metodo che consiglio è sempre lo stesso: partire dalla griglia, costruire tutto in modo geometricamente rigoroso, e solo alla fine correggere a occhio. La griglia serve a garantire coerenza fra decine di disegni della stessa serie; la correzione ottica serve perché il destinatario è un essere umano, non un compasso. Il colore, infine, può fare il lavoro che il tratto non deve fare: differenziare gli elementi secondari — persiane, siepe, oggetti sul davanzale — senza rompere l’unità di spessore che tiene insieme l’intera famiglia di immagini.