comunicazione visiva. 10.2 lezioni 5 aprile 20042 temi gestalt tipografia
TRANSCRIPT
COMUNICAZIONE VISIVA
10.2 Lezioni 5 Aprile 2004 2
Temi
• Gestalt
• Tipografia
GESTALT
10.2 Lezioni 5 Aprile 2004 4
GESTALT
“Nella percezione visiva, il tutto è più della somma delle sue parti”
Luci “in movimento”
10.2 Lezioni 5 Aprile 2004 5
Le leggi della gestalt
• Legge della vicinanza
• Legge della somiglianza
• Legge della chiusura
• Legge della continuità “curva buona”
• Legge della simmetria “buona forma”
• Legge dell’esperienza(M.Wertheimer, 1923)
10.2 Lezioni 5 Aprile 2004 6
Legge della vicinanza
Le parti di un insieme percettivo vengono raccolte in unità conformi alla minima distanza, a parità di altre condizioni
10.2 Lezioni 5 Aprile 2004 7
10.2 Lezioni 5 Aprile 2004 8
Legge della somiglianza
Di fronte a una moltitudine di elementi diversi, vengono raccolti in gruppo gli elementi fra loro simili - a parità di altre condizioni
10.2 Lezioni 5 Aprile 2004 9
Legge della chiusura
Le linee delimitanti una superficie chiusa si percepiscono come unità più facilmente di quelle che non si chiudono, a parità di altre condizioni
10.2 Lezioni 5 Aprile 2004 10
10.2 Lezioni 5 Aprile 2004 11
10.2 Lezioni 5 Aprile 2004 12
10.2 Lezioni 5 Aprile 2004 13
Da dove inizio? Che cosa è importante?
10.2 Lezioni 5 Aprile 2004 14
Legge della “curva buona”Quelle parti di una figura che formano una “curva buona” o che vanno nella stessa direzione si costituiscono in unità più facilmente delle altre (anche legge della continuità)
“legge della continuità di direzione”
10.2 Lezioni 5 Aprile 2004 15
Legge della “buona forma”Il campo percettivo si segmenta in modo che risultino entità per quanto possibile equilibrate, armoniche, costi-tuite secondo un medesimo principio in tutte le loro parti
10.2 Lezioni 5 Aprile 2004 16
la legge della “simmetria”
Regione contornate da bordi simmetrici tendono ad essere percepite come figure coerenti.
10.2 Lezioni 5 Aprile 2004 17
Legge dell’esperienzaL’esperienza modella le nostre impressioni
Ambiguità
10.2 Lezioni 5 Aprile 2004 19
Ambiguità
10.2 Lezioni 5 Aprile 2004 20
10.2 Lezioni 5 Aprile 2004 21
Nel design delle interfacce occorre evitare l’ambiguità
10.2 Lezioni 5 Aprile 2004 22
BOTTONI O TITOLI?
10.2 Lezioni 5 Aprile 2004 23
Banner
Funzioni
(ma non si capisce)
Esempi
10.2 Lezioni 5 Aprile 2004 25
10.2 Lezioni 5 Aprile 2004 26
10.2 Lezioni 5 Aprile 2004 27
10.2 Lezioni 5 Aprile 2004 28
10.2 Lezioni 5 Aprile 2004 29
Rappresentazione: Grafica
• Compromesso fra realismo e capacità di calcolo
• Considerare le esigenze reali dell’ applicazione (es. simulatori di volo)
• Rappresentazione tridimensionalità
• Modelli geometrici
10.2 Lezioni 5 Aprile 2004 30
Rappresentazione: tridimensionalità
• Dimensione il più piccolo di due oggetti identici sembra più vicino
• Interposizione l’ oggetto che copre parzialmente un’ altro sembra più vicino di quello coperto
• Contrasto e luminosità oggetti più luminosi e meglio definiti sembrano più vicini di oggetti scuri e meno definiti
• Ombre le ombre proiettate da un oggetto sugli altri danno indicazioni delle posizioni relative
• Dettaglio con l’ aumentare della distanza apparente il dettaglio della superficie diminuisce
• Effetto parallasse movendo la testa gli oggetti a distanze maggiori sembrano muoversi più lentamente degli oggetti più vicini
etc
10.2 Lezioni 5 Aprile 2004 31
Modelli geometrici
• Wireframe
• Boundary
• solid