Composizione nel design grafico

La composizione è un concetto che tocca molti aspetti ed è senza dubbio di importanza centrale nel design. Se questa parte di un progetto è carente, si può concludere immediatamente che il design è sbagliato. Anche un designer alle prime armi o un creativo occasionale sa che la composizione governa il design grafico come un’ape regina governa l’alveare.

Ma che cos’è esattamente la composizione grafica? Quali sono i suoi mezzi principali? Quali tipi di composizione utilizzano i professionisti per distinguersi? Le risposte a tutte queste domande influiscono direttamente sul risultato finale del tuo elaborato grafico.

Per questo abbiamo scelto di esplorare l’argomento a fondo nel seguente articolo. Dunque, entriamo in una lettura davvero professionale!

Che cos’è la composizione grafica

La composizione è lo spazio in cui gli elementi singoli devono diventare uno, in cui immagini, testo, colore e forme grafiche si fondono in un unico progetto in cui tutto è integrato. Nel design grafico, la composizione è intesa come un processo creativo finalizzato a garantire unità, interconnessione e combinazione armonica di tutti gli elementi. In ogni caso, l’insieme ha bisogno di un’idea per diventare davvero una composizione.

L’idea è la base della composizione

Qualsiasi cosa può essere percepita come un’idea creativa; non deve necessariamente essere il punto di partenza per creare una composizione. Un’idea può nascere anche come interpretazione di una composizione già esistente: anche questo conta come una forma autonoma di idea. Nel design grafico, come nell’arte, tuttavia, l’idea non è sempre chiara e immediatamente comprensibile.

Informazione razionale ed emozionale nel design grafico

Il design grafico ha come obiettivo l’utente. Ognuno di noi percepisce l’informazione su due livelli. Quando contempliamo una composizione grafica, la percepiamo sempre sia sul piano analitico sia su quello emotivo. In altre parole, è possibile raccontare storie soltanto con le immagini, senza usare le parole. E la nostra coscienza leggerà e decifrerà il messaggio inserito dal designer. Perché ciò avvenga, è necessario comprendere più a fondo la composizione grafica.

Componenti della composizione grafica

Vediamo più da vicino i componenti chiave della composizione grafica.

Spazio

Ogni composizione esiste entro certi limiti, e la composizione grafica è limitata dal piano su cui viene creata. Per questo si parla di composizione planare (piatta). Questo piano può essere qualsiasi supporto: lo schermo di un monitor o di uno smartphone, un foglio di carta, ecc.

La composizione grafica è fisicamente bidimensionale, piatta, con altezza e larghezza. Ma non bisogna dimenticare la dimensione immaginaria della profondità, che ci permette di indicare quali oggetti sono percepiti come più vicini e quali come più lontani. In questo modo dividiamo lo spazio in piani: primo piano, piano intermedio e sfondo. Più la composizione è complessa, più piani possono essere presenti.

Elementi grafici

All’interno della composizione, il testo interagisce attivamente con gli elementi grafici, che sono a loro volta un potente strumento di trasmissione del contenuto: illustrazioni, icone, fotografie, ecc.

Le immagini possono essere dirette e trasmettere il significato in modo letterale (ad esempio, in una pubblicità di dentifricio, persone che si lavano i denti). In altri casi, il significato viene veicolato attraverso una metafora grafica, cioè tramite associazioni e simboli (per esempio, l’immagine di una lampadina accesa che simboleggia un’idea). Di simboli e associazioni possibili ne esistono moltissimi.

Elementi decorativi

La composizione non è limitata agli elementi narrativi. È possibile aggiungere pattern, cornici, ornamenti, macchie astratte, ecc., che agiscono esclusivamente come elementi decorativi. Non portano un contenuto semantico e svolgono soltanto una funzione estetica. Un uso misurato e accurato degli elementi decorativi renderà la composizione più interessante e ricca; inserirne troppi in modo casuale può trasformare il lavoro in un vero disastro visivo.

Colore

I colori costituiscono un mondo a sé nella percezione della composizione. Attraverso il colore si può evidenziare l’elemento principale nello spazio oppure trasmettere l’umore generale e l’atmosfera del progetto.

