1. TIPOME-
> typography
TRIA
Correzioni ottiche/Le parti del disegno del carattere/
Il corpo del carattere/L’interlinea/La spaziatura tra le lettere/
Le legature/Pesi e stili/I numeri/I segni di interpunzione/Gli accenti
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

2. > typography
tipometria
> Correzioni ottiche.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

3. > typography
1 ...
Lo spessore dei tratti Questi spessori sono
uguali o differenti?
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

4. > typography
1 ...
Lo spessore dei tratti L’occhio umano percepisce
diversamente uno spessore
orizzontale, ed uno identico
ma verticale.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

5. > typography
1 ...
Lo spessore dei tratti L’occhio umano percepisce
diversamente uno spessore
orizzontale, ed uno identico
ma verticale.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

6. > typography
1 ...
Lo spessore dei tratti L’occhio umano percepisce
diversamente uno spessore
orizzontale, ed uno identico
ma verticale.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

7. > typography
2 ... ...
Posizione dei tratti Il bilanciamento dei Anche gli spazi bianchi possono
bianchi e dei neri nel essere percepiti diversamente,
disegno del carattere da ciò che sono in realtà
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

8. > typography
2 ...
Posizione dei tratti Il bilanciamento dei
bianchi e dei neri nel
disegno del carattere
A B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

9. > typography
2 ...
Posizione dei tratti Sovrapponiamo
per capire meglio
A+B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

10. > typography
3 ...
Dimensione dei vuoti Solitamente le lettere hanno
vuoti più ampi nella parte
inferiore, per una questione
di leggibilità
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

11. > typography
3 ...
Dimensione dei vuoti Solitamente le lettere hanno
vuoti più ampi nella parte
inferiore, per una questione
di leggibilità
A B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

12. > typography
4 ... ...
Correzioni nelle Vuoti e pieni vengono bilanciati Sembrano essere alte
dimensioni anche con delle piccole correzioni tutte allo stesso modo...
nelle dimensioni delle lettere.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

13. > typography
4 ...
Correzioni nelle ma non lo sono,
dimensioni ovviamente.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

14. > typography
4 ...
Correzioni nelle Il caso “A” è quello corretto.
dimensioni
A B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

15. > typography
4 ...
Correzioni nelle Il caso “A” è quello corretto.
dimensioni
A B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

16. > typography
5 ... ...
Continuità delle forme Anche in questo caso, a dispetto Sorprendentemente, neanche le
e parallelismo delle apparenze, i bracci della “X” linee di contorno che disegnano
non sono allineati. i bracci sono parallele tra loro...
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

17. > typography
tipometria
> Le parti del disegno del carattere.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

18. > typography
vertice asta obliqua ascendente occhiello orecchio
raccordo o barra o asta collo cappio discendente grazia
staffa orizzontale
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

19. > typography
pancia asta verticale ascendente braccio cassa
sperone occhiello gamba o coda asse verticale coda pancia asse inclinato
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

20. > typography
tipometria
> Il corpo del carattere.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

21. > typography
spalla superiore maiuscole accentate
altezza maiuscole
ascendenti / occhio superiore
occhio
corpo
occhio medio /altezza della x
linea di base
discendenti / occhio inferiore
spalla inferiore
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

22. > typography
... ...
L’occhio medio del carattere o Più l’occhio medio è grande più
altezza della x cambia a seconda il carattere sarà leggibile.
del disegno del carattere
Garamond corpo 190 pt Gill Sans corpo 190 pt News Gothic corpo 190 pt
occhio medio piccolo occhio medio medio occhio medio grande
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

23. > typography
tipometria
> L’interlinea.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

24. > typography
... ...
L’interlinea è la distanza che linea in alto che determina
passa tra la linea di base e la l’altezza della x o l’occhio medio.
oxp oxp oxp
yxb yxb yxb
Garamond corpo 85 pt Din corpo 85 pt Adobe Caslon corpo 85 pt
interlinea 87 pt interlinea 87 pt interlinea 87 pt
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

25. > typography
tipometria
> La spaziatura tra le lettere.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

26. > typography
... ...
La spaziatura è un valore lo spazio che va a collocarsi
numerico attribuito ad ogni a destra e a sinistra.
singola lettera che ne determina
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

