Tipo-grafica: la parola vestita 2

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "Tipo-grafica: la parola vestita 2"

Chiara Corsi
7 anni fa
Visualizzazioni

1 Tipo-grafica: la parola vestita 2 Comunicazione Visiva e Design delle Interfacce Letizia Bollini, Università di Milano-Bicocca

2 The rhythm of the type

3 Il linguaggio tipografico Il testo La composizione tipografica Carattere Dimensione Peso Ritmo verticale Interlinea Paragrafo o capoverso Ritmo orizzontale Paragrafo Tracking Kerning o crenatura Legibility Readability 3 22

4 Verticale

5 Ritmo verticale Gli allineamenti verticali si possono giocare tramite: > Interlinea lo spazio tra una linea di base e la successiva > Paragrafo o capoverso la porzione di testo compresa tra un punto e a capo e il successivo (e in genere rappresenta una unità di significato) 5 22

6 Linea di base Baseline Altezza del minuscolo X-height Apelle figlio di Apollo fece Corpo del carattere una palla di 6 22

7 L altezza di un carattere La grandezza di un carattere viene chiamata corpo. > Punto tipografico (Unità piccola) La dimensione di un carattere si misura in punti tipografici. Nel sistema di Didot (1770): 1 pt=0,376 mm Nel sistema di Anglosassone (1/12 inch): 1 pt=0,352 mm > Riga tipografica (Unità grande o Pica) La riga tipografica o pica equivale a 12 pt Nel sistema di Didot (1770): 12 pt=4,512 mm Nel sistema di Anglosassone (1/6 inch): 1 pt=4,217 mm 7 22

8 Interlinea L interlinea ottimale è in genere il 120% del corpo del carattere. (Es. un corpo 8 pt interlinea 10 pt: 8/10 pt) L interlinea ottimale digitale è sperimentalmente il 150% del corpo del carattere. Carta 120% 12/14 pt Display 150% 12/18 pt 8 22

9 Apelle figlio d Apollo fece una palla di pelle di pollo, tutti i pesci vennero a galla per guardare la palla di pelle di pollo fatta da Apelle figlio d Apollo. 24/20 pt Apelle figlio d Apollo fece una palla di pelle di pollo, tutti i pesci vennero a galla per guardare la palla di pelle di pollo fatta da Apelle figlio d Apollo. 24/28 pt Apelle figlio d Apollo fece una palla di pelle di pollo, tutti i pesci vennero a galla per guardare la palla di pelle di pollo fatta da Apelle figlio d Apollo. 24/40 pt 9 22

10 Paragrafo o capoverso > Permette di dare ritmo e respiro tra un concetto e il successivo > (Spesso) Enfatizzato da un rientro Pseudo-element :first-line e :first-letter Da evitare: > Orfane: righe mozze (<1/3 giustezza) a fine pagina/colonna > Vedove: righe mozze a inizio pagina/colonna p {font: 12pt serif; orphans: 4; widows: 4;} 10 22

11 Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Il testo rivisto dai redattori editoriali viene poi composto in pagine (impaginato) con la distribuzione di eventuali illustrazioni. Si procede così alla verifica dell impaginazione del testo e della sua resa tipografica eliminando gli spazi bianchi verticali nella pagina stampata (dette in gergo tipografico vermi, serpenti, canali o sentieri), gli spazi troppo ampi tra una parola e l altra (nidi). Le righe mozze (inferiori cioè a un terzo della lunghezza totale della riga) a fine o inizio di pagina o colonna (dette, rispettivamente, orfani e vedove). Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Il testo rivisto dai redattori editoriali viene poi composto in pagine (impaginato) con la distribuzione di eventuali illustrazioni. Si procede così alla verifica dell impaginazione del testo e della sua resa tipografica eliminando gli spazi bianchi verticali nella pagina stampata (dette in gergo tipografico vermi, serpenti, canali o sentieri), gli spazi troppo ampi tra una parola e l altra (nidi). Le righe mozze (inferiori cioè a un terzo della lunghezza totale della riga) a fine o inizio di pagina o colonna (dette, rispettivamente, orfani e vedove)

