teoria della scelta di caratteri - mauriziomercurio -...
TRANSCRIPT
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: [email protected].: 3355648232
http://mauriziomercurio.weebly.com