SlideShare una empresa de Scribd logo
1 de 49
Descargar para leer sin conexión
QUANTE ZAMPE HA L'ELEFANTE?
Giochi di percezione visiva per il web ... e non
solo
giochi mente
immagini occhi
comunicazione visiva
neuroscienze
opera d’arte
Obiettivi
Capire alcuni dei “perché” che
fanno si che una pagina web,
una newsletter o un logo
abbiano più successo di altri.
QUANTE ZAMPE HA L'ELEFANTE?
Vedere e Percepire
• vedere: percepire attraverso la
vista
• percepire: acquistare coscienza di
una realtà esterna per mezzo dei
sensi o dell'intuito
AMBIENTE
STIMOLI
IMMAGINE COSCIENTE
PERCEZIONE VISIVA
Che cosa influisce sulla percezione?
• Fattori funzionali: ci vedo bene?
• Fattori culturali: il significato attribuito
in determinato contesto
storico/culturale
• Fattori personali: la mia storia, il mio
vissuto
La psicologia è un aspetto importante del
design, perché rappresenta l ’emozione e la
percezione del nostro obiettivo lavorativo. Il
designer deve “costruire” il suo prodotto in
relazione ai suoi bisogni e alle sue emozioni,
anche sulla base di modelli sociali. http://www.crearelogo.it/i-
principi-della-gestalt-applicati-al-design/
Gestalt
La Gestalt cerca di comprendere le leggi o principi
con cui strutturiamo le nostre percezioni.
La realtà è il “fenomeno” che percepisco
Il complesso è qualcosa di più della somma delle
parti che lo compongono
Gestalt
La forma non è data dalla semplice somma
dei suoi elementi ma è qualcosa di più, di
diverso.
La percezione dunque non dipende dagli
elementi ma dalla strutturazione di questi
elementi in un “insieme organizzato”, in una
“Gestalt” (forma)
Principio della vicinanza
Gli elementi posizionati vicini, con caratteristiche
simili, sono percepiti come un unico elemento.
Legge della vicinanza
Principio della similitudine
All’interno di una stessa ‘scena’ gli elementi tra
loro simili per forma, colore e dimensione
vengono percepiti come collegati.
Principio della similitudine
Principio della chiusura
Linee e forme familiari vengono percepite
come chiuse e complete, anche se
graficamente non lo sono.
Principio della chiusura
Principio della chiusura
Detto anche principio di contrasto: gli oggetti
vengono percepiti come contorni in contrasto con
uno sfondo.
Principio della Figura e sfondo
Principio della Figura e sfondo
Principio della Figura e sfondo
Principio della Figura e sfondo
Principio della Figura e sfondo
Principio della Figura e sfondo
Principio della Figura e sfondo
Principio della Figura e sfondo
Giochiamo con i colori
Il colore è un’elaborazione visiva generata dai
segnali nervosi che i fotorecettori della retina
inviano al cervello. La percezione visiva è
quindi creata a tutti gli effetti dal nostro
cervello e, come tale, è capace di provocare
risposte emotive ed atteggiamenti psicologici
diversi.
Il colore è una sensazione che
produce effetti psicologici
relazionali
ROSSO
ROSSO
molto dinamico, forte.
devo farlo subito
in presenza del colore rosso un consumatore medio
tende a spendere di più, e ad acquistare più in fretta,
quasi in modo irrazionale.
anche il colore del pericolo, sangue, emergenza, debito
IL GIALLO
è il colore più “allegro” della ruota dei colori: è il colore
del sole, della gioia, dell’ottimismo.
Attira l’attenzione, crea energia ed esprime sensazioni
positive e rassicuranti.
Ok per creatività
NO in siti che devono esprimere eleganza o
professionalità,
IL GIALLO
L’ARANCIONE
L’arancione è un colore molto vivace,
dinamico e accogliente.
Ottimo per attirare facilmente l’attenzione e
dare ad una composizione grafica una forte
valenza emozionale.
L’ARANCIONE
WWW.D4B.IT
IL BLU
Rilassante e positivo, esprime una
sensazione di benessere, di tranquillità
e di pace. Rassicurante.
Perfetto antagonista del rosso, è il
colore della riflessione, del pensiero
razionale, della calma.
IL BLU
IL BLU
IL VIOLA
colore prevalentemente femminile: cosi
come il blu sembra essere il colore
preferito dagli uomini, il viola spopola
nelle statistiche vincendo a pieni voti il
titolo di “colore più amato dalle
donne”.
WEB REFERENCES
•http://www.fotoartearchitettura.it/si-parla-di-arte/percezione-visiva.html
•http://www.crearelogo.it/evoluzione-del-logo-di-15-case-automobilistiche/
•http://www.html.it/articoli/i-principi-della-gestalt-e-limpaginazione-di-una-pagina-web-2/
•http://www.biondinagaldi.it/Le_illusioni_ottiche%20.htm
•http://www.yourinspirationweb.com/2013/01/20/grafica-web-e-psicologia-del-colore-come-i-
colori-comunicano-con-linconscio-2
Grazie per il tempo passato insieme
e …
a presto on-line …
Alessandra
Quante zampe ha l'elefante?

