{"id":11463,"date":"2020-03-09T10:49:16","date_gmt":"2020-03-09T09:49:16","guid":{"rendered":"https:\/\/staging.graficashop.it\/marzo\/?p=11463"},"modified":"2020-05-01T19:19:48","modified_gmt":"2020-05-01T17:19:48","slug":"imparare-a-sfruttare-lo-spazio-vuoto-nella-composizione-grafica","status":"publish","type":"post","link":"https:\/\/staging.graficashop.it\/marzo\/imparare-a-sfruttare-lo-spazio-vuoto-nella-composizione-grafica\/","title":{"rendered":"Imparare a sfruttare lo spazio vuoto nella composizione grafica"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text text_larger=”no”]<\/p>\n

In questo articolo voglio focalizzare la tua attenzione su aspetto troppo spesso trascurato nel settore della grafica, sopratutto da chi si improvvisa nel mestiere e non ha la dovuta cultura visuale.<\/h2>\n
<\/div>\n
Il primo approccio alla grafica che generalmente\u00a0hanno molti \u00e8 quello di riempire ogni\u00a0spazio disponibile con informazioni.<\/div>\n
Senza dover necessariamente sforare nello stile minimale assoluto, possiamo trovare\u00a0l\u2019equilibrio considerando lo spazio vuoto come grafica.<\/strong><\/em><\/div>\n
Pu\u00f2 sembrare strano ma \u00e8 proprio cos\u00ec: l\u2019area bianca\u00a0o vuota che lasciamo intorno agli elementi testuali o\u00a0grafici \u00e8 essa stessa una grafica che ha lo scopo preciso\u00a0di dare importanza al contenuto.<\/div>\n
<\/div>\n
<\/div>\n
Esattamente come\u00a0un passpartout tra una cornice ed un\u2019opera d\u2019arte.<\/div>\n
<\/div>\n
<\/div>\n

\"\"<\/h2>\n
\n

<\/h4>\n

Eliminare e semplificare gli elementi della nostra composizione grafica, lasciando spazio vuoto di distacco dai confini, ci permetter\u00e0 di dare valore al contenuto, facendolo\u00a0apparire pi\u00f9 importante, pi\u00f9 leggibile ed ordinato.<\/span><\/h4>\n<\/blockquote>\n
\n
<\/div>\n
Questo principio generale \u00e8 applicabile in qualunque settore operiate e con qualunque strumento comunicate.<\/div>\n<\/div>\n
Nel biglietto da visita questo si trasforma in minimalismo. Pochi elementi quindi, ma perfettamente riconoscibili, grazie allo spazio vuoto. E se pensate che lo spazio \u00e8 poco per poter scrivere tutto, ragionate su cosa \u00e8 veramente necessario scrivere su un biglietto da visita<\/a><\/strong>.<\/span><\/div>\n
<\/div>\n
In una brochure a pi\u00f9 pagine invece, la tendenza (sbagliata) \u00e8 quella di stampare meno pagine possibili riempiendole di informazioni in tutti gli spazi.<\/div>\n
Paradossalmente questo approccio ottiene l’effetto contrario, anche se solo apparentemente vi ha fatto risparmiare sui costi di stampa.<\/div>\n
Guardate questi esempi. Il testo \u00e8 arioso, la lettura comoda, non ci sono elementi di distrazione importanti.<\/div>\n

[\/vc_column_text][vc_column_text text_larger=”no”]<\/p>\n

Esempio 1: molte informazioni in poco spazio<\/h2>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”11465″ parallax_scroll=”no”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text text_larger=”no”]In questo esempio puoi vedere una brochure graficamente ben impostata, ma eccessivamente ricca di informazioni rispetto allo spazio a disposizione.<\/p>\n

La struttura \u00e8 rigida e questo non sempre \u00e8 un male, ma spesso per la necessit\u00e0 di dover inserire troppe cose in poco spazio si rischia di danneggiare la leggibilit\u00e0 del supporto progettato.<\/p>\n

Una buona progettazione grafica tiene sempre in considerazione \u00a0il rapporto tra lo spazio a disposizione (facciate) e gli ingombri delle informazioni da inserire.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_column_text text_larger=”no”]<\/p>\n

Esempio 2: poche informazioni in tanto spazio<\/h2>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”11468″ img_size=”” parallax_scroll=”no”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text text_larger=”no”]<\/p>\n

