Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
TIPOME-TRIACorrezioni 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
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
tipometria
> Correzioni ottiche.
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
1Lo 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
> typography
1Lo spessore dei tratti
...L’occhio umano percepisce diversamente uno spessore orizzontale, ed uno identicoma verticale.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
1Lo spessore dei tratti
...L’occhio umano percepisce diversamente uno spessore orizzontale, ed uno identicoma verticale.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
1Lo spessore dei tratti
...L’occhio umano percepisce diversamente uno spessore orizzontale, ed uno identicoma verticale.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
2Posizione dei tratti
...Il bilanciamento dei bianchi e dei neri nel disegno del carattere
...Anche gli spazi bianchi possono essere percepiti diversamente, da ciò che sono in realtà
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
2Posizione dei tratti
A B
...Il bilanciamento dei bianchi e dei neri nel disegno del carattere
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
2Posizione 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
> typography
3Dimensione 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
> typography
3Dimensione 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
> typography
4Correzioni nelledimensioni
...Vuoti e pieni vengono bilanciati anche con delle piccole correzioni nelle dimensioni delle lettere.
...Sembrano essere altetutte allo stesso modo...
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
4Correzioni nelledimensioni
...ma non lo sono, ovviamente.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
4Correzioni nelledimensioni
...Il caso “A” è quello corretto.
A B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
4Correzioni nelledimensioni
...Il caso “A” è quello corretto.
A B
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
5Continuità delle formee parallelismo
...Anche in questo caso, a dispetto delle apparenze, i bracci della “X” non sono allineati.
...Sorprendentemente, neanche le linee di contorno che disegnano i bracci sono parallele tra loro...
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> 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
> typography
raccordo ostaffa
barra o astaorizzontale
collo cappio discendente grazia
vertice asta obliqua ascendente occhiello orecchio
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
sperone occhiello coda pancia asse inclinatoasse verticalegamba o coda
pancia ascendenteasta verticale braccio cassa
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
tipometria
> Il corpo del carattere.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
spalla superiore
spalla inferiore
maiuscole accentate
altezza maiuscole
corp
o
occh
io
ascendenti / occhio superiore
occhio medio /altezza della x
linea di base
discendenti / occhio inferiore
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Garamond corpo 190 pt
occhio medio piccolo
Gill Sans corpo 190 pt News Gothic corpo 190 pt
occhio medio medio occhio medio grande
...L’occhio medio del carattere o altezza della x cambia a seconda del disegno del carattere
...Più l’occhio medio è grande più il carattere sarà leggibile.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
tipometria
> L’interlinea.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
oxpyxb
oxpyxb
oxpyxb
Garamond corpo 85 ptinterlinea 87 pt
Din corpo 85 ptinterlinea 87 pt
Adobe Caslon corpo 85 ptinterlinea 87 pt
...L’interlinea è la distanza che passa tra la linea di base e la
...linea in alto che determina l’altezza della x o l’occhio medio.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
tipometria
> La spaziatura tra le lettere.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
...La spaziatura è un valore numerico attribuito ad ogni singola lettera che ne determina
...lo spazio che va a collocarsi a destra e a sinistra.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
...Il Kering è una variazione sistematica della spaziatura, per casi particolari.
...Lo spazio tra le lettere non è costante ma varia a seconda dei casi.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
-50 -10 -10 -10
230 220 200 170 180
...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 e vuoti.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
tipometria
> Le legature.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
fi ffi fl ffl fj ffj
fi ffi fl ffl fj ffj
...Dato che molti caratteri accostati tra loro collidevano come nei casi più comuni riportati qui in basso,
...le lettere sono state accorpate in un unico glifo tramite una legatura.
senza legature
con legature
1Legature standard
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
2Legature 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
> typography
3Nessi tipografici
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
tipometria
> Pesi e stili.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
...L’Univers conta numerosi pesi e stili divesi combinati fra loro.I pesi sono: light (chiaro), regular (regolare), bold (nero), black, extra black...
...Gli stili sono: regular (regolare), oblique (obliquo), condesed (stretto), extended (largo), ultra condensed...
1Il caso Univers
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> 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
> typography
2Tondo, corsivo e maiuscolettoe confronto fra maiuscolo,maiuscoletto e minuscolo
tondocorsivomaiuscoletto
Mmm Mmm Mmm
mai
usco
lo
mai
usco
lole
tto
min
usco
lo
Meta corpo 60 pt Bodoni T.t corpo 60 pt Caslon corpo 60 pt
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
tipometria
> I numeri.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
01234567890123456789
Numeri cardinali
Numerazione alto/bassa o numeri saltellanti
Dal 1961dal 1961DAL 1961
Con il minuscolo è preferibile usare la numerazione alto/bassa
Con il maiuscoletto è preferibile usare la numerazione alto/bassa
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
> typography
tipometria
> I segni di interpunzione.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
...La virgola non deve avere spazi prima, solo dopo (paola virgola spazio parola).
...I tre puntini di sospensione prevedono uno spazio sia prima che dopo a meno che non ci sia una parentesi a seguire in chiusura.
1La virgola e i puntini di sospensione
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
certo , ma certo ,ma certo,ma certo, ma
certo... certo ... certo ... ma ... certo certo ...)
errato errato errato esatto
esattoesattoesattoesattoerrato
1Le virgolette e l’apostrofo
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
‘certo’ ‚certo‘ “certo” “certo„ „certo“ «certo» »certo«
'certo' "certo"
l’anno l'anno
60'=1°
virgolette semplici o apici virgolette alte: inglesi, spagnole e tedesche virgolette basse o sergente: italiane e tedesche
esempio errato
esatto errato
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
> typography
tipometria
> Gli accenti.
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> typography
Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 | | tema: tipografia
> 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
> typography
...Come per tutte le lettere accentate esiste un apposito glifo per scriverle.è errato sotituire questo glifo con una e seguita dal simbolo dei primi orari o dell’apostrofo.A differenza per scrivare la parola po’ è giusto usare l’apostrofo poichè sta a indicare il troncamento della parola poco.
E' E’ èerrato errato esatto
po’ pòesatto esatto