Más contenido relacionado

Similar a Quante zampe ha l'elefante?

Immagine, Percezione, Identità
Immagine, Percezione, IdentitàImmagine, Percezione, Identità
Immagine, Percezione, Identità
Giancarlo Polenghi
 
Di dono in dono: progetto di Brand Identity
Di dono in dono: progetto di Brand Identity Di dono in dono: progetto di Brand Identity
Di dono in dono: progetto di Brand Identity
Angela_82
 
Psicomotricità20092010
Psicomotricità20092010Psicomotricità20092010
Psicomotricità20092010
imartini
 
Psicomotricità
PsicomotricitàPsicomotricità
Psicomotricità
imartini
 
Psicomotricità20092010
Psicomotricità20092010Psicomotricità20092010
Psicomotricità20092010
imartini
 
Come costruire la propria mission personale con Intelligenza Emotiva
Come costruire la propria mission personale con Intelligenza EmotivaCome costruire la propria mission personale con Intelligenza Emotiva
Come costruire la propria mission personale con Intelligenza Emotiva
Nicola Piccinini
 
Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...
Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...
Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...
Fabiana Parisi
 
2009.12.17 Mappe Mentali (Bolzano Vicentino)
2009.12.17 Mappe Mentali (Bolzano Vicentino)2009.12.17 Mappe Mentali (Bolzano Vicentino)
2009.12.17 Mappe Mentali (Bolzano Vicentino)
Luigi Mengato
 
(Ebook) (ita psicologia) - comunicare con la pnl
(Ebook) (ita   psicologia) - comunicare con la pnl(Ebook) (ita   psicologia) - comunicare con la pnl
(Ebook) (ita psicologia) - comunicare con la pnl
GianpieroMusto
 

Similar a Quante zampe ha l'elefante? (20)

Visualizzazione
VisualizzazioneVisualizzazione
Visualizzazione
 
Formazione per volontari Servizio Civile (1)
Formazione per volontari Servizio Civile (1)Formazione per volontari Servizio Civile (1)
Formazione per volontari Servizio Civile (1)
 
Public speaking - II° Parte: il potere della comunicazione non verbale
Public speaking - II° Parte: il potere della comunicazione non verbale Public speaking - II° Parte: il potere della comunicazione non verbale
Public speaking - II° Parte: il potere della comunicazione non verbale
 
Intelligenza emotiva slideshare
Intelligenza emotiva   slideshareIntelligenza emotiva   slideshare
Intelligenza emotiva slideshare
 
Immagine, Percezione, Identità
Immagine, Percezione, IdentitàImmagine, Percezione, Identità
Immagine, Percezione, Identità
 
THE WEB is PEOPLE - Zeppelin Group - BTO Buy Tourism Online 2013 - Johannes T...
THE WEB is PEOPLE - Zeppelin Group - BTO Buy Tourism Online 2013 - Johannes T...THE WEB is PEOPLE - Zeppelin Group - BTO Buy Tourism Online 2013 - Johannes T...
THE WEB is PEOPLE - Zeppelin Group - BTO Buy Tourism Online 2013 - Johannes T...
 
Di dono in dono: progetto di Brand Identity
Di dono in dono: progetto di Brand Identity Di dono in dono: progetto di Brand Identity
Di dono in dono: progetto di Brand Identity
 
Coltivare la creatività
Coltivare la creativitàColtivare la creatività
Coltivare la creatività
 
Crescere - Il linguaggio con tuo figlio -
Crescere - Il linguaggio con tuo figlio -Crescere - Il linguaggio con tuo figlio -
Crescere - Il linguaggio con tuo figlio -
 
Psicomotricità20092010
Psicomotricità20092010Psicomotricità20092010
Psicomotricità20092010
 
Psicomotricità
PsicomotricitàPsicomotricità
Psicomotricità
 
Psicomotricità20092010
Psicomotricità20092010Psicomotricità20092010
Psicomotricità20092010
 
Come costruire la propria mission personale con Intelligenza Emotiva
Come costruire la propria mission personale con Intelligenza EmotivaCome costruire la propria mission personale con Intelligenza Emotiva
Come costruire la propria mission personale con Intelligenza Emotiva
 
Intelligenza emotiva
Intelligenza emotivaIntelligenza emotiva
Intelligenza emotiva
 
Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...
Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...
Stili Emozionali e Leadership: Il contributo delle Neuroscienze per l'Empower...
 
Siamo in ostaggio
Siamo in ostaggioSiamo in ostaggio
Siamo in ostaggio
 
Il personal branding come sviluppo professionale
Il personal branding come sviluppo professionale Il personal branding come sviluppo professionale
Il personal branding come sviluppo professionale
 
2009.12.17 Mappe Mentali (Bolzano Vicentino)
2009.12.17 Mappe Mentali (Bolzano Vicentino)2009.12.17 Mappe Mentali (Bolzano Vicentino)
2009.12.17 Mappe Mentali (Bolzano Vicentino)
 
