14
# LIKE A ROLLING FONT Erika Montoli & Roberto Falcone TESTI A CURA di Letizia Bollini LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE 4 Università degli Studi di Milano - Bicocca Corso di Laurea in Teoria e Tecnologia della Comunicazione Facoltà di Psicologia

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

Embed Size (px)

DESCRIPTION

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.

Citation preview

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

#LIKE A ROLLING FONT

Erika Montoli & Roberto Falcone

TESTI A CURA di Letizia Bollini

LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE

4

Università degli Studi di Milano - BicoccaCorso di Laurea in Teoria e Tecnologia della ComunicazioneFacoltà di Psicologia

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

#LIKE A ROLLING FONT

Erika Montoli & Roberto Falcone

TESTI A CURA di Letizia Bollini

LA COMPOSIZIONE TIPOGRAFICA DALLA POESIA VISIVA AI FOGLI DI STILE

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

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

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

«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

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

INDICE

1CAPITOLO 1

2CAPITOLO 2

3CAPITOLO 3

#Consectetur adipisci velit

#Quia amet

#Lorem ipsum dolor sit

IAPPENDICE

IIAPPENDICE

#Riferimenti

#Autori

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

3 LOREM IPSUMDOLOR

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.

*Nam venenatis eleifend arcu a tempus. In hac habitasse platea dictumst.

8

3 #LOREM IPSUMDOLOR SIT

8

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

#LOREM IPSUM DOLOR SIT

9

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.

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

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.

LIKE A ROLLLING FONT

10

Fig 1.01: Fiodor Sumkin and the world. Tipographic map.

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

LOREM IPSUMDOLOR

I

I #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.

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

#riferimenti

II

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).

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

#riferimenti

III

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/

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

[email protected]/extrasmall.it

II#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

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

ROBERTO FALCONE

#autori

V

robertofalcone.ittwitter.com/robertofalcone

Si laurea con il massimo dei voti in

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.ittwitter.com/erikamontoli

Si laurea in Comunicazione Digitale presso

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.

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

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