Testo (didascalie)

Il testo è presente nel design grafico in un modo o nell’altro, ed è proprio questo che lo distingue dalle belle arti. Il testo è uno strumento estremamente utile per comunicare il contenuto. Attraverso le lettere possiamo trasmettere non solo la componente razionale del design, ma anche quella emotiva. La tipografia è molto efficace nella creazione di una determinata immagine e nel favorire l’immersione nell’atmosfera pensata dal designer.

I componenti della composizione grafica interagiscono grazie a determinati principi e tecniche compositive. Grazie a tali principi, lo spettatore comprende e percepisce la trama, il contesto e l’idea principale della composizione. I principi compositivi sono un approccio alla costruzione della composizione, ossia al suo tipo. Queste tecniche sono chiamate anche mezzi espressivi della composizione o mezzi di armonizzazione. Come si può intuire, non si può farne a meno, quindi analizziamoli più nel dettaglio.

Tipi di composizione

I tipi di composizione sono essi stessi potenti componenti espressivi. La cosa principale da ricordare è che il posizionamento degli elementi nella composizione determina la nostra percezione di essa e, viceversa, la percezione dipende da come gli elementi sono collocati nello spazio.

È possibile modificare radicalmente la percezione dello spettatore collocando gli elementi in punti specifici, con un certo angolo e a una determinata distanza gli uni dagli altri. Di conseguenza, prima di iniziare il lavoro, è necessario stabilire quale tipo di composizione userai per trasmettere l’idea originaria.

Di seguito vengono descritte tre coppie di tipi compositivi.

Chiusa o aperta

Consideriamo questi due tipi compositivi e le loro differenze. In una composizione chiusa, gli elementi chiave sono spesso circondati da elementi che li delimitano, facendo apparire il tutto “chiuso”. Nel design grafico ciò può essere ottenuto aggiungendo cornici di contorno o forme astratte che svolgono il ruolo di limiti alla composizione.

Al contrario, in una composizione aperta non esistono cornici o elementi limitanti. Ciò consente di trasmettere un senso di spazio, libertà e ampiezza. Questo tipo di composizione è molto utilizzato nella rappresentazione di paesaggi. Nel design grafico, una composizione è aperta quando non presenta elementi che la chiudono o la incorniciano. Di conseguenza, una composizione aperta viene spesso percepita come più libera e ariosa.

Allo stesso tempo, una composizione chiusa risulta meno spaziosa, ma consente di indirizzare lo sguardo dello spettatore in modo più efficace. Con questo tipo di composizione puoi mettere in risalto il protagonista o concentrarti su un elemento narrativo chiave. Elementi separati possono diventare un insieme, raggruppati tramite cornici. La classica forma rettangolare sullo sfondo, che svolge la stessa funzione, aiuta anch’essa a “chiudere” la composizione. Inserendo il testo in un contenitore separato, puoi evidenziarlo e farlo risaltare rispetto alle altre informazioni.

Simmetrica o asimmetrica

La simmetria è equilibrio e, di conseguenza, la linea di simmetria usata come guida costruttiva aiuta il pubblico a percepire l’equilibrio o lo squilibrio della composizione. Le composizioni che utilizzano assi di simmetria vengono percepite come più organizzate, ordinate e bilanciate.

È opinione comune che il tipo simmetrico includa solo composizioni formate da due metà identiche che si riflettono. In realtà questo punto di vista è errato. Ciò che rende la composizione simmetrica è la presenza o assenza di un asse di simmetria come elemento strutturale. Una composizione simmetrica viene costruita attorno a questo asse. L’asse di simmetria è una linea immaginaria che divide il piano in due livelli o metà speculari. Ne esistono tre tipi: orizzontale, verticale e diagonale.

L’esempio seguente mostra una composizione con simmetria orizzontale.

Questo esempio mostra una composizione con simmetria verticale.

E questo è un esempio di composizione con simmetria diagonale.

