Contrasto come elemento del Graphic Design

Già, forse si può riassumere tutto in quest’unica parola magica: “contrasto” e se si potesse fare tutto il soggetto del graphic design si allineerebbe in modo molto efficiente e la capacità di metterlo in pratica si sbloccherebbe come lo spumante a Capodanno.

Perciò, con l’irriverenza che mi caratterizza, mi accingo a ridurre tutto il graphic design al significato di una singola parola: Contrasto. E al diavolo se questo mi costerà la radiazione dall’Albo dei Grafici (tanto non esiste…).

In effetti, abbiamo otto elementi fondamentali o principi di graphic design: Allineamento, Bilanciamento, Ripetizione, Spazio bianco, Proporzione, Gerarchia, Prossimità e Contrasto.

C’è chi ne mette qualcuno in più come l’Enfasi o lo Schema (Pattern) ma anch’essi, a ben guardare, potrebbero tranquillamente essere fatti rientrare nei precedenti.

Gli elementi del graphic designon sono concetti astratti ma veri strumenti, come la pialla per il falegname. Esercitandone l’uso ci si eleva dalla pura potenzialità creativa all’effettiva capacità di realizzare un prodotto, dal volantino alla rivista.

Non sembrerebbero quindi molti gli strumenti da imparare nel graphic design, eppure la mia pigrizia è tale che ho deciso di dimostrare come tutto può rientrare in uno solo: il Contrasto.

Pensa, se ci riuscissi, potremmo allineare tutta la disciplina a una legge fondamentale, un po’ come quella di gravità o della relatività, robette di quel tipo insomma. Proviamoci, l’Umanità deve andare avanti!

Definizione di contrasto

Avrei voluto a questo punto, tanto per cominciare, riportare una definizione di contrasto, qualcosa di ufficiale preso da un dizionario possibilmente molto grosso e serio, tanto per far vedere che non mi invento le cose.

Così, ho cercato in un paio di dizionari e, in pratica, contrasto veniva definito come “contrapporre” e “contrapporre” come “contrasto”. Insomma, un bel circolo vizioso non molto d’aiuto.

Al diavolo quindi anche i dizionari. Tocca sempre fare tutto a me, ecco la mia definizione allora:

Contrasto (graphic design): differenza, mancanza o carenza di somiglianza tra elementi, sensazione di discordanza, disaccordo – Dizionario della lingua italiana Gislon, di Carlo Gislon, Edizioni Gislon 2022.

Seguendo questa semplice definizione potremmo persino estrapolare una teoria sul contrasto applicato alle forme espressa graficamente, un po’ come la Teoria del colore. Un pazzo presuntuoso l’ha fatto (io), eccola:

Potremmo usare questa sorta di teoria come ausilio nell’accostare elementi in una composizione grafica prevedendo il loro grado di attrazione e repulsione e formare in tal modo delle armonie. Ho sprecato un po’ di bit e byte per spiegare meglio la cosa nell’articolo Psicologia delle forme nel design.

La tesi e la sua dimostrazione

La mia tesi è questa: quando si compone la pagina di una rivista, quando si realizza un poster o una pagina pubblicitaria o lavoriamo su un qualsiasi progetto grafico, non facciamo altro che utilizzare, tirate le somme, un unico elemento base del graphic design: il contrasto.

Il primo punto a favore di questa tesi, e forse la prova più schiacciante è questa: eliminate o riducete troppo il contrasto da una pubblicazione qualsiasi e scomparirà interamente la sua capacità di comunicare.

Provate a immaginare un testo nero su sfondo nero e capirete cosa intendo! Zero contrasto – zero messaggio.

Immaginiamo un esempio più concreto: provate a pensare titoli e testo principale stampati con lo stesso carattere. Stesse dimensioni, stesso stile, stesso font. Pensate un libro che ha i titoli col carattere identico a quello del testo principale. Zero contrasto – i titoli, in quanto tali, spariscono.

Fin qua è facile, lo ammetto, ma abbiamo detto che –tutti– i principi del graphic design accennati sopra potrebbero rientrare nell’unico principio del contrasto. Continuiamo allora. Come ce la caviamo col bilanciamento, un altro elemento del graphic design?

Il bilanciamento cos’è se non differenza della disposizione degli elementi nella pagina? Differenza, appunto, contrasto in altre parole. Idem col principio dell’allineamento.

Cos’è poi la ripetizione se non una “mancanza di contrasto” visto il ripetersi degli –stessi– elementi?

E lo spazio bianco cos’è se non creare contrasto con lo “spazio pieno”? Una pagina completamente vuota è vuota e basta, non c’è “spazio bianco”. Così come una pagina fitta di testo.

Una pagina col testo allineato a destra e un’ampia colonna a sinistra vuota è una pagina dove è stato usato spazio bianco in contrasto con l’area del testo.

Il principio del graphic design spazio bianco ha senso quindi solo in presenza di contrasto.

Continuiamo. E il principio della composizione chiamato gerarchia? Come ottieni gerarchia? Di solito con titoli nettamente più grandi, con immagini nettamente prominenti, con frasi in grassetto, con rientri rispetto al margine normale del testo. Ancora differenze, ancora contrasti.

Prossimità… «Qui ti voglio», pensa lo scettico. Questa è in effetti una bella cannonata alla mia teoria, che trema ma non crolla. L’elemento del graphic design Prossimità dice più o meno che la relazione tra gli elementi di una pagina varia al variare della reciproca distanza.

