La comunicazione visiva: principi e lettura delle immagini

La comunicazione visiva

A cura della Prof.ssa Annalisa NicastroComunicazione visiva
La comunicazione visiva trasmette messaggi attraverso
immagini (e perciò è chiamata a volte comunicazione iconica, dal greco eikon, "immagine),
sfruttando il loro potere evocativo e immediato. Include
strumenti come fotografia, grafica, video, e pittura.

Le immagini come linguaggio universale

"Le immagini, accessibili a tutti, trasmettono concetti
complessi e emozioni senza barriere linguistiche.
"Un mezzo di comunicazione usato sin dai tempi preistorici.

Scopo principale

Non si concentra sulla forma,
ma sulla creazione di
comunicazioni efficaci.

Le immagini come linguaggio universale

"L'immagine è più contagiosa,
più virale dello scritto" (Régis Debray)
Régis Debray
VITA E MORTE
DELL'IMMAGINE
Una storia dello sguardo
in Occidente
Magonza
le lucciole | 03

Comunicazione visiva

Il designer combina:
- metodo (design),
- obiettivo (comunicazione)
- mezzo (visione)
per trasmettere messaggi
chiari, minimizzando il
"rumore" tra mittente e
pubblico.
Messaggi
Messaggi
Mezzo
Obiettivo
Messaggi
Metodo
Messaggi

Comunicazione visiva casuale e volontaria

"La casuale avviene per caso;
" la volontaria trasmette informazioni:
a) pratiche (oggettiva, come la piantina di un edificio);
b) estetiche (soggettiva, ad esempio sui social la
comunicazione visuale è estetica influenzata dalla
soggettività del ricevente)

Costruzione del messaggio visivo

" Il messaggio visivo avviene tra un emittente e un ricevente
- Il processo include ostacoli:
a) "rumore visivo" (colori inappropriati ... )
b) filtri:
- sensoriali
- culturali
- creativi
RUMORE
IFILTRI SENSORIALI
FILTRI OPERATIVI
FILTRI CULTURALI
RICEVENTE
EMITTENTE
MESSAGGI
VISIVI
EMITTENTE
RICEVENTE
RISPOSTA
DI
.
5
REAZIONE
INTERNA
MESSAGGI
RUMORE
DISTURBI VISIVI
DELL'AMBIENTE
http://dies-project.com/A_lezione%2001%20Teoria%20della%20Rappresentazione%202012-2013.pdf
OGNI NATURA

Interpretazione del messaggio visivo

" Il messaggio è rappresentativo per l'emittente e percettivo
per il ricevente;
"l'efficacia si raggiunge con una comunicazione coincidente.
arrabbiata
Linea
LINEA
nuvoloso
PAZZA
Linea
Ubriaco
rumorosa
Lima potente
LINE A
ESPLOSISA
Linea Ordinata
Linea Sporca
LINE A FU MOSA
LINEA STANCA
1
LINEA ELETTRICA
Linea Navona
LINEA PERICOLOSA
LINEA FRAG
5
LINEA INDECISA
VINEA SALTELLANTE
mm
Linea
linea

Comunicazione visiva

Ognuno vede ciò che sa (Bruno Munari)
La percezione visiva è influenzata dalla conoscenza e
dall'esperienza individuale

Limiti del linguaggio e delle immagini

I limiti del mio linguaggio sono i limiti del
mio mondo. (Ludwig Wittgenstein)
I limiti delle nostre immagini sono quelli della
nostra capacità di rappresentare il mondo
(parafrasando Wittgenstein)
CECE
PIERRE HADOT
WITTGENSTEIN
E I LIMITI
DEL LINGUAGGIO
Bollati Boringhieri

Pareidolia

Trovare nelle immagini ciò che ci è familiare
Siamo attratti di più da immagini
dove ci sono dei visi, dei volti.
Hanno un riscontro più alto rispetto
ad altre foto.
1
1
TI
.
1
TI
-

Il testo come elemento visivo

Anche il testo attira lo sguardo e
contribuisce alla comunicazione
visiva.
make
people
feel
loved
today

