teoria della scelta di caratteri...tratto da: fondamenti di grafica – g. ambrose e p. harris –...

1

maurizio

zmercurio

1

Teoria dei caratteriGrafiche tratto da: Il Segno Grafico - G. Fibbi - Hoepli editore. (libro di testo del mio corso)e da: Fondamenti Di Grafica – G. Ambrose e P. Harris – Logos editore (testo consigliato).

2

maurizio

zmercurio

2

LE VARIABILI DELL’ARMONIA DEI CARATTERI.

ARCHITETTURA SPAZI BIANCHI

Valori funzionali.Aspetti di leggibilità.

Valori semantici.Aspetti di stile per trasferire estetica e personalità.

Più leggibilità. Più estetica.

Larghezza

Altezza

Fra caratteri.

Fra parole.

3

maurizio

zmercurio

3

L’ANTICA TIPOGRAFIA

Perché ne parliamo?Perché condiziona la logica delle misurazioni e l’impaginazione.

5

maurizio

zmercurio

5

CORPO MISURE E ALLINEAMENTI

I caratteri possono non occupare tutto il corpo a disposizione.

Oltre al corpo c’èl’interlinea.

7

maurizio

zmercurio

7

ESTENSIONE VERTICALE: INTERLINEA

L’interlinea misura la distanza fra una linea di base e la successiva. N.B.non lo spazio fra le stringhe di testo.

I caratteri tipografici vengono espressi con due valori: il primo misura il corpo, il seconda l’interlinea suggerita.

Es.: Helvetica 10/14significa che 10 punti sono l’altezza del corpo (A) e 14 l’interlinea (B).10/10 significa con nessuna separazione fra i corpi delle due righe (in questo caso si definisce sterlineato).

8

maurizio

zmercurio

8

ESTENSIONE VERTICALE: INTERLINEA

L’interlinea misura la distanza fra una linea di base e la successiva (non lo spazio fra le stringhe di testo).

9

maurizio

zmercurio

9

IL NUMERO DEI CARATTERI È SMISURATO

Ogni carattere esprime:un tono,uno stile euno stato d’animo.Ma anche una leggibilità.

Cosa vi sembra più appropriato?

10

maurizio

zmercurio

10

TERMINOLOGIA DEI COMPONENTI

11

maurizio

zmercurio

11

TERMINOLOGIA DEI COMPONENTI

12

maurizio

zmercurio

12

Ci sono elementi di stilee particolari che danno fantasia a una serie infinita di caratteri.

TANTI CARATTERI. PERCHÉ?

Ogni carattere ha uno stile suo e rappresenta diversi stati d’animo per il racconto visivo.

13

maurizio

zmercurio

13

Grazie

Grazie

Elementi di stile

•Armonia•Citazione •Trasgressione•…….

1

2

1

2

1

2

1

2

14

maurizio

zmercurio

14

grazieA COSA SERVONO LE GRAZIE?

A leggere meglio da vicino.Ciò vuol anche dire che da lontano ostacolano la lettura.

15

maurizio

zmercurio

15

TIPI DI GRAZIE

16

maurizio

zmercurio

16

CON GRAZIE (SERIF)SENZA GRAZIE (SANS SERIF)

17

maurizio

zmercurio

17

CARATTERI MONOSPAZIATE E PROPORZIONALI

18

maurizio

zmercurio

18

GRASSETTO O BOLD

Semanticamente un carattere rinforzato nel corpo sta gridando.

Esteticamente uno spessore maggiore del carattere darà una risposta più invasiva quindi più “colore tipografico” (influenzato anche dalla spaziatura).

Anche il fondo nero con i caratteri bianchi aumenta la drammaticità.

19

maurizio

zmercurio

19

CORSIVO O ITALIC

Alcuni caratteri, come l’Hlvetica, hanno un’inclinazione meccanica dei caratteri normali,Altri come il palatino sono completamnte rridisegnati. Vedasi le “a”.

20

maurizio

zmercurio

20

MAIUSCOLETTO

Il maiuscoletto generato dai programmi di scrittura riduce in proporzione i corpi delle lettere che occupano posti minuscoli,

Mentre il vero maiuscoletto lo ridisegna dando lo stesso peso alle stesse lettere.

Adatto a rappresentare il

prestigio.

21

maurizio

zmercurio

21

VARIANTI DELLO STESSO CARATTERE

Ogni carattere ha una declinazione articolata.La stessa lettera sarà:normale, corsiva, bold, extrabold,fine,extrafine

22

maurizio

zmercurio

22

VARIANTI DELLO STESSO CARATTERE

Ogni carattere ha una declinazione articolata.

23

maurizio

zmercurio

23

VARIANTI DELLO STESSO CARATTERE

Ogni carattere ha una declinazione articolata .

VARIANTI DELLO STESSO CARATTERESERIE DI CARATTERI HELVETICA A DISPOSIZIONE Le variabili apportate allo stesso carattere sono:

