Lez tipometria

4,938 views

Published on

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,938
On SlideShare
0
From Embeds
0
Number of Embeds
1,564
Actions
Shares
0
Downloads
272
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Lez tipometria

  1. 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. 2. > typography tipometria > Correzioni ottiche. Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  3. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 23. > typography tipometria > L’interlinea. Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  24. 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. 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. 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. 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. 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. 29. > typography tipometria > Le legature. Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  30. 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. 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. 32. > typography 3 Nessi tipografici Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  33. 33. > typography tipometria > Pesi e stili. Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  34. 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. 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. 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. 37. > typography tipometria > I numeri. Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  38. 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. 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. 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. 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. 42. > typography tipometria > Gli accenti. Politecnico di Bari | corso di laurea in Disegno industriale | aa 2008/2009 | Progettazione grafica 2 || tema: tipografia
  43. 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. 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

×