Please enable JavaScript.
Coggle requires JavaScript to display documents.
7 Grafica e tipografia digitale - Coggle Diagram
7 Grafica e tipografia digitale
1 🖥️
Origini: Mainframe e primi PC
-Mainframe: enormi, costosi, usati da università, esercito, aziende (es. IBM 704,1954)
Primi PC:
-
Xerox Alto (1973): prima GUI, introduce il concetto WYSIWYG.
-
IBM PC (1981), poi Macintosh (1984) → GUI + mouse.
🖨️ Desktop Publishing (DTP)
1985: Apple lancia il primo sistema DTP → Macintosh + LaserWriter.
Software:
🖊️ MacDraw: vettoriale → come Illustrator
🖌️ MacPaint: raster → come Photoshop
📄 PageMaker (1985): prima impaginazione digitale
🎨 April Greiman (1986): poster “Does it make sense?” → pixel, immagini deformate, sovrapposizioni.
🧑💻 Cambia il ruolo del designer
Il designer ora gestisce tutto: testo + immagini + layout.
🧠 Mentalità nuova: progettare processi interattivi (Muriel Cooper, 1989).
Es: 8vo, rivista Octavo n.7 (1990): tipografia sperimentale.
🧩 Caratteristiche della grafica digitale
Inizio: pixel visibili, bassa risoluzione.
Fine ’80 → grafica più fluida, pixel meno visibili.
Vantaggi:
✏️ Modifiche facili
🔄 Sperimentazione (sovrapposizioni, distorsioni)
💸 Costi minori, niente specialisti
🎭 Postmodernismo e digitale
🔀 Approccio postmoderno: ironia, rottura con rigore svizzero.
Protagonisti: Greiman, Emigre, Tomato, 8vo
Esempio: Wired n.1 (1993) → grafica contaminata.
🔄 Designer “vecchia scuola” inizialmente diffidenti.
🔡 Tipografia digitale: dagli anni ’80
(Anni ‘50-60)
Fotocomposizione: ottica → netta / digitale → pixel visibili.
Susan Kare (1983): font Chicago per Macintosh (bitmap).
Donald Knuth → tipografia parametrica (Metafont): lettere cambiano con formule matematiche
🏭 Fonderie digitali e democratizzazione
Emigre (Zuzana Licko & Rudy VanderLans): rivista + fonderia.
Font bitmap: Emigre, Oakland, Emperor
Fontographer (1986): chiunque può creare font.
📐 Dai pixel ai vettori: PostScript
Adobe PostScript (1986): font vettoriali (curve matematiche).
✅ Scalabili senza perdere qualità.
❗ Inizio: semplificati per limiti hardware → Matrix di Licko (meno punti).
🧪 Sperimentazione tipografica anni ’90
Font distorti, irregolari:
Beowolf (1990): cambia forma a ogni stampa.
Template Gothic, FF Autotrace
Discussione: leggibilità vs forma (Emigre n.15: Do you read me?).
FUSE (Neville Brody, 1991): scatola con font sperimentali.
Distribuzione: floppy disk, FontBook (1993, 1995).
🧰 Superfamiglie e caratteri multiuso
-Meta (Spiekermann, 1991): molti pesi → alta versatilità.
-Thesis (Lucas de Groot): sans, serif, mix → superfamiglia.
🌐 Tipografia sul web
🕸️ Fino al 2014: solo font installate nel computer utente.
📦 Font dominanti: Verdana, Georgia (Matthew Carter, 1996).
-IKEA → passa da Futura a Verdana.(2009)
-Dopo 2014: con le webfonts, scelta libera online.
🔀 Variable Fonts (dal 2016)
Un solo file → molti pesi, larghezze, interpolazioni.
Ideali per:
💻 Web
🎞️ Animazioni tipografiche
📱 Responsive design