— L’inclinazione delle aste. Daranno il corsivo che sarà più o meno bold.

— La forma ortografica maiuscola e minuscola.

— Lo spessore delle aste. Daranno diversi livelli di bold.

— La compressione dei caratteri. Compressed + compatto, extended -.

maurizio

zmercurio

25

maurizio

zmercurio

25

I CARATTERI

Micro composizione delle lettere

26

maurizio

zmercurio

26

DEFORMAZIONI OTTICHE DEI CARATTERI

Le aste orizzontali appaiono MENO larghe delle verticali (H).

In due quadrati, uno sopra l’altro, la parte inferiore ci sembra più grande.Bisognerà alzare di pochissimo l’asta della: B, E, H, K.

Alcune lettere hanno forma triangolare: A, V.Altre quadrate: H, I, L, M, N, R, T, Z.Altre miste: B, D, T, U.Applicheremo i criteri per la deformazione delle forme geometriche.

H Bisognerà allagare pochissimo queste ultime per riportare equilibrio.In parte lo si farà anche sulle oblique.

27

maurizio

zmercurio

27

DEFORMAZIONI

Micro composizione delle lettere

28

maurizio

zmercurio

28

DEFORMAZIONI

29

maurizio

zmercurio

29

DEFORMAZIONI

30

maurizio

zmercurio

30

ESTENSIONE VERTICALE: INTERLINEATratto da: Fondamenti di Grafica. Gavin Ambrose e Paul Harris. Logos editore

31

maurizio

zmercurio

31

AVVICINAMENTO DELLE LETTERE E SPAZIATURA

La separazione fra parole ha l’obiettivo di giustificare un testo.

—

—

L’avvicinamento (lo spazio bianco fra un carattere e il successivo)cambia da lettera a lettera.Non dovrebbe mai essere alterato quello proposto da chi ha disegnato il carattere.

La separazione fra caratteri ha l’obiettivo di alleggerire.

32

maurizio

zmercurio

32

AVVICINAMENTO DELLE LETTERE E SPAZIATURA

—

33

maurizio

zmercurio

33

ESTENSIONE ORIZZONTALE: AVVICINAMENTOTratto da: Il segno Grafico Gianni Fibli. HOEPLY editore

Tra una lettera e l’altra l’armonia pretende la stessa area.

Le regole pratiche cambiano in funzione della forma geometrica delle lettere.

34

maurizio

zmercurio

34

ESTENSIONE ORIZZONTALE: AVVICINAMENTO

L’unità di misura è la quarta parte del trattino dell’ ”H”.

Tratto da: Il segno Grafico Gianni Fibli. HOEPLY editore

— Tra due lettere quadrate si lasciano 3 unità di spaziatura.— Tra due triangolari rivolte nella stessa direzione (fra due A o

due V) si lasciano 1 unità di spaziatura.— Se contrapposti si lascia meno di 1 unità unità di spaziatura.— Fra due tonde si lascia 1 unità di spaziatura.— Fra tonde e quadrato si lasciano 2 unità di spaziatura.— Fra tonde e triangolare si lascia 0 spazio.— Fra triangolare e quadrata si lascia 1 unità di spaziatura.

35

maurizio

zmercurio

35

ESTENSIONE ORIZZONTALE: AVVICINAMENTO

Ogni disegnatore di caratteri e di loghi dà precise istruzioni:

36

maurizio

zmercurio

36

ESTENSIONE ORIZZONTALE: AVVICINAMENTO

Crenare significa avvicinare i caratteri quando l’occhio lo consiglia.

37

maurizio

zmercurio

37

AVVICINAMENTO DELLE LETTERE E SPAZIATURA

La prima scritta non è giustificata. Esce dalla gabbia e dà fastidio.La seconda palesa la sua contrazione, e dà altrettanto fastidio.

38

maurizio

zmercurio

38

ESTENSIONE ORIZZONTALE: AVVICINAMENTO

È molto semplice con il computermodificare i caratteri e la loro estensione, ma, se l’obiettivo è l’armonia, se possibile è meglio evitare.

39

maurizio

zmercurio

39

LEGGIBILITÀ DEL TESTO.

— Forma della parola.— Tono(quantità di nero/ampiezza del carattere) e grigio tipografico.— Rapporto fra spazi stampati e aria attorno.— La forma del testo.

— Il fondo e il contesto grafico.

Ogni parola è memorizzata nel cervello come segno. La velocità, e la possibilità, di lettura dipende da:

40

maurizio

zmercurio

40

COMPOSIZIONE DEL TESTO.

Composizione a bandiera sinistra.

Composizione a bandiera

destra.

Composizione a epigrafe

(breve però!!!)

Composizione Giustificata xxx x x x x x x x

