際際滷

際際滷Share a Scribd company logo
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 竪 larte 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 nabolira 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
                            lattivit 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 lUniversit
                             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
                             lUniversit 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
                             lUniversit degli Studi di Milano,
                             intraprendendo un percorso di studi legato
                             allEditoria Multimediale, culminato con
                             lesperienza di collaborazione presso la
                             divisione B.O.L. di Mondadori.
                             Laureanda in Teoria e Tecnologia della
                             Comunicazione presso lUniversit 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 Lesperienza didattica maturata durante il corso di Gra-
phic Design del Corso di Laurea in Teoria e Tecnologia della Comunica-
zione presso lUniversit 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 nellambito della comunicazione
visiva, snodandosi attraverso un costante percorso di analisi dello stato
dellarte, 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 dallaltro 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 lutilizzo 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

Proposta impaginazione Roberto Falcone & Erika Montoli

  • 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 竪 larte 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 nabolira 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 lattivit 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 lUniversit 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 lUniversit 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 lUniversit degli Studi di Milano, intraprendendo un percorso di studi legato allEditoria Multimediale, culminato con lesperienza di collaborazione presso la divisione B.O.L. di Mondadori. Laureanda in Teoria e Tecnologia della Comunicazione presso lUniversit 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 Lesperienza didattica maturata durante il corso di Gra- phic Design del Corso di Laurea in Teoria e Tecnologia della Comunica- zione presso lUniversit 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 nellambito della comunicazione visiva, snodandosi attraverso un costante percorso di analisi dello stato dellarte, 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 dallaltro 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 lutilizzo 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