La composizione asimmetrica, invece, viene costruita senza linee di simmetria. In questo modo si genera una sensazione di dinamismo e di assenza di schemi rigidi, proiettando una forte individualità. È più difficile trovare l’equilibrio in una composizione di questo tipo, ma è proprio questa difficoltà a costituirne l’essenza.

Statica o dinamica

Nel design grafico ci confrontiamo spesso con forme astratte: forme geometriche, scritte, pattern e così via. La nostra percezione le riconosce come più o meno statiche, cioè come elementi “a riposo”. Una composizione basata su linee guida orizzontali è spesso percepita come statica, priva di presupposti di movimento. Quanto più la composizione è costruita con forme rettangolari, tanto più tende a essere percepita come stabile e ferma.

La composizione dinamica trasmette una sensazione di movimento. Lo spettatore avverte questa dinamica osservando il lavoro. La dinamica può essere trasmessa in diversi modi.

Il primo consiste nel creare l’immagine del movimento collocando la figura lungo una diagonale inclinata invece che su una linea orizzontale statica. Più ampio è l’angolo di inclinazione, più chiara è la percezione del potenziale movimento. La nostra coscienza inizia così ad anticipare la possibilità del movimento stesso. Queste diagonali possono esistere come linee guida anche se non sono esplicitamente visibili.

Un altro modo per suggerire dinamismo è utilizzare sequenze visive, ovvero ripetere lo stesso elemento più volte con una leggera variazione negli intervalli.

Come definire e scegliere i tipi di composizione

Ecco alcuni suggerimenti per individuare correttamente il tipo di composizione:

• Una sensazione di spazio, assenza di limiti e libertà → composizione aperta.
• Una sensazione di concentrazione e focalizzazione dovuta a limiti → composizione chiusa.
• Una sensazione di disordine creativo → composizione asimmetrica.
• Una sensazione di ordine ed equilibrio → composizione simmetrica.
• Una sensazione di calma e stabilità → composizione statica.
• Una sensazione di movimento e energia → composizione dinamica.

La composizione non può appartenere a due tipi opposti della stessa coppia contemporaneamente. Cioè, non può essere contemporaneamente chiusa e aperta, né statica e dinamica. Tuttavia, nel design grafico accade spesso che su un’unica superficie coesistano più composizioni. Perciò, quando analizzi un lavoro, tieni presente questo aspetto. Ad esempio, si può avere una composizione aperta, dinamica e asimmetrica, che ha pieno senso artistico rispetto a come dovrebbe apparire.

Mezzi espressivi della composizione grafica

Per raccontare una determinata “trama” visiva attraverso gli elementi della composizione non basta semplicemente collocarli nello spazio: è necessario farli emergere e renderli espressivi. Per farlo, bisogna usare alcune tecniche chiamate mezzi espressivi della composizione grafica. Sono solo sette, e anche in questo caso li elenchiamo a coppie:

• Metrica / Ritmo — responsabili della trasmissione della dinamica.
• Simmetria / Asimmetria — per proiettare il senso di equilibrio (o squilibrio) della composizione.
• Proporzione / Rapporto dei valori — per ottenere la proporzionalità dell’insieme.
• Dimensione / Scala — per comunicare la percezione di grandezza.
• Somiglianza / Differenza — per raggruppare gli elementi in insiemi visivi.
• Sfumatura / Contrasto — per esprimere l’intensità delle differenze fra alcuni elementi.
• Consonanza / Dissonanza — per definire se la “storia” visiva riflette calma o caos.

Vediamo ciascuna coppia più nel dettaglio per comprenderne il ruolo nella costruzione di una composizione grafica.

Metrica / Ritmo

Il compito principale della coppia Metrica/Ritmo è la visualizzazione della dinamica. Quando questo aspetto è presente, puoi trasmettere un senso di direzione, intensità e persino forza. Per valutare il ritmo, dobbiamo determinare la metrica (nel suo significato primario di “misura”) e definire il modulo o unità di riferimento. Avendo una misura, possiamo descrivere il ritmo: come l’elemento interagisce con tale misura. Il ritmo può essere uniforme, crescente o decrescente.