Guida interna 2015
Guida interna 2015 Guida interna 2015
Guida interna 2015
 
(Ebook) (ita psicologia) - comunicare con la pnl
(Ebook) (ita   psicologia) - comunicare con la pnl(Ebook) (ita   psicologia) - comunicare con la pnl
(Ebook) (ita psicologia) - comunicare con la pnl
 

Más de Data For Business

Más de Data For Business (20)

Perché aprire un e-commerce
Perché aprire un e-commercePerché aprire un e-commerce
Perché aprire un e-commerce
 
Digital marketing e piccola impresa
Digital marketing e piccola impresaDigital marketing e piccola impresa
Digital marketing e piccola impresa
 
La collaborazione tra imprese conviene? La Partnership come soluzione vincente
La collaborazione tra imprese conviene? La Partnership come soluzione vincenteLa collaborazione tra imprese conviene? La Partnership come soluzione vincente
La collaborazione tra imprese conviene? La Partnership come soluzione vincente
 
Web Marketing per il Turismo
Web Marketing per il TurismoWeb Marketing per il Turismo
Web Marketing per il Turismo
 
Come trasformare un prospect in cliente nel rispetto delle normativa: marketi...
Come trasformare un prospect in cliente nel rispetto delle normativa: marketi...Come trasformare un prospect in cliente nel rispetto delle normativa: marketi...
Come trasformare un prospect in cliente nel rispetto delle normativa: marketi...
 
Luxury brand e slow web: un'apparente contraddizione
Luxury brand e slow web: un'apparente contraddizioneLuxury brand e slow web: un'apparente contraddizione
Luxury brand e slow web: un'apparente contraddizione
 
Come comunicare i valori di un brand con un video
Come comunicare i valori di un brand con un video Come comunicare i valori di un brand con un video
Come comunicare i valori di un brand con un video
 
Elaborare una social media strategy per un ecommerce vincente
Elaborare una social media strategy per un ecommerce vincente Elaborare una social media strategy per un ecommerce vincente
Elaborare una social media strategy per un ecommerce vincente
 
Visual social network: immagini alla riscossa!
Visual social network: immagini alla riscossa!Visual social network: immagini alla riscossa!
Visual social network: immagini alla riscossa!
 
Come creare un contenuto visual per i social media
Come creare un contenuto visual per i social media Come creare un contenuto visual per i social media
Come creare un contenuto visual per i social media
 
Come i social media possono aiutarti a vendere online
Come i social media possono aiutarti a vendere onlineCome i social media possono aiutarti a vendere online
Come i social media possono aiutarti a vendere online
 
Social Commerce
Social CommerceSocial Commerce
Social Commerce
 
Come Usare i Social Media per Organizzare un Evento In-Store
Come Usare i Social Media per Organizzare un Evento In-StoreCome Usare i Social Media per Organizzare un Evento In-Store
Come Usare i Social Media per Organizzare un Evento In-Store
 
Visual Social Network: immagini alla riscossa
Visual Social Network: immagini alla riscossaVisual Social Network: immagini alla riscossa
Visual Social Network: immagini alla riscossa
 
Come creare la migliore pagina Facebook per la tua azienda - Fashion Digital ...
Come creare la migliore pagina Facebook per la tua azienda - Fashion Digital ...Come creare la migliore pagina Facebook per la tua azienda - Fashion Digital ...
Come creare la migliore pagina Facebook per la tua azienda - Fashion Digital ...
 
Fashion Android: case history, consigli e app dal mondo fashion e geek - Fash...
Fashion Android: case history, consigli e app dal mondo fashion e geek - Fash...Fashion Android: case history, consigli e app dal mondo fashion e geek - Fash...
Fashion Android: case history, consigli e app dal mondo fashion e geek - Fash...
 
Come essere mobile in 10 mosse - Fashion Digital Workshop
Come essere mobile in 10 mosse - Fashion Digital WorkshopCome essere mobile in 10 mosse - Fashion Digital Workshop
Come essere mobile in 10 mosse - Fashion Digital Workshop
 
Come gestire campagne di advertising su Facebook - Fashion Digital Workshop
Come gestire campagne di advertising su Facebook - Fashion Digital WorkshopCome gestire campagne di advertising su Facebook - Fashion Digital Workshop
Come gestire campagne di advertising su Facebook - Fashion Digital Workshop
 
E-Commerce: dal sito ai social - Fashion Digital Workshop
E-Commerce: dal sito ai social - Fashion Digital WorkshopE-Commerce: dal sito ai social - Fashion Digital Workshop
E-Commerce: dal sito ai social - Fashion Digital Workshop
 
Nuove features per la tua pagina Facebook aziendale
Nuove features per la tua pagina Facebook aziendaleNuove features per la tua pagina Facebook aziendale
Nuove features per la tua pagina Facebook aziendale
 

Quante zampe ha l'elefante?