Download - Quante zampe ha l'elefante?
![Page 1: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/1.jpg)
QUANTE ZAMPE HA L'ELEFANTE? Giochi di percezione visiva per il web ... e non solo
![Page 2: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/2.jpg)
giochi mente
immagini occhi
comunicazione visiva neuroscienze
opera d’arte
![Page 3: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/3.jpg)
Obiettivi Capire alcuni dei “perché” che
fanno si che una pagina web,
una newsletter o un logo
abbiano più successo di altri.
![Page 4: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/4.jpg)
QUANTE ZAMPE HA L'ELEFANTE?
![Page 5: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/5.jpg)
![Page 6: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/6.jpg)
![Page 7: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/7.jpg)
![Page 8: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/8.jpg)
Vedere e Percepire
• vedere: percepire attraverso la vista
• percepire: acquistare coscienza di una realtà esterna per mezzo dei sensi o dell'intuito
![Page 9: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/9.jpg)
AMBIENTE
STIMOLI
IMMAGINE COSCIENTE
PERCEZIONE VISIVA
![Page 10: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/10.jpg)
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
![Page 11: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/11.jpg)
![Page 12: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/12.jpg)
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/
![Page 13: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/13.jpg)
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
![Page 14: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/14.jpg)
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)
![Page 15: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/15.jpg)
Principio della vicinanza
Gli elementi posizionati vicini, con caratteristiche simili, sono percepiti come un unico elemento.
![Page 16: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/16.jpg)
Legge della vicinanza
![Page 17: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/17.jpg)
Principio della similitudine All’interno di una stessa ‘scena’ gli elementi tra
loro simili per forma, colore e dimensione vengono percepiti come collegati.
![Page 18: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/18.jpg)
Principio della similitudine
![Page 19: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/19.jpg)
Principio della chiusura
Linee e forme familiari vengono percepite come chiuse e complete, anche se graficamente non lo sono.
![Page 20: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/20.jpg)
Principio della chiusura
![Page 21: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/21.jpg)
Principio della chiusura
![Page 22: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/22.jpg)
Detto anche principio di contrasto: gli oggetti vengono percepiti come contorni in contrasto con uno sfondo.
Principio della Figura e sfondo
![Page 23: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/23.jpg)
Principio della Figura e sfondo
![Page 24: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/24.jpg)
Principio della Figura e sfondo
![Page 25: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/25.jpg)
![Page 26: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/26.jpg)
Principio della Figura e sfondo
![Page 27: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/27.jpg)
Principio della Figura e sfondo
![Page 28: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/28.jpg)
Principio della Figura e sfondo
![Page 29: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/29.jpg)
Principio della Figura e sfondo
![Page 30: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/30.jpg)
Principio della Figura e sfondo
![Page 31: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/31.jpg)
![Page 32: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/32.jpg)
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.
![Page 33: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/33.jpg)
Il colore è una sensazione che produce effetti psicologici
relazionali
![Page 34: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/34.jpg)
ROSSO
![Page 35: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/35.jpg)
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
![Page 36: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/36.jpg)
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à,
![Page 37: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/37.jpg)
IL GIALLO
![Page 38: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/38.jpg)
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.
![Page 40: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/40.jpg)
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.
![Page 41: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/41.jpg)
IL BLU
![Page 42: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/42.jpg)
IL BLU
![Page 43: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/43.jpg)
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”.
![Page 44: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/44.jpg)
![Page 45: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/45.jpg)
![Page 46: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/46.jpg)
![Page 47: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/47.jpg)
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
![Page 48: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/48.jpg)
Grazie per il tempo passato insieme
e …
a presto on-line …
Alessandra
![Page 49: Quante zampe ha l'elefante?](https://reader034.vdocuments.site/reader034/viewer/2022051400/553930934a79598e758b498c/html5/thumbnails/49.jpg)