quante zampe ha l'elefante?
DESCRIPTION
Giochi di percezione visiva per il web... e non solo.TRANSCRIPT
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.
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