Questo documento esplora la composizione tipografica dalla poesia visiva ai fogli di stile, enfatizzando l'importanza della tipografia nell'arte del linguaggio visivo. Attraverso un'analisi storica e artistica, viene tracciata l'evoluzione della tipografia, dai pionieri come Mallarmé e Marinetti fino alle novità dei CSS3. Il testo è una ricerca didattica per il corso di Graphic Design presso l'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