Educazione Grafica regole e concetti di base per comunicare con una grafica efficace Giovanni Re Roland DG Mid Europe

Comunicazione CANALE CODIFICA DECODIFICA MESSAGGIO DISTURBI FONTE RICEVITORE MESSAGGIO

La comunicazione “ Il vero problema della comunicazione sta nel codificare il messaggio in modo che esso possa resistere all’onnipresente rumore che il canale introduce” G.A. Miller – Psicologia della Comunicazione

Ridondanza INFORMAZIONI NEL TRASMETTITORE INFORMAZIONI NEL RICEVENTE INFORMAZIONE TRASMESSA

Ridondanza INFORMAZIONI NEL TRASMETTITORE INFORMAZIONI NEL RICEVENTE INFORMAZIONE TRASMESSA

Ridondanza grafica Vota Brigitte Hunt Brigitte Hunt Ricercata Concerto live Brigitte Hunt

Ridondanza grafica Vota Brigitte Hunt Brigitte Hunt Ricercata Concerto live Brigitte Hunt Brigitte Hunt Ricercata Vota Brigitte Hunt Concerto live Brigitte Hunt

Ridondanza grafica Brigitte Hunt Ricercata Vota Brigitte Hunt Concerto live Brigitte Hunt Vota Brigitte Brigitte Hunt Ricercata BOLLETTINO 2232

Componenti grafiche Linee Forme Simboli Font Colori Foto

Linee

Forme

Simboli

Font

Colori

Foto

Linee Organizzare Connettere Separare Creare movimento Definire forme Definire aree

Organizzare

Connettere

Separare

Creare movimento

Definire forme

Definire aree

Insiemi di linee Staticità Tradizione Stabilità Ordine Dinamicità Progressione Movimento Dimensione Caos Disordine Dinamicità Flusso ordinato

Uso pratico linee

Forme Geometriche Quadrati, rettangoli Cerchi Triangoli e poligoni Naturali Foglie Gocce inchiostro…. Astratte Frecce Simboli

Geometriche

Quadrati, rettangoli

Cerchi

Triangoli e poligoni

Naturali

Foglie

Gocce inchiostro….

Astratte

Frecce

Simboli

Forme Geometriche Onestà, Stabilità, equità, conforto e familiarità Quadrato Cerchio Infinito, Movimento, protezione sicurezza Triangolo Azione, dinamicità Progressione, Religiosità

Uso pratico forme geometriche

Altre forme grafiche Geometriche Naturali

Geometriche

Naturali

I simboli

Simboli

Semantica Riferimento PENSIERO BILANCIA LEGGE Referente OGGETTO Simbolo SEGNO

Universalità dei Simboli

Font

Carattere del carattere

Font e contesto

Colori

Variazioni cromatiche Tonalità Posizione sulla ruota dei colori standard Saturazione Purezza del colore, quantità di grigio in rapporto alla tonalità Luminosità La chiarezza relativa del colore

Tonalità

Posizione sulla ruota dei colori standard

Saturazione

Purezza del colore, quantità di grigio in rapporto alla tonalità

Luminosità

La chiarezza relativa del colore

Significato Colori Rosso Blu Giallo Arancione Verde Marrone Porpora Rosa Bianco Nero

Rosso Blu Giallo Arancione Verde Marrone Porpora Rosa Bianco Nero

Energia, Velocita‘ Pericolo, forza Eccitazione, sesso ROSSO

Energia, Velocita‘

Pericolo, forza

Eccitazione, sesso

BLU Sicurezza Responsabilità Fiducia

GIALLO Stimolante Caldo Sentimenti Felicità

ARANCIONE Caldo Vibrante Stimola Acquisto

VERDE Fresco Natura Speranza

MARRONE Benessere Amicizia Senso di unione

PORPORA Spiritualità Dignità

ROSA Delicato Amore Dolcezza

BIANCO Purezza Pulizia Natura Luce BIANCO BIANCO

NERO Sofisticato Elegante Misterioso Morte e occulto

Colori e auto

Combinazioni armoniche Monocromatica Analoga Complementare Triangolare

Monocromatica

Analoga

Complementare

Triangolare

Combinazioni armoniche Monocromatica Pro: facile da controllare, equilibrato Contro: non ha contrasto

Monocromatica

Pro: facile da controllare, equilibrato

Contro: non ha contrasto

Combinazioni armoniche Analoga Pro: più ricche della monocromatica Contro: mancano di contrasto

Analoga

Pro: più ricche della monocromatica

Contro: mancano di contrasto

Combinazioni armoniche Complementare Pro: disegnano l'attenzione massima Contro: duro da equilibrare

Complementare

Pro: disegnano l'attenzione massima

Contro: duro da equilibrare

Combinazioni armoniche Triangolare Pro: alto contrasto e armonia. Contro: non come complementare.

Triangolare

Pro: alto contrasto e armonia.

Contro: non come complementare.

Principi del Design Bilanciamento Proporzione Ritmo Enfasi

Bilanciamento

Proporzione

Ritmo

Enfasi