12 Orizzontale

13 Em e misure relative A parte nei caratteri monospaziati (Es. Courier) la dimensione orizzontale varia da lettera a lettera all interno della font. > EM: larghezza della lettera M di un carattere > EN: 1/2 Em e corrisponde alla larghezza della N L Em a differenza del punto tipografico è una unità di misura relativa M M M M Frutiger Condensed Frutiger Regular Courier Dolly 13 22

14 Giustezza è la lunghezza massima di una colonna di testo Le singole righe possono essere più corte La giustezza ottimale è: > Caratteri graziati: 9-12 parole per riga > Caratteri bastoni: 7 a 10 parole per riga > Caratteri con occhi grandi reggono righe più lunghe e viceversa 14 22

15 Allienamento orizzontale > A bandiera sinistra > A bandiera destra > A epigrafe o centrato > Giustificato, a blocchetto o a pacchetto 15 22

16 A bandiera sinistra Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Il testo rivisto dai redattori editoriali viene poi composto in pagine (impaginato) con la distribuzione di eventuali illustrazioni. Testo NON sillabato Asse si allineamento Si procede così alla verifica dell impaginazione del testo e della sua resa tipografica eliminando gli spazi bianchi verticali nella pagina stampata, gli spazi troppo ampi tra una parola e l altra (nidi). Le righe mozze (inferiori cioè a un terzo della lunghezza totale della riga) a fine o inizio di pagina o colonna (dette, rispettivamente, orfani e vedove). Lunghezza massima della riga Giustezza 16 22

17 A bandiera destra Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Il testo rivisto dai redattori editoriali viene poi composto in pagine (impaginato) con la distribuzione di eventuali illustrazioni. Testo NON sillabato Si procede così alla verifica dell impaginazione del testo e della sua resa tipografica eliminando gli spazi bianchi verticali nella pagina stampata, gli spazi troppo ampi tra una parola e l altra (nidi). Le righe mozze (inferiori cioè a un terzo della lunghezza totale della riga) a fine o inizio di pagina o colonna (dette, rispettivamente, orfani e vedove)

18 A epigrafe Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Il testo rivisto dai redattori editoriali viene poi composto in pagine (impaginato) con la distribuzione di eventuali illustrazioni. Testo NON sillabato Si procede così alla verifica dell impaginazione del testo e della sua resa tipografica eliminando gli spazi bianchi verticali nella pagina stampata, gli spazi troppo ampi tra una parola e l altra (nidi). Le righe mozze (inferiori cioè a un terzo della lunghezza totale della riga) a fine o inizio di pagina o colonna (dette, rispettivamente, orfani e vedove)

19 Giustificato Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Il testo rivisto dai redattori editoriali viene poi composto in pagine (impaginato) con la distribuzione di eventuali illustrazioni. Testo sillabato Inadatto per i testi che scrollano Si procede così alla verifica dell impaginazione del testo e della sua resa tipografica eliminando gli spazi bianchi verticali nella pagina stampata, gli spazi troppo ampi tra una parola e l altra (nidi). Le righe mozze (inferiori cioè a un terzo della lunghezza totale della riga) a fine o inizio di pagina o colonna (dette, rispettivamente, orfani e vedove)

20 20 22

21 Spaziatura o tracking Lo spazio orizzontale tra tutte le lettere o parole che compongono un testo. Attributi word-spacing e letter-spacing Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze. Dopo una prima correzione dei meri errori tipografici (detti refusi) eseguita direttamente in tipografia dalla tradizionale figura del correttore di bozze

22 Kerning o crenatura Distanza tra specifiche coppie di lettere per eliminare spazi bianchi e rendere otticamante omogeneo il ritmo. La distanza tra le lettere è in genere 1/3 del corpo del carattere. AW AW Wa Wa LT LT 22 22

23 ?

Documenti analoghi

A. Elementi base Versione 1.6 - Giugno 2006

A. Elementi base Versione 1.6 - Giugno 2006 A. Elementi base Indice Premessa Glossario Marchio/Logo 01 Versione positiva Camere di Commercio 02 Versione positiva Unioni Regionali 03 Versione positiva Aziende