ݺߣ

ݺߣShare a Scribd company logo

Impaginazione ebook collana eGutenberg project - Università degli Studi di Milano-Bicocca

•
•
Erika Montoli
Erika Montoli

Abbiamo pensato di declinare ogni volume della collana in un colore diverso. Sulla copertina viene evidenziata, assieme al carattere "#", anche la parola più rappresentativa, per formare un hashtag sul modello di Twitter. L'impaginazione si basa sulla proporzione aurea e sull'accostamento di font graziati e bastoni appartenenti alla stessa famiglia.

1 of 14
Download to read offline
Università degli Studi di Milano - Bicocca Corso di Laurea in Teoria e Tecnologia della Comunicazione Facoltà di Psicologia 4 Erika Montoli & Roberto Falcone #LIKE A ROLLING FONT LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE TESTI A CURA di Letizia Bollini
Erika Montoli & Roberto Falcone #LIKE A ROLLING FONT LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE TESTI A CURA di Letizia Bollini
2011 eGutenberg project Creative Commons License Attribution - NonCommercial - Share Alike 2.5 Italy ISBN 978-0-0000000-0-0 Milano, ITALIA http://www.egutenberg-project.it
«La tipografia è l’arte di fornire il linguaggio umano di una forma visiva durevole, e dunque di una esistenza indipendente. Il suo nucleo centrale è la calligrafia, la danza, su un minuto palcoscenico, della mano che vive e che parla; le sue radici affondano nel suolo fertile, e i suoi rami possono essere addobbati ogni anno di nuove macchine. Finché le radici vivono, la tipografia rimane fonte di autentiche delizie, di vera conoscenza e di schietta sorpresa.» R. Bringhurst
INDICE CAPITOLO 1 1 #Consectetur adipisci velit CAPITOLO 2 2 #Quia amet CAPITOLO 3 3 #Lorem ipsum dolor sit APPENDICE I #Riferimenti APPENDICE II #Autori
3 #LOREM IPSUM LOREM IPSUM DOLOR SIT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi justo, auctor a mollis at, pharetra sed est. Donec condimentum vulputate lorem, eget scelerisque nibh mattis et. Aenean turpis orci, ullamcorper sed accumsan eget, suscipit in ipsum. Suspendisse potenti. Sed posuere volutpat dolor, sed pretium purus ullamcorper nec. Morbi quis tortor eros. Morbi et sodales ipsum. *Nam venenatis eleifend Ut id metus ligula * , et aliquet ipsum. arcu a tempus. In hac habitasse platea Vestibulum ut iaculis diam. dictumst. Nulla euismod, leo quis feugiat placerat, quam lectus tempus lorem, consequat varius ipsum sem vitae diam. Morbi tempus urna vitae sem congue vulputate. 8
#LOREM IPSUM DOLOR SIT Fusce sed metus diam. In porta iaculis adipiscing. Donec a dui urna. Donec eu tempus odio. Aliquam lacinia, dui a ultrices bibendum, purus risus ornare nibh, eu dapibus turpis ante vitae massa. Curabitur tempor scelerisque arcu eu sagittis. Donec suscipit, odio quis adipiscing sollicitudin, sapien risus porttitor dui, id gravida turpis risus in odio. Donec consectetur ante sed ipsum consectetur id iaculis sem pulvinar. Vestibulum commodo tristique velit, nec consectetur mauris cursus sed. Aenean porta consequat dolor fringilla blandit. Sed iaculis sem nec urna consectetur blandit. Nunc quis justo ac diam congue aliquam ut nec libero. Mauris volutpat, orci non sagittis fringilla, neque nibh faucibus arcu, quis tristique elit sem in libero. Vivamus imperdiet sapien magna. Vivamus quis vulputate elit. Nulla facilisi. Cras consectetur vestibulum orci ut mattis. CURABITUR ARCU EST Gravida at faucibus vel, feugiat non tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque ipsum diam, ullamcorper vitae vehicula vel, tempor non tellus. Maecenas a viverra sem. Nam eu tincidunt est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat leo sit amet nulla vehicula porttitor. In hac habitasse platea dictumst. Aenean suscipit ligula eget nibh vulputate laoreet. Fusce ut euismod ligula. Praesent ut urna tortor, at aliquam augue. In vehicula scelerisque vehicula.feugiat eu turpis. Curabitur ac orci ipsum, at aliquam leo. 9
LIKE A ROLLLING FONT MORBI TEMPUS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi justo, auctor a mollis at, pharetra sed est. Donec condimentum vulputate lorem, eget scelerisque nibh mattis et. Aenean turpis orci, ullamcorper sed accumsan eget, suscipit in ipsum. Suspendisse potenti. Sed posuere volutpat dolor, sed pretium purus ullamcorper nec. Morbi quis tortor eros. Morbi et sodales ipsum. Ut id metus ligula*, et aliquet ipsum. Vestibulum ut iaculis diam. Nulla euismod, leo quis feugiat placerat, quam lectus tempus lorem, consequat varius ipsum sem vitae diam. Morbi tempus urna vitae sem congue vulputate. Fig 1.01: Fiodor Sumkin and the world. Tipographic map. 10
I LOREM IPSUM DOLOR #RIFERIMENTI Ellus pulvinar luctus. Aenean gravida, tellus id faucibus adipiscing, nisl purus auctor orci, vel pretium augue orci ac justo. Aliquam nisl purus, hendrerit in viverra in, laoreet et mauris. In dui diam, molestie vel aliquam sed, ultrices ultricies lorem. Pellen- tesque tincidunt mattis neque, ut egestas massa tristique in. Curabitur egestas libero eu augue lacinia malesuada. Nulla nec cursus urna. I
#riferimenti BIBLIOGRAFA #Blackwell, Lewis and Carson, David. The End of Print: The Grafik Design of David Carson (Revised edition, 2000). #Bove, Giovanni. Scrivere futurista. La rivoluzione tipografica tra scrittura e immagine (Nuova Cultura, 2009). #Bringhurst, Robert. Gli elementi dello stile tipografico (Sylvestre Bonnard, 2003). #Clarke, Andy. Oltre i CSS. La sottile arte del web design (Pearson Education Italia, 2008). #Gill, Erik. Sulla tipografia (Sylvestre Bonnard, 2005). #Lupton, Ellen. Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students (Princeton Architectural Press, 2004). #Mallarmè, Stephane. Un coup de dés jamais n’abolira le hasard (Ampersand, 1987) #Morison, Stanley. First Principles of Typography (New Ed edition, 1996). #Spiekermann, Erik. Stop Stealing Sheep & Find Out How Type Works (Adobe Press, 2002). #Tschichold, Jan. The New Typography (University of California Press, 1998). II
#riferimenti LINKOGRAFIA #A List Apart http://www.alistapart.com/ #Boardley, J. http://ilovetypography.com/ #Charchar, A. http://retinart.net/ #Fuga, G. http://www.giofugatype.com/ #Laurie-Teller, J. http://typographica.org/ #Lupton, E. http://www.thinkingwithtype.com/ #Readability http://lab.arc90.com/experiments/readability/ #The Elements of Typographic Style Applied to the Web http://webtypography.net #Typetester - Compare screen type http://www.typetester.org/ #Zeldman, J. http://www.zeldman.com/ III
II info@extrasmall.it twitter.com/extrasmall.it #AUTORI LETIZIA BOLLINI Architetto. Dottore di Ricerca. Ricercatore presso la Facoltà di Psicologia dell'Università di Milano - Bicocca. Si occupa dal 1995 di progettazione di interfacce web, editoria multimediale, grafica e comunicazione visiva coniugando l'attività libero professionale con l'impegno nella ricerca teorica e metodologica, nella didattica e nella divulgazione. Coniuga l’attività libero professionale con lo studio ExtraSmall, da lei fondato nel 1998. Consigliere nazionale AIAP e rappresentante italiano presso ICOGRADA. IV
#autori ROBERTO FALCONE robertofalcone.it Si laurea con il massimo dei voti in twitter.com/robertofalcone Comunicazione Digitale presso l’Università degli Studi di Milano, intraprendendo un percorso di studi che lo porta ad approfondire tematiche che spaziano dalla Comunicazione Visiva alla Ottimizzazione per i Motori di Ricerca. Laureando in Teoria e Tecnologia della Comunicazione presso l’Università degli Studi di Milano - Bicocca, svolgendo un lavoro di tesi sperimentale riguardo la Realtà Aumentata in ambito storico-artistico. Interaction Designer ibrido e appassionato, collabora con diverse agenzie di comunicazione meneghine. ERIKA MONTOLI erikamontoli.it Si laurea in Comunicazione Digitale presso twitter.com/erikamontoli l’Università degli Studi di Milano, intraprendendo un percorso di studi legato all’Editoria Multimediale, culminato con l’esperienza di collaborazione presso la divisione “B.O.L.” di Mondadori. Laureanda in Teoria e Tecnologia della Comunicazione presso l’Università degli Studi di Milano - Bicocca, svolgendo un lavoro di tesi sperimentale a proposito della tipografia nei nuovi media. Lavora come Visual Designer freelance. V
eGUTENBERG L’esperienza didattica maturata durante il corso di Gra- phic Design del Corso di Laurea in Teoria e Tecnologia della Comunica- zione presso l’Università degli Studi di Milano-Bicocca è confluita nella realizzazione di questa collana distribuita in diversi formati elettronici, articolata in sette lezioni che intendono affrontare le diverse tematiche connesse alla progettazione grafica nell’ambito della comunicazione visiva, snodandosi attraverso un costante percorso di analisi dello stato dell’arte, di osservazione degli interpreti più significativi e di esplorazio- ne degli scenari più innovativi, fornendo di volta in volta strumenti, spunti ed occasioni di riflessione, confronto, partecipazione e diverti- mento, in uno scenario in continua evoluzione e rapido mutamento. LIKE A ROLLING FONT La tipografia, pur non appartenendo esclusiva- mente a nessuno dei due ambiti, condivide una prolungata affinità e sintonia di intenti da un lato con la scrittura dei testi e dall’altro con la progettazione grafica. Muovendosi lungo queste due direttrici, questo volume traccia un sentiero storico-artistico della composizione tipografi- ca, intesa come conferimento di forma, spazialità ed identità visiva al testo attraverso l’utilizzo dei caratteri e degli stili tipografici, partendo dai primi pioneristici esempi di rottura della gabbia tipografica tradizio- nale ad opera di Mallarmè e Marinetti, attraversando i canoni stilistici della scuola del Bauhaus e approdando alle nuove possibilità offerte alla tipografia web dai CSS3. Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua! - LOREM IPSUM, pellentesque elit diam Hendrerit Vitae