Rivoluzione digitale

" La creazione di immagini è diventata accessibile a tutti grazie
alla tecnologia, che ha semplificato il processo.
O

Cambiamenti nei parametri visivi

" Il formato delle immagini è cambiato per rispondere a nuove
esigenze (es. 9:16 di Instagram);
3600 sono le foto pubblicate ogni secondo su Instagram;
"lo sharing attuale si avvicina molto al marketing pubblicitario.

Attenzione!

· Più la realtà si complica, più le immagini si pongono come
una valida alternativa di semplificazione.
"La cultura dell'immagine nei social media può distorcere la
realtà e portare a una ricerca costante di approvazione.

I 6 elementi del design

" Gli elementi costitutivi di base della comunicazione visiva sono gli
ingredienti utilizzati nella composizione di un artefatto.
" I sei componenti della comunicazione visiva sono:
v Linee
v Forme
v Colori
v Tipografia
v Spazi
v Texture
01. LINEE
02. FORME
03. COLORI
04. TIPOGRAFIA
aA
05. SPAZI
06. TEXTURE

Principi della composizione visiva

· I principi di design regolano come gli elementi sono disposti in
una composizione visiva.
- Tali principi sono un insieme di criteri oggettivi utili a superare
l'insidia del giudizio basato sul solo gusto personale.
"Non tutti i principi del design sono presenti contemporaneamente
in un materiale di comunicazione visiva.
Essi ci aiutano a scomporre e interpretare i meccanismi dei
linguaggi visivi per comunicare con più efficacia il messaggio.

Gli elementi del design

"Le linee: definiscono forme, creano movimento e direzionano
l'occhio verso il punto focale.
"Le forme: possono essere geometriche o organiche e danno
profondità visiva attraverso ombreggiature.
" Il colore: trasmette emozioni e significati diversi in base al
contesto culturale e alla percezione visiva.

Gli elementi del design

· La tipografia: organizza i caratteri per rendere il testo
leggibile e visivamente efficace.
· Lo spazio positivo è quello occupato dagli oggetti, mentre
quello negativo li circonda.
"La texture: si intendono le superfici e le trame; può essere
tattile o visivamente riprodotta.

I 10 principi del design

- Equilibrio: si riferisce alla distribuzione visiva e al peso degli
elementi nella composizione.
Equilibrio
·Gerarchia: Definisce la struttura e l'importanza degli elementi
visivi.
Gerarchia
- Ripetizione: La ripetizione crea coerenza e un motivo visivo
ripetuto.
Ripetizione

I 10 principi del design

· Enfasi: L'enfasi definisce l'elemento più importante della composizione,
creando un punto focale per l'attenzione.
Enfasi
· Contrasto: Il contrasto amplifica l'interesse visivo utilizzando combinazioni di
elementi diversi.
Contrasto
" Armonia e unità: Gli elementi visivi creano un filo logico e una progressione
narrativa, dando un senso di unità.
Armonia e unità
· Varietà: Introduzione di interruzioni tra gli elementi visivi per generare
interesse e discontinuità.
k
Varietà

I 10 principi del design

·Movimento: Suggerisce un percorso visivo per l'occhio, creando
dinamismo anche in composizioni statiche.
Movimento
" Scala: Definisce le dimensioni degli elementi rispetto al resto della
composizione.
Scala
· Proporzione: Riguarda la relazione armonica tra le dimensioni
degli elementi e lo spazio che li circonda.
Proporzione

I 10 comandamenti della comunicazione visiva

1. Colori: Usa massimo 3 colori per evitare confusione. I
   colori devono essere scelti con attenzione, tenendo conto
   del messaggio e della risposta psicologica che evocano.
2. Tipografia: Seleziona 1-2 font coerenti, preferibilmente
   Sans Serif per testi lunghi, e bilancia il contrasto tra
   caratteri.
3. Forme: Ogni forma ha un significato implicito. Il cerchio è
   rassicurante, il triangolo è dinamico, usa le forme in
   modo strategico per il messaggio