Non mi arrendo e passo al contrattacco, infatti, due elementi vicini hanno una relazione stretta, una parentela, sono in altre parole “simili”. Due elementi lontani, anche se identici, sono al massimo come gli amici su… Facebook.

Due elementi identici possono apparirci diversi, almeno di primo acchito, semplicemente perché distanti. Lontananza – vicinanza: un contrasto di posizione.

Applicazioni

Comprendi perché si cerchi di creare una pagina con delle “variazioni”, magari cambiando il numero di colonne o disponendo le immagini in posizioni insolite?

Comprendi perché i titoli abbiano un carattere diverso dai testi? Perché certe parole siano in grassetto, altre in corsivo o delle frasi siano isolate?

Comprendi perché le pagine con testo nero e con fondo bianco sono le più contrastanti? (Magari non le più vivaci, questo è un altro discorso).

Al contrario, capisci perché a volte dobbiamo ripeterci, usare lo stesso carattere, lo stesso colore, la stessa struttura? Rischieremo infatti di introdurre un contrasto eccessivo che farebbe intendere un messaggio diverso da quello voluto.

L’obiettivo è sempre quello: cercare il contrasto giusto e quando cerchiamo di ridurlo è solo per arrivare al gran botto finale o per chiudere il cerchio poiché l’assenza totale di contrasto non può comunicare.

Non è questione di “tanto o poco” contrasto. È questione di “contrasto giusto per trasmettere il messaggio voluto”.

L’assenza totale di contrasto è assenza di comunicazione.

Colore e Contrasto a confronto

Il colore è un elemento del graphic design che ha senso solo come contrasto visivo. La luminosità, anch’essa, è una forma di contrasto. Se chiudessimo gli occhi non avremmo nessuna esperienza del colore. Nero e Bianco vengono infatti definiti e considerati a livello pratico come “assenza di colore”.

Possiamo vedere il nero, il bianco e tutti i colori “in mezzo” solo in contrapposizione ad aree più chiare, più scure, o di colore diverso.

Che la teoria di Newton definisse i colori come le “diverse vibrazioni della luce che assommano al bianco” e che Goethe la definisse all’incontrario come “una sottrazione a partire dal nero”, non cambia nulla.

Quella di Newton si è mostrata tecnicamente più funzionale: monitor e proiettori compongono tre fasci di colore per ottenere il bianco e i colori della stampa si spiegano con la capacità della materia di riflettere in modo diverso quelli della luce.

Tuttavia entrambe le teorie parlano, in ultima analisi, di contrasti.

Un interessante esperimento che viene di solito proposto nello studio della teoria del colore è quello che mostra come l’occhio tendi a cercare un equilibrio producendo egli stesso il colore complementare che si sta osservando.

Perciò se si osserva per un po’ un foglio bianco con un’area verde vivo al centro, dopo un po’ il fondo ci sembrerà tendente al rosso.

Che questo dipende dalla fisiologia dell’occhio o dalla caratteristica psicologica tecnicamente nota come… “chiudere il cerchio”, dalla quale derivano cambiamenti fisiologici poco conta per questo ragionamento.

Ciò che è evidente è che questo sbilanciamento, questo contrasto, crea movimento, crea comunicazione e che noi graphic designer possiamo sfruttarlo in maniera quasi diabolica.

Conclusioni

Il graphic design è messaggio, è comprensione, qualsiasi cosa si voglia far comprendere o comunicare. Se tutto il graphic design è fondamentalmente regolato dal contrasto allora il contrasto potrebbe essere la chiave della comprensione stessa.

Senza contrasti non vi è comprensione. Sembra un controsenso ma… avete mai ascoltato una persona monotona? Se siete freschi di studio vi sarete di sicuro trovati a dormire su un banco mentre ascoltavate una lezione di “Monotonia Inapplicabile” (una materia introdotta da una recente riforma scolastica).

Non credo che tale carenza di contrasto, questo parlare con lo stesso tono, senza nulla di insolito, senza uno strillo o un’esclamazione sia stata molto d’aiuto se non come piacevole ninna-nanna.

Il contrasto è un po’ come i poli della batteria: è la differenza che crea energia, che muove le cose, se vogliamo definire la comunicazione come una qualche forma di energia o una espressione dell’energia.

L’importante è che ci sia “differenza” o contrasto, appunto. Allora la comunicazione fluisce. Anche nelle composizioni più ritmiche e ripetitive, tale ripetizione è solo un contrappunto o preludio al contrasto in arrivo.

Se tutto è allo stesso livello, se tutto è uguale, se tutto è “tranquillo” non c’è graphic design, non c’è comunicazione. Quanto tranquilli si può essere? Quanto un camposanto. Ho visto persone parlare coi propri cari defunti in effetti, ma non ho mai sentito i loro cari rispondere.

Si potrebbe perfino andare oltre e intuire perciò che “qualsiasi contrasto è meglio di nessun contrasto” per quanto negativo quel contrasto possa essere ma questa è filosofia ed essendo stato bocciato proprio in una sua branca, Monotonia Inapplicabile, non ho i titoli per approfondire.

Ok, hai capito allora cosa rende viva la comunicazione e il graphic design?

Come volevasi dimostrare.