More Related Content

Impaginazione ebook collana eGutenberg project - Università degli Studi di Milano-Bicocca

  • 1. Università degli Studi di Milano - Bicocca Corso di Laurea in Teoria e Tecnologia della Comunicazione Facoltà di Psicologia 4 Erika Montoli & Roberto Falcone #LIKE A ROLLING FONT LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE TESTI A CURA di Letizia Bollini
  • 2. Erika Montoli & Roberto Falcone #LIKE A ROLLING FONT LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE TESTI A CURA di Letizia Bollini
  • 3. 2011 eGutenberg project Creative Commons License Attribution - NonCommercial - Share Alike 2.5 Italy ISBN 978-0-0000000-0-0 Milano, ITALIA http://www.egutenberg-project.it
  • 4. «La tipografia è l’arte di fornire il linguaggio umano di una forma visiva durevole, e dunque di una esistenza indipendente. Il suo nucleo centrale è la calligrafia, la danza, su un minuto palcoscenico, della mano che vive e che parla; le sue radici affondano nel suolo fertile, e i suoi rami possono essere addobbati ogni anno di nuove macchine. Finché le radici vivono, la tipografia rimane fonte di autentiche delizie, di vera conoscenza e di schietta sorpresa.» R. Bringhurst
  • 5. INDICE CAPITOLO 1 1 #Consectetur adipisci velit CAPITOLO 2 2 #Quia amet CAPITOLO 3 3 #Lorem ipsum dolor sit APPENDICE I #Riferimenti APPENDICE II #Autori
  • 6. 3 #LOREM IPSUM LOREM IPSUM DOLOR SIT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi justo, auctor a mollis at, pharetra sed est. Donec condimentum vulputate lorem, eget scelerisque nibh mattis et. Aenean turpis orci, ullamcorper sed accumsan eget, suscipit in ipsum. Suspendisse potenti. Sed posuere volutpat dolor, sed pretium purus ullamcorper nec. Morbi quis tortor eros. Morbi et sodales ipsum. *Nam venenatis eleifend Ut id metus ligula * , et aliquet ipsum. arcu a tempus. In hac habitasse platea Vestibulum ut iaculis diam. dictumst. Nulla euismod, leo quis feugiat placerat, quam lectus tempus lorem, consequat varius ipsum sem vitae diam. Morbi tempus urna vitae sem congue vulputate. 8
  • 7. #LOREM IPSUM DOLOR SIT Fusce sed metus diam. In porta iaculis adipiscing. Donec a dui urna. Donec eu tempus odio. Aliquam lacinia, dui a ultrices bibendum, purus risus ornare nibh, eu dapibus turpis ante vitae massa. Curabitur tempor scelerisque arcu eu sagittis. Donec suscipit, odio quis adipiscing sollicitudin, sapien risus porttitor dui, id gravida turpis risus in odio. Donec consectetur ante sed ipsum consectetur id iaculis sem pulvinar. Vestibulum commodo tristique velit, nec consectetur mauris cursus sed. Aenean porta consequat dolor fringilla blandit. Sed iaculis sem nec urna consectetur blandit. Nunc quis justo ac diam congue aliquam ut nec libero. Mauris volutpat, orci non sagittis fringilla, neque nibh faucibus arcu, quis tristique elit sem in libero. Vivamus imperdiet sapien magna. Vivamus quis vulputate elit. Nulla facilisi. Cras consectetur vestibulum orci ut mattis. CURABITUR ARCU EST Gravida at faucibus vel, feugiat non tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque ipsum diam, ullamcorper vitae vehicula vel, tempor non tellus. Maecenas a viverra sem. Nam eu tincidunt est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat leo sit amet nulla vehicula porttitor. In hac habitasse platea dictumst. Aenean suscipit ligula eget nibh vulputate laoreet. Fusce ut euismod ligula. Praesent ut urna tortor, at aliquam augue. In vehicula scelerisque vehicula.feugiat eu turpis. Curabitur ac orci ipsum, at aliquam leo. 9
  • 8. LIKE A ROLLLING FONT MORBI TEMPUS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi justo, auctor a mollis at, pharetra sed est. Donec condimentum vulputate lorem, eget scelerisque nibh mattis et. Aenean turpis orci, ullamcorper sed accumsan eget, suscipit in ipsum. Suspendisse potenti. Sed posuere volutpat dolor, sed pretium purus ullamcorper nec. Morbi quis tortor eros. Morbi et sodales ipsum. Ut id metus ligula*, et aliquet ipsum. Vestibulum ut iaculis diam. Nulla euismod, leo quis feugiat placerat, quam lectus tempus lorem, consequat varius ipsum sem vitae diam. Morbi tempus urna vitae sem congue vulputate. Fig 1.01: Fiodor Sumkin and the world. Tipographic map. 10
  • 9. I LOREM IPSUM DOLOR #RIFERIMENTI Ellus pulvinar luctus. Aenean gravida, tellus id faucibus adipiscing, nisl purus auctor orci, vel pretium augue orci ac justo. Aliquam nisl purus, hendrerit in viverra in, laoreet et mauris. In dui diam, molestie vel aliquam sed, ultrices ultricies lorem. Pellen- tesque tincidunt mattis neque, ut egestas massa tristique in. Curabitur egestas libero eu augue lacinia malesuada. Nulla nec cursus urna. I
  • 10. #riferimenti BIBLIOGRAFA #Blackwell, Lewis and Carson, David. The End of Print: The Grafik Design of David Carson (Revised edition, 2000). #Bove, Giovanni. Scrivere futurista. La rivoluzione tipografica tra scrittura e immagine (Nuova Cultura, 2009). #Bringhurst, Robert. Gli elementi dello stile tipografico (Sylvestre Bonnard, 2003). #Clarke, Andy. Oltre i CSS. La sottile arte del web design (Pearson Education Italia, 2008). #Gill, Erik. Sulla tipografia (Sylvestre Bonnard, 2005). #Lupton, Ellen. Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students (Princeton Architectural Press, 2004). #Mallarmè, Stephane. Un coup de dés jamais n’abolira le hasard (Ampersand, 1987) #Morison, Stanley. First Principles of Typography (New Ed edition, 1996). #Spiekermann, Erik. Stop Stealing Sheep & Find Out How Type Works (Adobe Press, 2002). #Tschichold, Jan. The New Typography (University of California Press, 1998). II
  • 11. #riferimenti LINKOGRAFIA #A List Apart http://www.alistapart.com/ #Boardley, J. http://ilovetypography.com/ #Charchar, A. http://retinart.net/ #Fuga, G. http://www.giofugatype.com/ #Laurie-Teller, J. http://typographica.org/ #Lupton, E. http://www.thinkingwithtype.com/ #Readability http://lab.arc90.com/experiments/readability/ #The Elements of Typographic Style Applied to the Web http://webtypography.net #Typetester - Compare screen type http://www.typetester.org/ #Zeldman, J. http://www.zeldman.com/ III
  • 12. II info@extrasmall.it twitter.com/extrasmall.it #AUTORI LETIZIA BOLLINI Architetto. Dottore di Ricerca. Ricercatore presso la Facoltà di Psicologia dell'Università di Milano - Bicocca. Si occupa dal 1995 di progettazione di interfacce web, editoria multimediale, grafica e comunicazione visiva coniugando l'attività libero professionale con l'impegno nella ricerca teorica e metodologica, nella didattica e nella divulgazione. Coniuga l’attività libero professionale con lo studio ExtraSmall, da lei fondato nel 1998. Consigliere nazionale AIAP e rappresentante italiano presso ICOGRADA. IV
  • 13. #autori ROBERTO FALCONE robertofalcone.it Si laurea con il massimo dei voti in twitter.com/robertofalcone Comunicazione Digitale presso l’Università degli Studi di Milano, intraprendendo un percorso di studi che lo porta ad approfondire tematiche che spaziano dalla Comunicazione Visiva alla Ottimizzazione per i Motori di Ricerca. Laureando in Teoria e Tecnologia della Comunicazione presso l’Università degli Studi di Milano - Bicocca, svolgendo un lavoro di tesi sperimentale riguardo la Realtà Aumentata in ambito storico-artistico. Interaction Designer ibrido e appassionato, collabora con diverse agenzie di comunicazione meneghine. ERIKA MONTOLI erikamontoli.it Si laurea in Comunicazione Digitale presso twitter.com/erikamontoli l’Università degli Studi di Milano, intraprendendo un percorso di studi legato all’Editoria Multimediale, culminato con l’esperienza di collaborazione presso la divisione “B.O.L.” di Mondadori. Laureanda in Teoria e Tecnologia della Comunicazione presso l’Università degli Studi di Milano - Bicocca, svolgendo un lavoro di tesi sperimentale a proposito della tipografia nei nuovi media. Lavora come Visual Designer freelance. V
  • 14. eGUTENBERG L’esperienza didattica maturata durante il corso di Gra- phic Design del Corso di Laurea in Teoria e Tecnologia della Comunica- zione presso l’Università degli Studi di Milano-Bicocca è confluita nella realizzazione di questa collana distribuita in diversi formati elettronici, articolata in sette lezioni che intendono affrontare le diverse tematiche connesse alla progettazione grafica nell’ambito della comunicazione visiva, snodandosi attraverso un costante percorso di analisi dello stato dell’arte, di osservazione degli interpreti più significativi e di esplorazio- ne degli scenari più innovativi, fornendo di volta in volta strumenti, spunti ed occasioni di riflessione, confronto, partecipazione e diverti- mento, in uno scenario in continua evoluzione e rapido mutamento. LIKE A ROLLING FONT La tipografia, pur non appartenendo esclusiva- mente a nessuno dei due ambiti, condivide una prolungata affinità e sintonia di intenti da un lato con la scrittura dei testi e dall’altro con la progettazione grafica. Muovendosi lungo queste due direttrici, questo volume traccia un sentiero storico-artistico della composizione tipografi- ca, intesa come conferimento di forma, spazialità ed identità visiva al testo attraverso l’utilizzo dei caratteri e degli stili tipografici, partendo dai primi pioneristici esempi di rottura della gabbia tipografica tradizio- nale ad opera di Mallarmè e Marinetti, attraversando i canoni stilistici della scuola del Bauhaus e approdando alle nuove possibilità offerte alla tipografia web dai CSS3. Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua! - LOREM IPSUM, pellentesque elit diam Hendrerit Vitae