I 10 comandamenti della comunicazione visiva

1. Gerarchia: Organizza i contenuti per guidare l'occhio
   dell'utente. Usa gerarchie visive (es. proporzione aurea) per
   focalizzare l'attenzione su elementi chiave.
2. Linee: Usa linee orizzontali o verticali per chiarezza, e linee
   convergenti per guidare l'utente attraverso il layout.
3. Iconografia: Icone universali migliorano la comprensione. Le
   icone personalizzate possono essere stilizzate per riflettere
   l'identità del brand.
4. Contrasto: Utilizza contrasti cromatici o di peso tipografico
   per separare contenuti e orientare l'attenzione dell'utente.

I 10 comandamenti della comunicazione visiva

1. Ordine: Allinea e organizza tutti gli elementi rispettando
   una struttura visiva coerente. Usa spazi vuoti per dare
   respiro al layout.
2. Pesi: Bilancia testi e immagini in base alla loro
   importanza visiva, rispettando una gerarchia ben definita.
3. Spazi: Lo spazio vuoto aiuta a far emergere gli elementi
   chiave del layout, migliorando la leggibilità e l'efficacia
   del messaggio.

Lettura delle immagini

"L'orientamento migliore va da sinistra a destra;
" i colori influenzano la percezione visiva:
- il rosso è il colore che cattura di più la nostra attenzione;
- i chiari emergono di più di quelli scuri.

Tipografia

- La tipografia organizza i caratteri per rendere il linguaggio
scritto leggibile e visivamente attraente.
· È centrale nella comunicazione visiva.
" Alcuni esempi di tipografia: annunci televisivi, magazine,
siti web, segnaletica stradale.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk
LI Mm Nn Oo Pp Qq Rr Ss Tt Uu
Vv Ww Xx Yy Zz 0123456789
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk
Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu
Vv Ww Xx Yy Zz 0123456789
Aa Bb Cc Dd Ee Ff Gg Hh li Jj Kk
LI Mm Nn Oo Pp Qq Rr Ss Tt Uu
Vv Ww Xx Yy Zz 0123456789

Type design

- La progettazione dei caratteri tipografici si occupa di
disegnare:
E
ILM
- ogni forma,
- spazio occupato,
AUDI
IMD
ODTU
5
- specifica e caratteristica di tutte le lettere (caratteri).
Obiettivo: creare uno stile coerente, piacevole e funzionale
detto famiglia di caratteri.

Professione di type designer

· Prima della tipografia digitale esistevano le fonderie di
caratteri tipografici, che si occupavano della produzione e
distribuzione degli stessi.
" La composizione tipografica era il procedimento di
accostamento e sistemazione dei caratteri, progettati dal
type designer.
"Oggi, la tipografia digitale mantiene regole antiche ma
evolve tecnologicamente.

Tipografia e identità del brand

· La tipografia è essenziale per costruire l'identità visiva del
brand e influisce sull'efficacia di un messaggio.
"«La tipografia esiste per onorare il contenuto»
Robert Bringhurst (poeta e tipografo canadese)
BRAND
IDENTITY
BRAND
IMAGE
Il modo in cui vuoi che
gli altri ricanoscano
TE
Il modo in cui ti
riconoscono gi
ALTRI

Visual thinking e facilitazione grafica

·Visualizzare le informazioni migliora la comprensione e
memorizzazione sia individualmente che nei gruppi.
COS'È ?
PERCHE ?
PER ?
CHI ?
1
· E' UNA
REGISTRAZIONE
ViSiVA DEi
CONTENUTI TRAMITE
ASCOLTO ATTIVO
e SINTESI GRAFICA
È Di
SUPPORTO A
R
FORNISCE
UNA VISIONE
COMPLESSIVA
-
S
A=B
PER
AZIENDE
e SUGGERISCE
COLLEGAMENTI
e ANALOGIE
E GRUPPI
Di LAVORO
MEETING
FOCUS GROUP
BRAINSTORMING
. T.

Facilitazione grafica

STRUMENTO
Di LAVORO
0