Università degli Studi di Milano - Bicocca             Corso di Laurea in Teoria e Tecnologia della Comunicazione         ...
Erika Montoli & Roberto Falcone#LIKE AROLLING FONTLA COMPOSIZIONE TIPOGRAFICADALLA POESIA VISIVA AI FOGLI DI STILETESTI A ...
2011 eGutenberg projectCreative Commons LicenseAttribution - NonCommercial - Share Alike 2.5 ItalyISBN 978-0-0000000-0-0Mi...
«La tipografia è l’arte di fornire il linguaggio       umano di una forma visiva durevole, edunque di una esistenza indipe...
INDICE     CAPITOLO 11    #Consectetur adipisci velit     CAPITOLO 22    #Quia amet     CAPITOLO 33    #Lorem ipsum dolor ...
3                         #LOREM IPSUM                          LOREM IPSUM                          DOLOR SIT            ...
#LOREM IPSUM DOLOR SITFusce sed metus diam. In porta iaculis adipiscing. Donec a duiurna. Donec eu tempus odio. Aliquam la...
LIKE A ROLLLING FONT                              MORBI TEMPUS                              Lorem ipsum dolor sit amet, co...
I   LOREM IPSUM    DOLOR    #RIFERIMENTI    Ellus pulvinar luctus. Aenean gravida, tellus    id faucibus adipiscing, nisl ...
#riferimentiBIBLIOGRAFA#Blackwell, Lewis and Carson, David. The End of Print: TheGrafik Design of David Carson (Revised ed...
#riferimentiLINKOGRAFIA#A List Apart http://www.alistapart.com/#Boardley, J. http://ilovetypography.com/#Charchar, A. http...
IIinfo@extrasmall.ittwitter.com/extrasmall.it                            #AUTORI                            LETIZIA BOLLIN...
#autori                             ROBERTO FALCONErobertofalcone.it            Si laurea con il massimo dei voti intwitte...
eGUTENBERG L’esperienza didattica maturata durante il corso di Gra-phic Design del Corso di Laurea in Teoria e Tecnologia ...
Upcoming SlideShare
Loading in …5
×

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

1,237 views

Published on

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.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,237
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Università degli Studi di Milano - Bicocca Corso di Laurea in Teoria e Tecnologia della Comunicazione Facoltà di Psicologia 4Erika Montoli & Roberto Falcone#LIKE AROLLING FONTLA COMPOSIZIONE TIPOGRAFICADALLA POESIA VISIVA AI FOGLI DI STILETESTI A CURA di Letizia Bollini
  2. 2. Erika Montoli & Roberto Falcone#LIKE AROLLING FONTLA COMPOSIZIONE TIPOGRAFICADALLA POESIA VISIVA AI FOGLI DI STILETESTI A CURA di Letizia Bollini
  3. 3. 2011 eGutenberg projectCreative Commons LicenseAttribution - NonCommercial - Share Alike 2.5 ItalyISBN 978-0-0000000-0-0Milano, ITALIAhttp://www.egutenberg-project.it
  4. 4. «La tipografia è l’arte di fornire il linguaggio umano di una forma visiva durevole, edunque di una esistenza indipendente. Il suo nucleo centrale è la calligrafia, la danza, suun minuto palcoscenico, della mano che vivee 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. 5. INDICE CAPITOLO 11 #Consectetur adipisci velit CAPITOLO 22 #Quia amet CAPITOLO 33 #Lorem ipsum dolor sit APPENDICEI #Riferimenti APPENDICEII #Autori
  6. 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. 7. #LOREM IPSUM DOLOR SITFusce sed metus diam. In porta iaculis adipiscing. Donec a duiurna. Donec eu tempus odio. Aliquam lacinia, dui a ultricesbibendum, purus risus ornare nibh, eu dapibus turpis ante vitaemassa. Curabitur tempor scelerisque arcu eu sagittis. Donecsuscipit, odio quis adipiscing sollicitudin, sapien risus porttitordui, id gravida turpis risus in odio. Donec consectetur ante sedipsum consectetur id iaculis sem pulvinar. Vestibulum commodotristique velit, nec consectetur mauris cursus sed. Aenean portaconsequat dolor fringilla blandit. Sed iaculis sem nec urnaconsectetur blandit. Nunc quis justo ac diam congue aliquam utnec libero. Mauris volutpat, orci non sagittis fringilla, neque nibhfaucibus arcu, quis tristique elit sem in libero. Vivamus imperdietsapien magna. Vivamus quis vulputate elit. Nulla facilisi. Crasconsectetur vestibulum orci ut mattis.CURABITUR ARCU ESTGravida at faucibus vel, feugiat non tellus. Class aptent tacitisociosqu ad litora torquent per conubia nostra, per inceptoshimenaeos. 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. Integervolutpat leo sit amet nulla vehicula porttitor. In hac habitasseplatea dictumst. Aenean suscipit ligula eget nibh vulputatelaoreet. Fusce ut euismod ligula. Praesent ut urna tortor, ataliquam augue. In vehicula scelerisque vehicula.feugiat eu turpis.Curabitur ac orci ipsum, at aliquam leo. 9
  8. 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 andthe world. Tipographic map. 10
  9. 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. 10. #riferimentiBIBLIOGRAFA#Blackwell, Lewis and Carson, David. The End of Print: TheGrafik Design of David Carson (Revised edition, 2000).#Bove, Giovanni. Scrivere futurista. La rivoluzione tipografica trascrittura 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 forDesigners, Writers, Editors, & Students (Princeton ArchitecturalPress, 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 TypeWorks (Adobe Press, 2002).#Tschichold, Jan. The New Typography (University of CaliforniaPress, 1998). II
  11. 11. #riferimentiLINKOGRAFIA#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 Webhttp://webtypography.net#Typetester - Compare screen type http://www.typetester.org/#Zeldman, J. http://www.zeldman.com/ III
  12. 12. IIinfo@extrasmall.ittwitter.com/extrasmall.it #AUTORI LETIZIA BOLLINI Architetto. Dottore di Ricerca. Ricercatore presso la Facoltà di Psicologia dellUniversità di Milano - Bicocca. Si occupa dal 1995 di progettazione di interfacce web, editoria multimediale, grafica e comunicazione visiva coniugando lattività libero professionale con limpegno 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. 13. #autori ROBERTO FALCONErobertofalcone.it Si laurea con il massimo dei voti intwitter.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 MONTOLIerikamontoli.it Si laurea in Comunicazione Digitale pressotwitter.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. 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 nellarealizzazione di questa collana distribuita in diversi formati elettronici,articolata in sette lezioni che intendono affrontare le diverse tematicheconnesse alla progettazione grafica nell’ambito della comunicazionevisiva, snodandosi attraverso un costante percorso di analisi dello statodell’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à esintonia di intenti da un lato con la scrittura dei testi e dall’altro con laprogettazione grafica. Muovendosi lungo queste due direttrici, questovolume traccia un sentiero storico-artistico della composizione tipografi-ca, intesa come conferimento di forma, spazialità ed identità visiva altesto attraverso l’utilizzo dei caratteri e degli stili tipografici, partendodai primi pioneristici esempi di rottura della gabbia tipografica tradizio-nale ad opera di Mallarmè e Marinetti, attraversando i canoni stilisticidella scuola del Bauhaus e approdando alle nuove possibilità offerte allatipografia 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

×