27. > typography
... ...
Il Kering è una variazione Lo spazio tra le lettere non è
sistematica della spaziatura, costante ma varia a seconda
per casi particolari. dei casi.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

28. > typography
...
In particolari casi in cui la
spaziatura tra le lettere risulta
essere troppo larga o stretta
il Kerning ha bisogno di essere
modificato per ottenere
un giusto equilibrio tra i pieni
-50 -10 -10 -10 e vuoti.
230 220 200 170 180
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

29. > typography
tipometria
> Le legature.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

30. > typography
1 ... ...
Legature standard Dato che molti caratteri accostati le lettere sono state accorpate
tra loro collidevano come nei casi in un unico glifo tramite una
più comuni riportati qui in basso, legatura.
fi ffi fl ffl fj ffj senza legature
fi ffi fl ffl fj ffj con legature
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

31. > typography
2
Legature facoltative
altre legature
legature basate
sulla “esselonga”
legature
a “modo di ponte”
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

32. > typography
3
Nessi tipografici
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

33. > typography
tipometria
> Pesi e stili.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

34. > typography
1 ... ...
Il caso Univers L’Univers conta numerosi pesi Gli stili sono: regular (regolare),
e stili divesi combinati fra loro. oblique (obliquo), condesed
I pesi sono: light (chiaro), regular (stretto), extended (largo), ultra
(regolare), bold (nero), black, condensed...
extra black...
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

35. > typography
...
Tavola sinottica del carattere
Univers, al centro l’Univers 55,
il carattere standard. Sugli assi
orizzontali le compressioni e su
quelli verticali gli spessori.
I numeri dispari indicano il tondo,
i pari il corsivo.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

36. > typography
2
maiuscololetto
Tondo, corsivo e maiuscoletto
maiuscolo
minuscolo
e confronto fra maiuscolo,
maiuscoletto e minuscolo
tondo Mmm Mmm Mmm
corsivo Meta corpo 60 pt Bodoni T.t corpo 60 pt Caslon corpo 60 pt
maiuscoletto
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

37. > typography
tipometria
> I numeri.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

38. > typography
0123456789 Numeri cardinali
0123456789 Numerazione alto/bassa o numeri
saltellanti
Dal 1961 Con il minuscolo è preferibile usare la numerazione alto/bassa
dal 1961 Con il maiuscoletto è preferibile usare la numerazione alto/bassa
DAL 1961 Con il maiuscolo è preferibile usare la numerazione cardinale
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

39. > typography
tipometria
> I segni di interpunzione.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

40. > typography
1 ... ...
La virgola e i puntini La virgola non deve avere spazi I tre puntini di sospensione
di sospensione prima, solo dopo (paola virgola prevedono uno spazio sia prima
spazio parola). che dopo a meno che non ci sia
una parentesi a seguire
in chiusura.
certo , ma certo ,ma certo,ma certo, ma
errato errato errato esatto
certo... certo ... certo ... ma ... certo certo ...)
errato esatto esatto esatto esatto
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

41. > typography
1
Le virgolette e l’apostrofo
‘certo’ ‚certo‘ “certo” “certo„ „certo“ «certo» »certo«
virgolette semplici o apici virgolette alte: inglesi, spagnole e tedesche virgolette basse o sergente: italiane e tedesche
'certo' "certo"
esempio errato
l’anno l'anno
esatto errato
60'=1° questo è il simbolo dei primi orari e
non deve sostituire le virgolette
o l’apostrofo
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

42. > typography
tipometria
> Gli accenti.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

43. > typography
...
Esistono numerosi tipi di accento
più o meno utilizzati a seconda
della lingua in cui stiamo
scrivendo.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia

44. > typography
...
Come per tutte le lettere
E' E’ è
accentate esiste un apposito
glifo per scriverle.
è errato sotituire questo glifo
con una e seguita dal simbolo
errato errato esatto
dei primi orari o dell’apostrofo.
A differenza per scrivare la
po’ pò
parola po’ è giusto usare
l’apostrofo poichè sta a indicare
il troncamento della parola poco.
esatto esatto
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia