Rapporto immagine/testo nella progettazione grafica

1
Rapporto immagine/testo nella progettazione
grafica
La confusione e laffollamento sono un fallimento
del design, non una proprietà intrinseca delle
informazioni.
Mettere a punto strategie di design che rivelino
al contempo la complessità e il dettaglio.
2
Stabilire gerarchie
Diverse tecniche di design stabiliscono una
gerarchia tra le qualità visive

• Stratificazione e separazione
• Enfatizzazione ed esclusione

3
Stratificazione e separazione
Una stratificazione efficace è difficile. I vari
elementi sul piano interagiscono attraverso la
loro semplice presenza combinatoria, creando
configurazioni e tessiture non-informative.
1 1 3 o gt (Josef Albers)
1 1 2




4
Stratificazione e separazione1 1 3 o più
Due elementi sono rappresentati insieme ai
sottoprodotti (accidentali) della loro
associazione per ottenere un certo effetto
estetico, in realtà si danneggia
definitivamente la presentazione dei dati.
Es. elettrocardiogramma
5
Stratificazione e separazione1 1 3 o più
Es. schizzo di Paul Klee
6
Stratificazione e separazione1 1 3 o più
Es. tabella orari del treno
http//www.amtrak.com/trains/timetables.html
7
Stratificazione e separazione1 1 3 o più
Il più delle volte questattività visiva in
surplus è non-informazione, rumore e affollamento
8
Stratificazione e separazione1 1 3 o più
La relazione tra i layer di dati devessere
significativa, per proporzione e armonia,
rispetto alla sostanza dei contenuti espressi.

• La stratificazione si realizza attraverso la
  distinzione di
• forma
• valore (chiaro - scuro)
• dimensione
• colore

9
Stratificazione e separazione1 1 3 o più
Es. Forma
Evitare di racchiudere le parole entro
rettangoli, che attivano spazi in negativo tra le
parole e il contorno.
10
Stratificazione e separazione1 1 3 o più
Es. Forma
11
Stratificazione e separazione1 1 3 o più
Es. Valore (chiaro/scuro)
Le forme esasperate attivano una forte vibrazione
con lo sfondo.
Assottigliando 2 lati di ciascun blocco, le
strade risultano contornate da 1 bordo spesso e 1
sottile.
Il grigio (linea sottile) instaura dei bordi
calmi, adatti ad accogliere ulteriori dettagli.
12
Stratificazione e separazione1 1 3 o più

• Anche la aree in negativo veicolano informazioni
• Es.
• in cartografia le griglie dei blocchi di edifici
  disegnano
• una rete di strisce chiarestrade
• negli esempi sottostanti si attiva un bordo
  illusorio

13
Stratificazione e separazione1 1 3 o più
aree in negativo Es. Anche in questo caso la
visione attiva delle righe in negativo.
14
Stratificazione e separazione 1 1 3 o più
Es. Colore
15
Enfatizzazione-esclusione

• Prediligere le qualità visive e sonore,
  trascurare le altre.
• Es. Acqua
• Enfatizzare orizzontalità, trasparenza,
  mutabilità, rumore
• Escludere umidità.

16
Enfatizzazione-esclusione

• Anche tra le qualità visive e sonore va
  stabilita una
• gerarchia, secondo il tipo di significato che si
  vuole comunicare.

17
Enfatizzazione-esclusione

• Produzione di immagini alcuni tratti, elementi
  o caratteristiche sono ben leggibili, altri
  volutamente ignorati, cancellati trascurati.

• Ricezione i tratti evidenziati sono
  riconoscibili.
• Più difficile individuare le mancanze.

Limmagine è vissuta con un elevato grado di
realtà. Il fruitore si comporta come se fosse di
fronte alloggetto reale.
18
Enfatizzazione-esclusione
19
Conclusioni

• La natura degli elementi visivi è
  incessantemente
• interattiva e contestuale.
• Un editing attento diminuisce leffetto 113.
• Non è cosmesi, ma potenziamento del segnale
• grazie alla riduzione del rumore.
• Riduce la fatica dellutente nel decodificare e
  ricevere le informazioni
• lettura da schermo, pannello di controllo di un
  aereo, apparecchiatura elettromedicale etc
• Linformazione è fatta di differenze che fanno
  la differenza.