Stefania Pizzichi
[ G R A P H I C D E S I G N E R]
[
Scuola Comics // a.a. 2010-2011 // Grafica pubblicitaria 2 Esercitazione â„– 7 "FONT DESIGN ~ Parte A" Docente: Francesco Canovaro // Software: Fontlab 5.0.02
Introduzione Griglia tipografica » 02 Struttura del carattere » 03
Font personale Maiuscole » 04 Minuscole » 05 Numeri e simboli matematici » 06 Simboli » 07 Accenti » 09 Glifi completi » 10 Prove di leggibilità » 11 Leggibilità del testo » 14
01
INTRODUZIONE - GRIGLIA E TONO TIPOGRAFICO
I caratteri delimitano con il loro profilo una superficie ben precisa; l'immagine delle lettere nasce infatti dall'equilibrato rapporto fra "bianchi" e "neri". Una lettera normale ha lo spessore delle aste principali pari al 15% della misura della sua altezza. Le lettere possono cambiare il loro valore tonale tramite questo spessore e diventare quindi pi첫 chiare o pi첫 nere. Per il regular ho disegnato una griglia 8x10 cm la cui asta misura 1,5 cm; per il bold wide ho utilizzato una griglia pi첫 quadrata, ovvero 9x10 cm con 2 cm di asta e infine, per il light condensed ho usato una griglia di 6x10 cm con l'asta di 1 cm.
Scansione della griglia fatta a mano - Bold wide
4 /// Font design ///
Scansione della griglia fatta a mano - Light condensed
a.a. 2010-11 | Docente: Francesco Canovaro
02
INTRODUZIONE - STRUTTURA DEL CARATTERE E DERIVAZIONE PROGRESSIVA DELLE LETTERE
Grazie agli studi di Cristoph Weigel (disegnatore di lettere di Norimberga, aa 1700 ca) si è potuto capire la derivazione progressiva delle lettere partendo dai tratti fondamentali. Una volta impostata la gabbia (nel regular la larghezza è l’80% dell’altezza e da questa proporzione si deriva l’intera font-family), si è poi proceduto lettera per lettera: per prime quelle geometriche (I - H - N - E - F - L - T - Z - A - V - K - M - W - X - Y) e poi quelle tonde (O - C - D - B- P - G - Q - J - S). Per prendere confidenza con la costruzione delle lettere, si sono disegnate a mano. Si è costruito le lettere del titolo e dell’autore del primo libro a cui abbiamo fatto la copertina (Esercitazione n° 6). Il font di riferimento è stato il DIN.
a.
b.
c.
Lettere ricalcate a mano: a. Bold wide - b. Regular - c. Light condensed
Digitalizzazione delle lettere su Illustrator (metric manuale) // Dall'alto al basso: Regular - Bold wide - Light condensed
Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 5
03
FONT PERSONALE - MAIUSCOLE
Dopo aver preso conoscenza della struttura delle lettere si è scelto le caratteristiche di un font personale, nel mio caso specifico ho ripreso la griglia del light condensed utilizzata nella pagina accanto (modulo 6x10 cm con spessore dell'asta di 1 cm) e come forme ho scelto un roundend, che si ottiene aggiungendo un semicerchio alla fine di ogni asta delle lattera. Come ispirazione per la costruzione del font ho preso come modelli il Vag Rounded, il Quicksand e il BPReplay. Il maiuscolo inizialmente l’ho creato sul programma Adobe Illustrator CS5, successivamente l’ho riportato sul software Fontlab 5.02. Qui sotto l'alfabeto completo in maiuscolo.
A BCDEFGHI JK LMNOPQ RSTU V W X Y Z 6 /// Font design ///
a.a. 2010-11 | Docente: Francesco Canovaro
04
FONT PERSONALE - MINUSCOLE
Finite le maiuscole si procede con le minuscole, tramite la riproporzione della O all'interno dello spazio della linea x (ovvero l'altezza delle minuscole) e riformiamo il modulo con l'asta di eguale misura delle maiuscole, che riducendolo si era rimpicciolito. Dalla "o", si procede con le seguenti lettere: n - p - q - b - d - h - l - m - u - c - g - y - j - t - f e cosĂŹ via. Il minuscolo, ovviamente, deve continuare a mantenere le caratteristiche del maiuscolo, in questo caso oltre al modulo anche la peculiaritĂ del rounded. Per fare il minuscolo ho proceduto direttamente sul software Fontlab, senza fare precedentemente schemi a mano o su Adobe Illustrator.
abcdefghi jklmnopq r stuv w xyz Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 7
05
FONT PERSONALE - NUMERI E SIMBOLI MATEMATICI
Il mio font personale è certamente un carattere da titolo, non avendo le caratteristiche tipiche dei font da lettura. Nei font da titoli si predilige l'uso di numeri alti quanto le maiuscole e monospaziati. Anche fra i font d'ispirazione si predilige questa scelta stilistica. I simboli che seguono sono di tipo matematico.
% <12345 67890>‰ ≤≠ = + ÷ ÷ ±≥ 8 /// Font design ///
a.a. 2010-11 | Docente: Francesco Canovaro
06
FONT PERSONALE - SIMBOLI
Anche i simboli devono mantenere lo spessore dell'asta e tutte le altre peculiarità che formano la gamma seriale del carattere tipografico. Per quanto riguarda i simboli ho cercato di farne quanti più possibili per renderlo un font completo e ben strutturato. Qui sotto la lista completa.
?! "#&'( )* fifl , . /:;@[ \]^_ ≈ { | } ~¦§ffiffl Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 9
06
FONT PERSONALE - SIMBOLI
Anche i simboli devono mantenero lo spessore dell'asta e tutte le altre peculiarità che formano la gamma seriale del carattere tipografico. Per quanto riguarda i simboli ho cercato di farne quanti più possibili per renderlo un font completo e ben strutturato. Qui sotto la lista completa.
ø$£€ ¥ ¤¨´ ` © « ®° ¶· » №ƒ ˆ– —‘ ’ † ‡ � 10 /// Font design ///
a.a. 2010-11 | Docente: Francesco Canovaro
07
FONT PERSONALE - ACCENTI
Una lista completa dei principali accenti degli alfabeti occidentali. Anche in questo caso, come in qualsiasi glifo, lo spessore delle aste corrisponde a quello prensente in ciascun glifo del carattere tipografico. Qui sotto gli accenti delle vocali.
À Á Â Ä Å Ăàáâãäåă ÈÉÊËĔĖèéêëĕė ÌÍÎÏĬ ìí ïÆæǼǽŒœ ÒÓÔÕÖŎòóôõöŏ ÙÚÛÜŬùûüŭ Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 11
08
FONT PERSONALE - GLIFI COMPLETI
Panoramica completa di tutti i glifi del font, divisi per tipologie. Oltre ai glifi precedentemente presentati, si possono vedere alcune lettere di alfabeti stranieri e ulteriori accenti poco conosciuti in Italia. Inoltre, nella sezione "Altri glifi" sono presenti tutti gli accenti singoli.
0 12 3 4 5 678 9 A BCDEFGHIJK LMNOPQRSTU V W X Y Z abcdefghijklmnopqrstuvwxyz Glifi latini
Æ ŒÐ Ø Þ ß ð Ł æ œ ð ø þ ł Glifi di alfabeti stranieri
"# %' ( & � ) *+ , - . / : ;< = ? ! @ [ \] ^_` { | } ~ ¢ £ ¤ ¥ ¦ § ¨ ’ ‘ ˝ ˜ ˚ ˙ ˘ ˇ ˆ © « ® ° ± ´µ ¶ • · » × ‡ † € № ≠ ≤ ≥ ff fi fl ffi ffl ≈‰“ ” ¡ ¿ Altri glifi
À Á Â Ã Ä Å Ă ĔĖĚÈÉÊËÌÍÎÏÒÓÔÕÖŎŐÙÚÛÜŬŮŰŲǼ ĆĈĊČÇĎĜĞĠĤĴŃÑŇŔŘŚ Ŝ Ş ŠŤ Ŵ Ẁ Ẃ Ẅ Ŷ Ý Ÿ Ỳ Ź Ż Ž àáâãäåăĕėěèéêëìí î ïòóôõöŏőùúûüŭůűųǽ ćĉċčçĝğġĥĵńñňŕřśŝşšŵẁẃẅŷýÿỳźżž Glifi accentati
12 /// Font design ///
a.a. 2010-11 | Docente: Francesco Canovaro
09
FONT PERSONALE - PROVE DI LEGGIBILITÀ
È fondamentale testare la leggibilità del font su diversi corpi: da 8 pt a 48 pt. Premettendo che il font descritto è un font da titolo, rimane comunque leggibile per testi brevi anche in corpi inferiori ai 10 pt. Inoltre essendo un condensed sans-serif non è consigliabile scendere sotto gli 8 pt.
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. Ha sedici anni, i suoi voti sono pessimi tranne in inglese, sua materia preferita. Non ha nulla da condividere né con i compagni, né con i professori; il suo rapporto con gli altri è sempre problematico, conflittuale. Simula indifferenza perché pensa di suscitare indifferenza. È intelligente e acuto, ma non sopporta il mondo bigotto, arrivista e classista che lo circonda. 8 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. Ha sedici anni, i suoi voti sono pessimi tranne in inglese, sua materia preferita. Non ha nulla da condividere né con i compagni, né con i professori; il suo rapporto con gli altri è sempre problematico, conflittuale. 10 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. Ha sedici anni, i suoi voti sono pessimi tranne in inglese, sua materia preferita. Non ha nulla da condividere né con i compagni, né con i professori. 12 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. Ha sedici anni, i suoi voti sono pessimi tranne in inglese, sua materia preferita. 15 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. 18 pt
Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 13
09
FONT PERSONALE - PROVE DI LEGGIBILITÀ
È fondamentale testare la leggibilità del font su diversi corpi: da 8 pt a 48 pt. Premettendo che il font descritto è un font da titolo, rimane comunque leggibile per testi brevi anche in corpi inferiori ai 10 pt. Inoltre essendo un condensed sans-serif non è consigliabile scendere sotto gli 8 pt.
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. 20 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche giorno di libertà, prima che i genitori vengano a sapere dell’ennesimo fiasco scolastico. 24 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide di prendersi qualche… 32 pt 14 /// Font design ///
a.a. 2010-11 | Docente: Francesco Canovaro
09
FONT PERSONALE - PROVE DI LEGGIBILITÀ
È fondamentale testare la leggibilità del font su diversi corpi: da 8 pt a 48 pt. Premettendo che il font descritto è un font da titolo, rimane comunque leggibile per testi brevi anche in corpi inferiori ai 10 pt. Inoltre essendo un condensed sans-serif non è consigliabile scendere sotto gli 8 pt.
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide… 36 pt
Il giovane Holden Caulfield, espulso dal prestigioso istituto Pencey di Agerstown in Pennsylvania per scarso rendimento, decide… 48 pt Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 15
10
FONT PERSONALE - LEGGIBILITÀ DEL TESTO
Un'altra prova di leggibilità fondamentale nel testare un carattere tipografico è vederlo in blocchi di testo di lingue diverse. Qui sotto si trovano piccoli paragrafi in cui il font si presenta con testi scritti nelle principali lingue occidentali: dall'inglese all'olandese, dall'italiano al francese e così via.
E tenebris tantis tam clarum extollere lumen qui primus potuisti inlustrans commoda vitae, te sequor, o Graiae gentis decus, inque tuis nunc ficta pedum pono pressis vestigia signis, non ita certandi cupidus quam propter amorem quod te imitari aveo; quid enim contendat hirundo cycnis, aut quid nam tremulis facere artubus haedi consimile in cursu possint et fortis equi vis? Tu, pater, es rerum inventor, tu patria nobis suppeditas praecepta, tuisque ex, inclute, chartis, floriferis ut apes in saltibus omnia libant, omnia nos itidem depascimur aurea dicta, aurea, perpetua semper dignissima vita. Latino
Hector Schmitz, meglio conosciuto con lo pseudonimo 'Italo Svevo', nacque a Trieste nel 1861 da famiglia ebrea. Intraprese degli studi finalizzati alla carriera commerciale e fu educato in un collegio tedesco, ove compì le prime importanti letture che fecero nascere il suo interesse per la letteratura. Collaborò fino al 1890 al giornale triestino "L'Indipendente", con numerosi articoli, soprattutto letterari e teatrali. Lavorò come corrispondente presso una banca a Vienna, periodo in cui scrisse le prime novelle ed il romanzo "Una vita". Sposò Livia Veneziani nel 1896. Nel 1899 lasciò la banca ed entrò nella ditta del suocero, impegnandovisi attivamente. Italiano
I was about to pass Salvatore when I heard my sister scream. I turned and saw her disappear, swallowed by the wheat that covered the hill. I shouldn't have brought her along; mama would be really mad at me now. I paused. I was sweaty. She was feigning; she was tired. I'll keep going, I said to myself. But what if she really was hurt? Where were the others? I saw their tracks in the wheat. They were climbing slowly, in parallel lines, like the fingers of a hand, toward the hilltop, leaving behind a trail of trampled stalks. That year the wheat was tall. It had been a wet late-spring, and by mid-June the stalks were more luxuriant than ever. Inglese
Pues sepa V.M. ante todas cosas que a mí llaman Lázaro de Tormes, hijo de Tomé González y de Antona Pérez, naturales de Tejares, aldea de Salamanca. Mi nacimiento fue dentro del río Tormes, por la cual causa tomé el sobrenombre, y fue desta manera. Mi padre, que Dios perdone, tenía cargo de proveer una molienda de una aceña, que está ribera de aquel río, en la cual fue molinero más de quince años; y estando mi madre una noche en la aceña, preñada de mí, tomóle el parto y parióme allí: de manera que con verdad puedo decir nacido en el río. Él le respondió que así lo haría, y que me recibía no por mozo sino por hijo. Y así le comencé a servir y adestrar a mi nuevo y viejo amo. Spagnolo 16 /// Font design ///
a.a. 2010-11 | Docente: Francesco Canovaro
10
FONT PERSONALE - LEGGIBILITÀ DEL TESTO
Un'altra prova di leggibilità fondamentale nel testare un carattere tipografico è vederlo in blocchi di testo di lingue diverse. Qui sotto si trovano piccoli paragrafi in cui il font si presenta con testi scritti nelle principali lingue occidentali: dall'inglese all'olandese, dall'italiano al francese e così via.
Mme Lefèvre était une dame de campagne, une veuve, une de ces demi-paysannes à rubans et à chapeaux falbalas, de ces personnes qui parlent avec des cuirs, prennent en public des airs grandioses, et cachent une âme de brute prétentieuse sous des dehors comiques et chamarrés, comme elles dissimulent leurs grosses mains rouges sous des gants de soie écrue. Elle avait pour servante une brave campagnarde toute simple, nommée Rose. Les deux femmes habitaient une petite maison à volets verts, le long d’une route, en Normandie, au centre du pays de Caux. Comme elles possédaient, devant l’habitation, un étroit jardin, elles cultivaient quelques légumes. Francese
Johannes Gensfleisch von Sorgenloch, genannt Gutenberg, gilt als Erfinder des Buchdrucks mit beweglichen Metalllettern in Europa und der Druckerpresse. Die Verwendung von beweglichen Lettern revolutionierte die herkömmlichen Methoden der Buchproduktion und löste in Europa eine Medienrevolution aus. Gutenbergs Buchdruck breitete sich schnell in Europa und später in der ganzen Welt aus und wird als ein Schlüsselelement der Renaissance betrachtet. Insbesondere sein Hauptwerk, die Gutenberg-Bibel, wird allgemein für ihre hohe ästhetische und technische Qualität gerühmt. Ein gleichmäßiger Abstand zwischen den Buchstaben und Zeilen durch erreicht. Tedesco
Pär Lagerkvist föddes som yngste son till en järnvägsanställd och växte upp i ett pietistiskt hem i Växjö, med flera syskon. Han studerade i Uppsala 1911–1912 och vistades under långa perioder i Danmark, Frankrike och Italien under 1910- och 1920-talen. I föräldrahemmet var, som han själv uttryckt det, Bibeln och psalmboken de enda böckerna, men i tonåren kom Pär i kontakt med darwinism och socialism, nya idéer som i grunden ifrågasatte den trygga pietistiska världsbilden. Lagerkvist har själv beskrivit sin bakgrund, den tankemässiga utbrytningen i tonåren och den ångest och oro denna skapade i romanen Gäst hos verkligheten (1925). Svedese
De Tweede Wereldoorlog heeft de schrijvers die deze periode bewust hebben meegemaakt getekend in de manier waarop ze de werkelijkheid ervaren en beschrijven. Na de oorlog is er dan ook een omslag merkbaar. Niet alleen werden er vanzelfsprekend veel boeken geschreven waarin op de periode 1940-1945 wordt teruggeblikt, zoals Het Achterhuis van Anne Frank, Het bittere kruid van Marga Minco en Kinderjaren van Jona Oberski. De vernieuwing, die in literatuurgeschiedenis als ontluisterend realisme zal worden beschreven, wordt daarnaast ingezet door voornamelijk drie auteurs: Gerard Reve, W.F. Hermans en Anna Blaman. Olandese Software: Adobe Illustrator CS5 / Fontlab 5.02
/// Font design /// 17
Stefania Pizzichi
[ G R A P H I C D E S I G N E R]
[
Scuola Comics // a.a. 2010-2011 // Grafica pubblicitaria 2 Esercitazione â&#x201E;&#x2013; 7 "FONT DESIGN ~ Parte A" Docente: Francesco Canovaro // Software: Fontlab 5.0.02