comunicazione visiva. 10.2 lezioni 5 aprile 20042 temi gestalt tipografia

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