Bilanciamento

Proporzione

Ritmo

Enfasi

AD Counter

Visibilità

Leggibilità del messaggio Il battito di ciglia è più che sufficiente se chi crea la grafica è cosciente che ha a disposizione solo un battito di ciglia

Il ruolo delle immagini Alle gente non interessa ricevere continuamente informazioni Che almeno siano belle Soprattutto immagini Che si imprimano in memoria

Alle gente non interessa ricevere continuamente informazioni

Che almeno siano belle

Soprattutto immagini

Che si imprimano in memoria

Luoghi comuni

Memoria Esagerazione Movimento Associazione Inusuale Coinvolgimento emotivo Gianno Golfera

Esagerazione

Movimento

Associazione Inusuale

Coinvolgimento emotivo

Esagerazione

Movimento

Associazione Inusuale

Coinvolgimento Emotivo

E-M-A.I-C.E. lo dimenticheremo

Collocazione Grandezze Contesto Orizzontale – Verticale Distanza Visibilità Leggibilità Tempo di visibilità

Grandezze

Contesto

Orizzontale – Verticale

Distanza

Visibilità

Leggibilità

Tempo di visibilità

Distanza e percezione

Distanza e percezione

Distanza e percezione

Visibilità caratteri OAAA outdoor advertising association of america inc. Distanza di visualizzazione Risoluzione di stampa da 10cm a 1m Alta da 1m a 2,5m Alta da 2,5m a 5m Standard da 5m a 10m Standard dal 10 a 15m Bassa oltre 15 m Bassa

Visibilità caratteri OAAA outdoor advertising association of america inc. Distanza di visualizzazione Aree di Applicazione da 10cm a 1m centri commerciali, punti vendita da 1m a 2,5m Vetrine, attraversamenti, insegne da 2,5m a 5m Manifesti, posters da 5m a 10m Cartelloni stadali dal 10 a 15m Cartelloni autostradali, stadio oltre 15 m Grattacieli, spectaculars

Visibilità caratteri OAAA outdoor advertising association of america inc. Distanza di visualizzazione da 10cm a 1m da 1m a 2,5m da 2,5m a 5m da 5m a 10m dal 10 a 15m oltre 15 m Minima leggibilità del testo 2-5 cm 5-10 cm 10-20 cm 25-50 cm 50-70 cm 70-100 cm

Visibilità grafica

Essere semplici L’ABC della semplicità A Accuratezza - idee importanti coincise B Bellezza – messaggi dinamici e provocativi C Chiarezza – limitare numero parole e immagini Le tre “B” B revità - Meno di 7 parole meno di 3 elementi B rand - in basso a destra B ordi - Estendere al di fuori della gabbia

L’ABC della semplicità

A Accuratezza - idee importanti coincise

B Bellezza – messaggi dinamici e provocativi

C Chiarezza – limitare numero parole e immagini

Le tre “B”

B revità - Meno di 7 parole meno di 3 elementi

B rand - in basso a destra

B ordi - Estendere al di fuori della gabbia

Oltre gli schemi

Oltre gli schemi

Oltre gli schemi

La realtà

Giochiamo insieme…. ACQUA PULIZIA VELOCITA’ IGIENE BRILLANTEZZA GOCCE SPAZZOLE AUTOMOBILE BAGNATO AUTOLAVAGGIO

Giochiamo insieme…. ACQUA PULIZIA VELOCITA’ IGIENE BRILLANTEZZA GOCCE SPAZZOLE AUTOMOBILE BAGNATO AUTOLAVAGGIO ROSSO

Giochiamo insieme…. ACQUA PULIZIA VELOCITA’ IGIENE BRILLANTEZZA GOCCE SPAZZOLE AUTOMOBILE BAGNATO AUTOLAVAGGIO ROSSO AZZURRO

Giochiamo insieme…. ACQUA PULIZIA VELOCITA’ IGIENE BRILLANTEZZA GOCCE SPAZZOLE AUTOMOBILE BAGNATO AUTOLAVAGGIO ROSSO AZZURRO DOCCIA

Giochiamo insieme…. ACQUA PULIZIA VELOCITA’ IGIENE BRILLANTEZZA GOCCE SPAZZOLE AUTOMOBILE BAGNATO AUTOLAVAGGIO ROSSO AZZURRO DOCCIA DONNA

Giochiamo insieme…. FOTO DIVERTENTE AUTOMOBILE ROSSA CON CURVE BAGNATA E LUCIDA SU FONDO AZZURRO CON TESTO GIALLO TESTO DIVERTENTE LOGO IN BASSO A DX … .OLTRE IL RETTANGOLO AUTOLAVAGGIO

FOTO DIVERTENTE

AUTOMOBILE ROSSA

CON CURVE

BAGNATA E LUCIDA

SU FONDO AZZURRO

CON TESTO GIALLO

TESTO DIVERTENTE

LOGO IN BASSO A DX

… .OLTRE IL RETTANGOLO

La nuova realtà

Conclusione GRAZIE Esigenza Opportunità Vincere senza competere