Fächerübergreifendes Projekt Typografie – Infografik
Infografiken Grafische Darstellungen Infografiken sind die visuelle Darstellung von Daten in kleinen, relevanten und übersichtlich dargestellten Portionen von Informationen. Ziel ist es, schnell wichtige Punkte hinter komplexen Daten zu vermitteln. 1 Die Klasse > Wohnort (Distanz, Luftline) > wie kommen wir zur Schule (zu Fuss, Bus, Bahn usw.) > wie gross sind die Ortschaften (Einwohnerzahl, Fläche in m2) 2 Schriftgeschichte > Timeline 3 Geschichtliche Entwicklung der Druckgrafiken/Drucktechniken > Timeline 4 Schriftklassifikation > Timeline 5 Plakat analysieren > Schriftgrösse, Flächenverhältnis, Bild-/Textverhältnis 6 Tageszeitung > Buchstabenteile: Zeitungsseite (z.B. St.Galler Tagblatt-Front) > Anzahl Versalbuchstaben, x-Höhe, mit Oberlänge, mit Unterlänge 7 Duden, Zeitungsseite, Magazinseite, Plakat > Anteil Auszeichnungen 8 Mediennutzung > welche Art Medien (Zeitung, Tablet, Computer, TV, Radio, Webradio, Webstreaming usw.), Dauer z.B. über eine Woche. 9 Druckverfahren > dein Kühlschrank oder Dein Lebensmittel-Schrank ist eine Fundgrube an Verpackungen, gedruckt in verschiedenen Druckverfahren. > analysiere den Inhalt deines Kühlschrank nach Druckverfahren, Bedruckstoff, Text-/Bildelemente usw. 10 Farbenlehre > Zeitschriften oder die Zeitung «Blick» auf ihre Farbigkeit überprüfen, Anteil an Farben/Farbflächen erfassen und zusammenstellen. 11 Farbenlehre > Farbanalyse eines Gemäldes (Miro /Chagall usw.)
Juni 2013 Schule für Gestaltung St.Gallen > Micha Indermaur > Karin Schwarz
10
20
30
40
50
60
70
80
90
100
5
Zeit in min
10 15 20 25
Gossau
Uznach
70 75 80 85 90
Weg in km
Buchs
Oberriet
Bad Ragaz
Sargans
Flums
Werdenberg/ Sarganserland
Schwende
Musik
Schlafen Lernen
Widnau
Rheintal
SG Ebnat-Kappel
Wattwil
Gonten
Rüte
Appenzell
St.Gallen Schlatt-Haslen
Fürstenland
AI Rorschach
Arbon
AR
Romanshorn
Bischofszell
Amriswil
Toggenburg
Kirchberg
Wil
Kreuzlingen
Weinfelden
Linthgebiet
30 35 40 45 50 55 60 65
Rapperswil
Lichtensteig
Münchwilen
Frauenfeld
Untersee
Steckborn
Ermatingen
Polygrafen 2013 | Fächerübergreifender Unterricht: Typografie-Infografiken Schule für Gestaltung St.Gallen Auftrag: geografische Daten der Klasse grafisch darstellen | Mirjam Jüttner & Nathascha Sosic
Beschäftigung auf dem Weg
WOHNORT, BESCHÄFTIGUNG, FAHRZEIT
TG
DIE KLASSE
150’000 v.Chr. 3’000 v.Chr. 2´400 v.Chr. 800 v.Chr. 300 v.Chr.
Polygrafen 2013 | Fachübergreifender Unterricht: Typografie –Infografiken | Schule für Gestaltung St.Gallen Auftrag 2: Schriftgeschichte Timeline © Dobson Nina & Raymann Céline
100 v.Chr. 1. Jh. 5. Jh. 9. Jh. 14. Jh. 15. Jh. 16. Jh. 1750 1815 1816
Schriftvariationen
Serifenlose Schriften
Entwicklungsvorstufen der runden Schrift Serifenbetonte Schriften
Klassizistische Antiqua
Barock-Antiqua
Französische Renaissance-Antiqua
Entwicklungsvorstufen der gebrochenen Schrift Venezianische Renaissance-Antiqua
Humanistische Minuskel
Kanzleischriften
Fraktur
Schwabacher
Rotunda
vom Grossbuchstaben zum Kleinbuchstaben
Textura
Gotische Minuskel
Karolingische Minuskel – Carolina
Nationalschriften
Halbunziale
Römische Schriften
Unziale
Römische Minuskel-Kursive
Römische Majuskel-Kursive
Capitalis Rustica
Von den Hieroglyphen zum Alphabet
Capitalis Quadrata
Capitalis Monumentalis
Römische Lapidarschrfit
Griechisches Alphabet
Etruskische Schrift
Phönizische Schrift
Ägyptische Hieroglyphenschrift
Sumerische Keilschrift
Babylonische Keilschrift
Vorstufen der Schrift
Knotenschriften
Kerbhölzer
Magische und abstrakte Zeichen
Höhlenmalerei
Gestik, Mimik, Sprache
Timeline der Schriftentwicklung Schriften ab dem 19. Jh.
1850
4. Jahrtausend vor Christus Druck mit beweglichen Lettern Erster Kupferstich
Erfindung des Holzschnitts
4 Jt. v.Chr. Höhlenmalereien und Stempeldruck 1969 Euroskala 1969 Digitalkamera
1963 Trommelscanner
1938 Elektrofotografie
1930 Serigraphie/Siebdruck
1907 Offsetdruck
4. Jt. vor Christus – 1900 1886 Setzmaschine
1867 Schreibmaschine
1812 Zylinderdruckmaschine 1816 Schön- und Widerdruckpresse 1822 Erstes Patent auf eine Setzmaschine 1830 Stereotypie 1830 Tiegeldruck 1838 Fotografie 1843 Rotationsdruck 1850 Lichtdruck 1851 Falzmaschine
1797 Siebdruck und Lithographie 1798 Papiermaschine 1800 Erste Handpresse aus Eisen
1780 Kopierpresse
1440 1446
1400
770 Holztafeldruck
1900-1975 Einführung von PostScript
Einführung von PDF
2013 + In der Zukunft wird wohl der 3D Druck noch eine grosse Rolle spielen, ausserdem wird sich das Digital Publishing verbreiten.
1975-2013
Computer to Plate
2013
2010
3D Druck
Digital Publishing
1994 Book-on-Demand
1993
1993 Digitaldruck
1990
1985 Desktop-Publishing
1982
1972 Proof
Drucktechnik Zukunft
Polygrafen 2013 Fächerübergreifender Unterricht: Typografie–Infografiken Schule für Gestaltung St.Gallen ©2013 Silvio Kellenberger und Robin Schefer Enterprises.
Capit Monu alis ment alis Karo li Minu ngische skel
1 2
Hum a Minu nistische skel
3 4
2000
1800
1600
Gutenberg
1400
1200
1000
800
600
400
200 n. Chr.
0
Polygrafen 2013 | Fächerübergreifender Unterricht: Typografie-Infografiken | Schule für Gestaltung St.Gallen | © Lukas Buholzer & Subanayan Subendran
Gebrochene Schriften
Handschriftliche Antiqua
Schreibschriften
Antiqua Varianten
Serifenlose Linear-Antiqua
Serifenbetonte Linear-Antiqua
Klassizistische Antiqua
Baraock-Antiqua
Französische Renaissance-Antiqua
Venezianische Renaissance-Antiqua
Schriftklassifikation
5 8 6 7 10 9
ANALYSE PLAKAT Analyse des aktuellen Magnum-Plakats auf Beliebtheit der Sorten, Schriftschnitte, Farbaufteilung und Verhältnis Bild zu Text.
Fächerübergreifender Unterricht: Typografie–Infografiken | Schule für Gestaltung St.Gallen | © Michelle Baumann & Ladina Dörig
Beliebtheit der Sorten
60 % Farbflächen 30 % Bilder 10 % Text
TARTE AUX POMMES
1x
GÂTEAU AU CHOCOLAT CRÈME BRÛLÉE
10x 3x
MERINGUE ET FRUITS ROUGES
3x
TIRAMISÙ
3x
Farbaufteilung
5 % 5 % 5 % 10 % 7.5 %
13 % 13 % 13 % 13 % 13 % 2.5 %
13 %
Schriftanalyse
75 % Futura book 8.3 % Futura extra bold 8.3 % Futura book oblique 8.3 % Futura heavy
Analyse Tagesanzeiger/Tagblatt Polygrafen 2013 | Fächerübergreifender Unterricht: Typgrafie–Infografiken Schule für Gestaltung St.Gallen | Auftrag: Tageszeitung –> Buchstabenanteile Zeitungsseite analysieren | ©Elena Graf und Lea Fessler
g
f
L
Tagesanzeiger Kleinbuchstaben ohne Ober- und Unterlänge
8%
Grossbuchstaben
8% 15 %
Kleinbuchstaben mit Oberlänge Kleinbuchstaben mit Unterlänge
69 %
L
g 19 %
Weissraum
16 %
a
f 11 %
15%
9%
25 %
Bilder
22 % Tagblatt
65 %
Kleinbuchstaben ohne Ober und Unterlänge Grossbuchstaben Kleinbuchstaben mit Oberlänge
56 %
Text
Kleinbuchstaben mit Unterlänge
62 % a
Analyse Anteil Auszeichnungen in WĂśrterbĂźchern, Zeitungsseiten, Magazinseiten und Plakaten
Preise 12%
Anteile an kursiven Auszeichnungen im Modemagazin WW
Eigennamen 35%
Sprachen 23%
Indefinit 30%
Schwarz, Bold Blau, Bold Blau Blau hinterlegt restliche Wörter
Anteile an Auszeichnungen im Power Dictionary Englisch Wörterbuch in einer Seite
Anzahl Wörter Fett & Schwarz Fett & Blau
Fächerübergreifender Unterricht: Typografie–Infografiken | Schule für Gestaltung St.Gallen | © Alexandra Sutter, Andrina Manser
Blick amAbend Abend Blick am
Minuten 2020 Minuten
A P PE N Z ELLE R V O L K SF REU N D
40 40 35 35 30 30 25 25 20 20 15 15 10 10 5 5 0 0
Appenzeller Volksfreund Volksfreund
Anzahl Auszeichnungen
Gelb hinterlegt Blau Bold Gelb hinterlegt, bold restliche Auszeichnungen
St.Galler Tagblatt St.Galler Tagblatt
alle Wörter
Anteile an Auszeichnungen in Modemagazinen, Tageszeitungen und Gratiszeitungen
Tages-Anzeiger Tagesanzeiger
Blau & umrandet
WW-Magazin WW-Magazin
Blau & klein
First First
Anteile an Auszeichnungen im Duden in einer Seite
Nutzung von Smartphone-Apps innerhalb eines Tages Zielgruppe der Befragung sind Personen über 16 Jahre und über 30 Jahre.
Angaben in Minuten
Ü 16 50 min
40 min
7
11
2
17
42
6
30 min
20 min
0
19
4
3
10 min
Anruf
20 Minuten
Handyradio
Anruf
20 Minuten
Handyradio
0 min
0
Ü 30 50 min
40 min
4
30 min
20 min
Ü 30
Ü 16
0 min
Polygrafen 2013 | Fächerübergreifender Unterricht: Typografie–Infografiken | Schule für Gestaltung St.Gallen | Mediennutzung | © Suter Nora und Fässler Schirin
10 min
Haltbarkeit Eier Milch Käse Joghurt Karotten Tomaten Fisch Brot Fleisch
Kühlschrankprodukte
4 Wochen Ò nicht einlagern 1 Woche
3 Monate
2 Wochen
3 Monate
4 Wochen Ò nicht einlagern 2 Monate
10 Monate
3 Tage Ò nicht einlagern
4-farbig 66.86%
2 Tage Ò nicht einlagern 2 Tage
Im Tiefkühlfach
4 Monate 3 Monate 8 Monate
Im Kühlschrank
3 - farbig 7.14%
2-farbig 23 .8 %
1-farbig 2 . 38%
0.5% 1.25%
Farbanteile einer Tageszeitung
7%
2%
0.5% 2.75%
2%
1.25%
3.75%
2.75% 3.75%
5.25% 6.75%
6.75%
7% 5.25%
Schwarz 0.5 % 0.5%
Farbanteile. Nur von den Hintergrundfl채chen. Ohne Bilder und ohne Text.
Orange 1.25% 1.25%
2% Magentablau 2% Yellow 3.75% 3.75% Cyan 5.25% 5.25%
Text37% 37 %
Text Bildmaterial
6.75% Rot 6.75 %
Sonstige Dunkelblau 7% Dunkelblau 7 %
Rot Cyan
Sonstige 2.75 % 2.75%
Yellow Magentablau Orange
Alles aus dem Blick. Bildmaterial 33.75 % 33.75%
Schwarz
Verwendete Seiten für die Analyse
Polygrafen 2013 Fächerübergreifender Unterricht: Typografie–Infografiken Schule für Gestaltung St.Gallen Auftrag 11 › Farbenlehre Zeitschrift oder besser Zeitung «Blick» auf ihre Farbigkeit überprüfen, Anteil aller Farben/Farbflächen über alle Seiten prozentual erfassen und zusammenstellen. Peier Jasmine und Kuster Elvira
Gottvater. Vom Genter Altar des Jan van Eyck, um 1432
Polygrafen 2013 Fachübergreifender Unterricht: Typografie–Infografiken Schule für Gestaltung St.Gallen Farbanalyse © Grünenwald Leander Schönenberger Joachim Kohler Mischa
Sul balcone. Giovanni Giacometti, um 1911
M-Maybe (A Girl’s Picture). Roy Lichtenstein, 1965
Farbanalyse
Jan van Eyck 1390 –1441
Giovanni Giacometti 1868 –1933
Roy Lichtenstein 1923 –1997
Naturalismus (Renaissance)
Ölfarbe, Tempera, wässrige Leimfarbe
Post-Impressionismus
Ölfarbe
PopArt / Benday Dots Schablone
Magna-Acrylfarbe
Jan van Eyck
Giovanni Giacometti
Roy Lichtenstein
Farbanteile pro Bild
Gotik
Klassizismus
Barock
Renaissance
Impressionismus
Realismus
Rokoko
Surrealismus
Expressionismus
PopArt
Jan van Eyck 1390 –1441
Giovanni Giacometti 1868 –1933
1500
1600
1700
1800
1900 Vincent van Gogh, 1853 –1890
1400
Rembrandt van Rijn, 1606 –1669
1300
Leonardo Da Vinci, 1452 –1519
1200
Roy Lichtenstein 1923 –1997