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