In questo secondo esempio vediamo l’impostazione visuale pi\u00f9 adatta ad un catalogo che di prodotti.<\/div>\n
Pur tecnicamente riuscendo a inserire pi\u00f9 informazioni all’interno di due facciate, il designer ha sfruttato lo spazio vuoto per risaltare maggiormente la descrizione e le immagini.<\/div>\n
La nostra attenzione non \u00e8 quindi distolta da altri elementi fino a quando non giriamo pagina.<\/div>\n
Questo approccio pur richiedendo un maggio numero di facciate ha sicuramente il pregio di focalizzare il nostro sguardo su pochi elementi alla volta, che essendo circondati da aree vuote, risultano pi\u00f9 leggibili e meglio percepibili.<\/div>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_column_text text_larger=”no” css=”.vc_custom_1583745901545{margin-top: 50px !important;}”]<\/p>\n

Nel Web Design<\/strong><\/h3>\n
\n
Nel web design, che opera in un contesto on line in cui la durata dell’ attenzione \u00e8 enormemente pi\u00f9 bassa rispetto alla media, questo problema pu\u00f2 essere ancora pi\u00f9 evidente<\/em>.<\/div>\n<\/div>\n
Una landing page troppo ricca di contenuti distrae dallo scopo finale della conversione. Una pagina di prodotto eccessiva, fa perdere di vista o meglio, toglie l’attenzione dal tasto “acquista”.<\/div>\n
Quindi la composizione grafica pu\u00f2 aiutare, semplificando e snellendo la parte visuale. Non \u00e8 un lavoro che il grafico pu\u00f2 fare da solo o di sua iniziativa, ma va concordato con il copy e con la strategia di marketing generale.<\/div>\n
Se siete un “one man agency” (un po’ come me) forse vi sar\u00e0 pi\u00f9 facile riuscire a semplificare questo processo.<\/div>\n
\n
<\/div>\n<\/div>\n

[\/vc_column_text][vc_column_text text_larger=”no”]<\/p>\n

<\/div>\n
<\/div>\n
\n
\n
\n

Ma come posso distinguere gli elementi meno importanti che posso togliere?
\nIo ho bisogno di dire tutto!<\/span><\/h3>\n<\/blockquote>\n<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n<\/div>\n

[\/vc_column_text][vc_column_text text_larger=”no”]<\/p>\n

\n
Dubbio legittimo che mi viene quasi sempre sollevato in aula durante i corsi di comunicazione.<\/div>\n
\n

Una parte della risposta la possiamo trovare nel principio della\u00a0piramide rovesciata a cui dedicher\u00f2 un nuovo approfondimento.<\/p>\n<\/div>\n

La comunicazione deve rispondere a queste 3 domande principali in ordine di importanza.<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n<\/div>\n

[\/vc_column_text][vc_column_text text_larger=”no”]<\/p>\n

\n
\n
    \n
  1. COSA?<\/strong><\/li>\n
  2. QUANDO?<\/strong><\/li>\n
  3. COME?<\/strong><\/li>\n<\/ol>\n<\/div>\n
    <\/div>\n
    <\/div>\n<\/div>\n

    [\/vc_column_text][vc_column_text text_larger=”no”]<\/p>\n

    \n
    Tutto quello che aggiunge altri elementi di risposta a queste domande viene ritenuto superfluo, quindi secondario.<\/div>\n
    Prendiamo un banner web. Con i banner o spot per social, siamo pi\u00f9 abituati a pensare al concetto di accoppiata PILLOLA INFORMATIVA + PAGINA DI APPROFONDIMENTO.<\/strong><\/div>\n
    <\/div>\n
    \n

    Proprio perch\u00e8 siamo costretti dallo spazio ridotto a non riuscire a dire tutto.<\/p>\n<\/div>\n

    Nei casi in cui non \u00e8 possibile distinguere la comunicazione in due fasi, allora \u00e8 proprio lo spazio vuoto che pu\u00f2 salvarci dal caos.<\/strong><\/div>\n<\/div>\n

    [\/vc_column_text][vc_column_text text_larger=”no” css=”.vc_custom_1583746452169{margin-top: 50px !important;}”]<\/p>\n

    Nella grafica per volantini, cartoline, flyer e coupon<\/strong><\/h3>\n

    Uno strumento “classico” in cui si commettere l’errore tipico descritto in questo articolo, \u00e8 proprio il volantino da distribuzione. Quello che troviamo nella buchetta della posta o sul bancone dei bar mentre prendiamo un caff\u00e8. Questo strumento \u00e8 sempre molto valido, costa poco e richiama gli sguardi.
    \nNon ultimo, si mette in tasca.<\/p>\n

    Si tende a riempirlo oltremodo, perch\u00e8 lo spazio \u00e8 quello e non si sa rinunciare a nulla, vogliamo sempre dire tutto.<\/p>\n

    Partire da alcuni spunti creativi fatti da professionisti, pu\u00f2 essere un buon modo per capire come sfruttare al meglio gli spazi, catturare gli sguardi con una grafica efficace.
    \nGuarda questa galleria.[\/vc_column_text]\t\t