Rientro per rendere più chiaro il capoverso. Si usa in lunghi testi. L’occhio colpisce subito l’inizio del paragrafo rendendo la lettura più selettiva. Potrebbe essere enfatizzata ingrandendo la prima lettera o con un disegno che la incorpori.

Anche andare a capo è un atto comunicativo.Nidifica gli argomenti.

41

maurizio

zmercurio

41

QUANTO PUÒ ESSERE LUNGA UNA RIGA?Tratto da: Fondamenti Di Grafica – G. Ambrose e P. Harris – Logos editore .

Un headline pubblicitario regge massimo 5 parole.I giornali ci hanno abituato a scrivere su strette colonne,Se il problema fosse stato solo quello della veloce lettura avrebbero potuto essere più larghe ma l’esigenza era la correzione degli errori.

?

42

maurizio

zmercurio

42

QUANTO PUÒ ESSERE LUNGA UNA RIGA?Tratto da: Fondamenti Di Grafica – G. Ambrose e P. Harris – Logos editore .

In un libro o in un déplian fitto ci sono criteri per favorire la velocità. Lettura per colpi d’occhio.

Proposta 1. Righe di 5 parole (media 5 lettere a parola)

Proposta 2. Una volta e mezza l’alfabeto minuscolo.

Proposta 3. Da un minimo di 26 caratteri a un massimo di 68.

43

maurizio

zmercurio

43

TERMINOLOGIA DA CONOSCERE

La giustezza. È la lunghezza di una parola, di una frase o di un testo.

44

maurizio

zmercurio

44

TERMINOLOGIA DA CONOSCERE

Il corpo. Altezza fra la spalla superiore e quella inferiore, non della lettera, ma del tassello dove storicamente si inseriva il carattere tipografico.

Carattere Times New RomanCarattere Helvetica:

46

maurizio

zmercurio

46

I CARATTERI

La scelta del carattere (font) assolve un obiettivo— funzionale (percezione dell’elaborato)

• lettura da vicino o da lontano• materiale di supporto (web, carta, altro)• contesto

— semantico (trasmette tono, stile ed elementi evocativi).

N.B.Mai corsivi per il web.

47

maurizio

zmercurio

47

I CARATTERI COME SCELTA SEMANTICA

Come attori in un casting

48

maurizio

zmercurio

48

CLASSIFICAZIONE

49

maurizio

zmercurio

49

CLASSIFICAZIONE

50

maurizio

zmercurio

50

L’ART DIRECTOR, POI, AGGIUNGE DEL SUO

51

maurizio

zmercurio

51

QUANDO LA CREATIVITÒ È AFFIDATA AL FONT

52

maurizio

zmercurio

52

QUANDO LA CREATIVITÒ È AFFIDATA AL FONT

53

maurizio

zmercurio

53

QUANDO LA CREATIVITÒ È AFFIDATA AL FONTE AL COLORE

54

maurizio

zmercurio

54

QUANDO LA CREATIVITÒ È AFFIDATA AL FONTINTERPRETATO SEMANTICAMENTE

55

maurizio

zmercurio

55

QUANDO LA CREATIVITÒ È AFFIDATA AL FONTINTERPRETATO SEMANTICAMENTE

56

maurizio

zmercurio

56

CARATTERE, IMPAGINAZIONE E STILE

57

maurizio

zmercurio

57

CARATTERE, IMPAGINAZIONE E STILE

58

maurizio

zmercurio

58

CARATTERE, IMPAGINAZIONE E STILE

59

maurizio

zmercurio

59

CARATTERE, IMPAGINAZIONE DINAMICA

60

maurizio

zmercurio

60

CARATTERI PER IL WEB

Per una migliore leggibilità bisognerà:— Usare caratteri senza

grazie (a bastoni).— Evitare linee trasversali

non solo nel segno ma anche nei caratteri.

61

maurizio

zmercurio

61

CARATTERI PER IL WEB

Come garantire la leggibilità:

— Uso accurato del contrasto tipografico.— Enfatizzare solo aspetti importanti del testo.— Lunghezza di una riga di circa 9 parole (media di 5

lettere per parola).— Utilizzo di testi brevi (al massimo 20 righe).— Dimensione minima del font di 12 punti.

Tratto da “Credibilità e Web Design efficace.

La lettura sul web è piùfaticosa di quella sulla carta quindi premuriamoci di essere più semplici e “puliti” nella composizione di testo e immagini.

62

maurizio

zmercurio

62

CARATTERI SPECIFICI PER IL WEB

63

maurizio

zmercurio

63

VEDOVE E ORFANI

— Evitate che una pagina finisca con le prime righe di un paragrafo che inizia.

— Evitate che una pagina inizi con le ultime righe di un paragrafo.

64

maurizio

zmercurio

64

maurizio

zmercurio

Grazie dell’attenzione.

Il file di questa presentazione su:

Pagina CONFERENZE

Per contatti: mmercurio@hotmail.itTel.: 3355648232

http://mauriziomercurio.weebly.com