Un esempio di visualizzazione della dinamica nel design grafico è la rappresentazione delle impostazioni di luminosità o di volume. Aumentando o riducendo il numero di elementi raffigurati in relazione gli uni agli altri, possiamo comunicare l’essenza del cambiamento.

Simmetria / Asimmetria

Ricordiamo tutti che quanto più la composizione si avvicina a uno stato di simmetria, tanto più appare bilanciata a livello visivo. Per mostrare invece l’ineguaglianza, cioè lo squilibrio di un elemento rispetto a un altro, utilizziamo la asimmetria. La simmetria illustra in modo efficace organizzazione e ordine; l’asimmetria, al contrario, richiama il “disordine creativo”.

Proporzione / Rapporto dei valori

Perché la composizione sia percepita come armoniosa è utile definire una proporzione di base e costruire l’insieme in rapporto ad essa. Per garantire la proporzionalità della composizione grafica, i designer utilizzano spesso griglie modulari. La dimensione di un elemento grafico dovrebbe essere determinata in base al suo valore relativo e all’ambiente che lo circonda. Qui entra in gioco il principio della sezione aurea, trattato in modo più approfondito nel nostro articolo sulle regole di composizione.

Dimensione / Scala

Per trasmettere la dimensione di un grande oggetto in un’immagine, immagina una persona che non ha idea di quanto sia alta la Torre di Pisa. Se mostri solo la torre in foto, non riuscirà a visualizzarne la vera altezza. Ma se accanto compaiono delle persone, diventa immediatamente chiaro che si tratta di un oggetto molto alto. Per comunicare le dimensioni incomprensibili di un oggetto, abbiamo dunque bisogno di un altro oggetto di dimensioni note.

Sfumatura / Contrasto

Con la coppia Sfumatura/Contrasto puoi esprimere quanto gli elementi differiscono tra loro e garantire l’espressività del componente visivo.

Per riferimento:

• la sfumatura è una differenza lieve fra un elemento e altri simili;
• il contrasto è una differenza marcata.

Maggiore è la differenza tra gli elementi, più alto è il contrasto. Il contrasto può essere comunicato in diversi modi: attraverso i colori, le forme, il peso visivo o metafore emotive e di significato.

Somiglianza / Differenza

Questi mezzi esprimono l’idea di caratteristiche comuni attraverso la somiglianza visiva. Al contrario, quanto meno gli elementi appaiono simili, tanto più si sottolinea la loro differenza sostanziale. Nelle interfacce grafiche, funzioni uguali o affini condividono spesso tratti visivi comuni.

L’applicazione di questi mezzi è spesso garantita dalla tecnica della rima visiva. Per far sì che le scritte risultino armoniche con le immagini grafiche e gli elementi decorativi, è importante imparare a trovare elementi in comune fra di essi.

Consonanza / Dissonanza

Per loro natura, questi mezzi espressivi aiutano a orientare la percezione verso uno stato armonioso o, al contrario, verso uno stato ribelle e disordinato. Spetta al designer decidere quale condizione scegliere per dare forma alla propria idea creativa.

Per ottenere una dissonanza, si possono usare immagini che evocano emozioni forti, palette di colori scuri o soluzioni compositive insolite. Per creare consonanza, al contrario, consigliamo immagini “felici”, palette di colori caldi e luminosi e scelte tipografiche delicate.

In sintesi, i mezzi espressivi della composizione sono un insieme di tecniche visive che ti aiutano a raggiungere uno specifico effetto emotivo o semantico, sia a livello dell’insieme compositivo sia a livello dei singoli elementi.

Conclusione

Che tu sia un principiante creativo che sta muovendo i primi passi nel design grafico o un professionista con piena padronanza dei mezzi espressivi compositivi, non è mai troppo tardi per imparare qualcosa di nuovo. E quando senti di avere la teoria ben chiara, è il momento di trarne il massimo nella pratica. Prova a incorporare i principi compositivi di base presentati in questo articolo e che i tuoi progetti siano tanto armoniosi o tanto ribelli quanto desideri.