Beruflich Dokumente
Kultur Dokumente
Mannscha
in diese n ihnen Profi
Moment se
Es gibt im Spieler vergescht sehr viele
oh, einige lese ni ge hö rt viele
sind. Ich
was sie , aber ich haber haben nicht
Zeitungenen. Erstens: wit keine deutschee
Situationgespielt. Es gib iv und die Namn
tte
offensiv ft spielt offens Spiel ha
Mannscha rn. Letzte Jancka
wie Baye : Elber,
offensiv tz drei Spitzen üssen nicht
wir in Pla Zickler. Wir m ist eine
und dannn Zickler. Zickler Basler.
eh mehr
vergessemehr, Mehmet möglich
Spitzen diese Wörter, istgesagt? Danke.
Ist klar n, was ich hab e machen wir in
verstehe offensiv ist wi erklärt mit
Offensiv, eitens: ich habeDortmund
Platz. Zwei Spieler: nach eit Pause. Ich
diese zw vielleicht Halbzschaften
brauchench andere Mann diese Mittwoch.
habe au in Europa nach zwei Tage die
gesehen gesehen auch nicht ein Idiot!
Ich habe Ein Trainer ist s passieren in
Training. er sei sehen wawaren zwei, drei
Ein Train diese Spiel es ach wie eine
Platz. In ieler waren schwgesehen
diese Sp r! Haben Sie haft hat
lee sc
Flasche nn hmet
welche Ma ge spielt Me
Mittwoch,Mittwoch? Hat er hat gespielt
gespielt spielt Basler od beklagen
oder ge ni? Diese Spieler warum
issen Sie,
Trapatto sie spielen! W kaufen nicht
mehr als nmannschaften
die Italie
Gestaltung von Lehrmaterialien, Übungen
Grundlagen Medien & Design
26/1 MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, ÜBUNGEN
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, INHALTSVERZEICHNIS 26/2
Inhaltsverzeichnis
Überblick
Seite Seite
3 Einleitung, Allgemeine Informationen 19 Übung 10
Abstraktion
4 Übung 01 Piktogramme,
Typografie, Das Auge für Details Eigenschaften
6 Übung 02 20 Übung 11
Komposition, Interface aus Grafik Drei Minuten, 30 Kreise
und Schrift
21 Übung 12
8 Übung 03 Gefühle mit 3 Pünktchen
Typografie, Schnellkurs
22 Übung 13
10 Übung 04 Lineart
Typografie, Schriftart und Wirkung
23 Übung 14
12 Übung 05 Kurzg‘schichtn
Typografie, Schriftgeschichte
24 Übung 15
14 Übung 06 Sprechblasen und Gedankenwolken
Komposition, Mitmach-Plakat
25 Literaturverzeichnis
16 Übung 07, 08, 09
Zeichen und Piktogramme 26 Abbildungsverzeichnis, Lizenzen
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, EINLEITUNG 26/3
Einleitung
Allgemeine Informationen
Das Interesse in der Gestaltung von Lehr- und In diesem Fall stellt dieses Übungsbuch den Ver- Daher stellte der Einsatz von pdf den größt-
Lernmaterialien ist eng verknüpft mit einem In- such dar, Mut zur Erstellung von eigenständigen möglichen Kompromiss in der Gestaltung von
teresse an Grafikdesign, Informationsdesign und Visualisierungen, Skizzen und Zeichnungen in Lehrmaterialien dar, indem ein Fokus auf Details
der Vermittlung von Wissen. Man betrachtet die der Gestaltung von Lehr- und Lernmaterialien zu wie Linien- und Strichstärken sowie Abständen,
Welt mit dem Wunsch nach dem Verstehen der machen und dabei auch die technischen Para- Rändern und Serifen gelegt werden konnte, die
Zusammenhänge. Man ist sich der Viel- meter der jeweils gewählten Medien (analog und z.B. in der Responsivität von LiaScript verloren
seitigkeit von Zeichen bewusst, die unser Leben Digital) im Auge zu behalten. gegangen wären.
und unsere Wahrnehmung tagtäglich formen
und dabei unterschiedlichste Bedeutungen Um diesem Anspruch gerecht zu werden, Viele der Übungen sind inspiriert durch Bücher
transportieren und Interpretationen ermöglichen. wurden Teil 1 und Teil 2 von Medien & Design, und Webseiten einer kreativ-gestalterischen
Gestaltung von Lehr- und Lernmaterialien als Community - siehe Literaturverzeichnis am
In Ergänzung zu den Ausführungen in Teil 1 kompaktes pdf im Querformat und einem Raster Ende des Dokuments.
zur Gestaltung von Lehr- und Lerrnmaterialien von 2-3 Spalten für eine angenehme Lesbarkeit
werden hier in Teil 2 spielerische und intuitive angelegt. Nun viel Vergnügen bei den gestalterischen
Kreativitätsübungen angeboten, um unser Übungen und Experimenten auf den nächsten
visuelles Auge zu schulen und auf Feinheiten Dies ermöglichte eine schnelle Zusammenstel- Seiten, bei denen es um einen ersten leichten
und Potentiale in/durch Gestaltung hinzuweisen. lung der visuellen Informationen wie z.B. der und spielerischen Zugang zu Typografie,
Darstellung von Gestaltgesetzen ohne auf sich Visualierung, Komposition der Elemente und
Wesentlich in Teil 1 und Teil 2 ist die Erkenntnis, potentiell verändernde Rahmenbedingungen, Storytelling geht.
dass der bedachte Einsatz von grafischen Mit- wie technische Plattformen in der Form von
teln mit einfachen, teilweise schnell erstellten Browsern, Geräten oder unterschiedlichen Proto-
händischen Skizzen und Strichzeichnungen so- kollen Rücksicht nehmen zu müssen.
wie der Nutzung von Weißraum, Abständen und
Rändern und dem Einsatz von wenigen Schrift-
arten und Schriftschnitten zu einern schnelleren
und klareren Vermittlung von Informationen
beitragen kann.
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, TYPOGRAFIE 26/4
Übung 01 Typografie
Das Auge für Details
Diese sechs „ü“ haben ihre Tüpfelchen verloren.
Versuchen Sie, die passende Form der Tüpfel-
chen zu skizzieren und anzudeuten.
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, TYPOGRAFIE 26/5
Übung 01 Typografie
Das Auge für Details
Hier die passenden Tüpfelchen. Die Gestaltung
einer Schrift erfordert den Blick für Details und
höchste Präzision.
Übung 02 Komposition
Interface aus Grafik und Schrift
Versuchen Sie ein Buchstaben-Zahlenbild mit
den Initialien Ihres Vor- und Zunamens selbst
selbst zu erstellen.
•1 •2 •13 •12 •1 •2 •3 •4 •5
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, KOMPOSITION 26/7
AP
WiSe 2021/22
Folgende Herausforderungen ergeben sich:
- welche Form wähle ich für den Punkt?
- welche Schriftart wähle ich, dass beide
5 4 12 6 14 16 17 89
88
19
7 87
820 86
13
151
90 133 85
Elemente (Zahl und Punkt) eindeutig 31 32 131
132 134 150
7
30 135
zuordenbar sind und visuell nicht
11
34 84
29
35 91 33
miteinander konkurrieren?
10 18
136
15 22 21
28 92 149
36 83
37 82
Buchstabe 2? Kann der Nutzer/die Nutzerin
23
26 116 148
117
129 104 138
der Logik folgen? 94 115
8 24
25 38 107
118
- wieviel Punkte sind notwendig und wann
81
139
24 147
39
wird es zuviel? 128 103
9
95
8
23 114
9 25
108 119 140
22 80 146
40
26
142 141
10
143
21 41 127 120
45 44 43 113 145
42
Mit dieser Aufgabe wird ein erstes Verständnis
46
79
11
144
47 48 49 50 109
102
6
5
spielerisch
4 der Umgang mit Gestaltungssoft-17
52 7 63
64
125
97
124
123
99
77
7 1 68 98
ware initiert und Grundfunktionen wie Einstel- 65
53
29
76
1
2 3
8 lungsmöglichkeiten für Text und 16 69
67
54 66
grafische Formen erkundet. 15
30
75
70
55
4
62 74
9
5
14 59 56
71
73
2 9 2
10 13 58 61
1 3 12 13 31 1
11 12 57 60 72
2
Abb.01: Zahlenbilder Klasse Grundlagen Medien & Design, UOS
3 32
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, TYPOGRAFIE 26/8
Übung 03 Typografie
Schnellkurs
ABCDEF
Einige Buchstaben einer anderen Schrift haben
sich hier in das Alphabet reingeschmuggelt.
Wie und woran sind sie zu erkennen?
GHIJKL
MNOPQR
STUVW
XYZ
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, TYPOGRAFIE 26/9
Übung 03 Typografie
Schnellkurs
ABCDEF
Die farbigen Buchstaben stammen aus anderen
Schriften und Schriftfamilien. Sie sind am
besten durch die fehldenden bzw. verschieden
ausgeformte Serifen zu erkennen, aber auch
unterschiedliche Längen und Strichstärken sind
GHIJKL
zu endecken.
B = Roboto Slab
E = Arial Bold
I = Helvetica Bold
MNOPQR
N = Rockwell Regular
R = Didot Bold
V = Univers Condensed
Y = Impact Regular
STUVW
XYZ
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, TYPOGRAFIE 26/10
Übung 04 Typografie
Schriftart und Wirkung
Bekanntgabe
Unten aufgeführte Ereignisse sollen bekanntge-
geben werden. Versuchen Sie, diese Ereignisse
den verschiedenen Ausführungen rechts
Bekanntgabe
zuzuordnen.
Bekanntgabe
mit dem jeweiligen Ereignis verbinden, dadurch
erscheint eine Schrift passender als eine andere.
Bekanntgabe
- Boutiqueeröffnung
Bekanntgabe
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, TYPOGRAFIE 26/11
Übung 04 Typografie
Schriftart und Wirkung
Bekanntgabe
STILISIERT, MASCHINELL, VERSPIELT
Thirteen Pixel Fonts:
Theaterstück über Computergames
Bekanntgabe
FORMAL, SERIÖS, HÖFLICH, OFFIZIELL
Garamond:
Todesanzeige
Bekanntgabe
AUSGEFALLEN , VERSPIELT, FRÖHLICH
Party LET - Displayschrift:
Geburt von Zwillingen
Bekanntgabe
Ausfall eines Zuges
PERSÖNLICH, STILISIERT, ZUGÄNGLICH
Zapfino:
Boutiqueeröffnung
Übung 05 Typografie
Schriftgeschichte
Ordnen Sie die Beschreibungen ganz rechts
den dargestellten Schriften in der Mitte zu. Ich komme aus der Schweiz und werde oft
Ich sehe aus wie
für Logos und
Handschrift. neutrale Texte verwendet.
Mein Design ist inspiriert
von den Zeichen, die
Ich bin eine auffällige Werbeschrift des
typischerweise von
19. Jahrhunderts.
Schreibmaschinen erzeugt
wurden.
Ich komme aus der Schweiz
und werde oft für Logos
Ich wurde
verwendet. Ichmit
binSchablonen
eine auf Armeekisten
und Kaffeesäcken gedruckt.
"Strich-/Linien-/Linear-/
Zeilenschrift".
Ich wurde in Deutschland
des sechzehnten
Jahrhunderts geboren, aber
Ich bin
heute wirkeichfein
ein und schick, darum entdeckt
Favorit
vonman
Hardmich
Rock oft in Modemagazinen.
Bands!
Ich
Auf sehemeines
Grund aus wie eine Handschrift.
niveauvollen, feinen
Aussehens entdeckt man
mich oft in Modemagazinen.
Übung 05 Typografie
Schriftgeschichte
Die abgebildeten Schriften gehören zu ver-
schiedenen Schriftfamilien aus unterschied- Ich werdeIch
of in Taschenbüchern
sehe aus wie und Roman-
Handschrift.
lichen Zeiten mit unterschiedlichen Anwen- heften verwendet.
dungskontexten. Mein Design ist inspiriert
von den Zeichen, die
Ich wurdetypischerweise
in Deutschlandvon im 16. Jhdt. ge-
boren, aber heute bin icherzeugt
Schreibmaschinen ein Favorit
von Hard wurden.
Rock Bands!
Ich komme aus der Schweiz
und werde oft für Logos
Ich bin eine auffällige Werbeschrift des
verwendet. Ich bin eine
19. Jahrhunderts.
"Strich-/Linien-/Linear-/
Zeilenschrift".
Ich wurde in Deutschland
des sechzehnten
Ich wurdeJahrhunderts geboren, aber
mit Schablonen auf Armeekisten
heute bin ich ein Favorit
und Kaffeesäcken gedruckt.
von Hard Rock Bands!
T
W
I
Verwenden Sie
Leuchtmarker und https://www.twillo.de/oer/web/
entwickeln Sie eine
eigene Version die-
ses Twillo Plakats
L O E R
Offene
L
Bildungs-
materialien
Portal für Open
OER
Educational
Resources
(OER)
O
Portal für
Open Offene
Educational Bildungs-
Ressources materialien
Übung 06 Komposition
Mitmach-Plakate, Beispiele
T T T
W W W
I I I
https://www.twillo.de/oer/web/
https://www.twillo.de/oer/web/
https://www.twillo.de/oer/web/
LL O E R LL O E R LL O E R
Offene Offene Offene
Bildungs- Bildungs- Bildungs-
materialien materialien materialien
Portal für Open Portal für Open Portal für Open
OER
OER
OER
Educational Educational Educational
Resources Resources Resources
(OER) (OER) (OER)
O O O
Portal für Portal für Portal für
Open Offene Open Offene Open Offene
Educational Bildungs- Educational Bildungs- Educational Bildungs-
Ressources materialien Ressources materialien Ressources materialien
T T T
W W W
I I I
https://www.twillo.de/oer/web/
https://www.twillo.de/oer/web/
https://www.twillo.de/oer/web/
L O E R L O E R L O E R
Offene Offene Offene
L L L
Bildungs- Bildungs- Bildungs-
materialien materialien materialien
Portal für Open Portal für Open Portal für Open
OER
OER
OER
Educational Educational Educational
Resources Resources Resources
(OER) (OER) (OER)
O O O
Portal für Portal für Portal für
Open Offene Open Offene Open Offene
Educational Bildungs- Educational Bildungs- Educational Bildungs-
Ressources materialien Ressources materialien Ressources materialien
Übung 07
Zeichen und Piktogramme
AE
Zeichen wie Gefahrenzeichen oder auch
Verkehrszeichen bestehen aus einer Form,
einer Farbe und einer inhaltlichen Aussage -
FGH
Symbolen, Piktogrammen und Texten.
ILN
spaßiges Zeichen zu skizzieren.
QRT
Was könnte es aussagen?
WXY
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
nop
qyz
-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
18
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, VISUALISIERUNG 26/17
Übung 08
Zeichen und Piktogramme
Hier sind einige Piktogramme aus der Arbeit
des deutschen Designers Otl Aicher für ver-
schiedene Sportarten für die Olympischen
Spiele 1972 zu sehen.
Alle Piktogramme basieren auf einem Raster-
system, so dass die schematischen Darstel-
lungen kontinuierlich weiterentwickelt werden
können und in einem gesamtheitlichen Infor-
mations- und Leitsystem eingesetzt wurden.
Schwimmen Gewichtheben
Fußball Kaffeetrinken Abb.03-11:Piktogramme Otl Aicher, Olympic Games 1972
Synchronschwimmen Leichtathletik
Handball Marathon
Eierlauf Radsport
Eiskunstlauf Reiten
Bogenschießen Drachenfliegen
Eisstockschießen Triathlon
Stabhochsprung Eishockey
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, VISUALISIERUNG 26/18
Übung 09
Abstraktion Piktogramme
In dieser Aufgabe geht es darum, ein Piktogram, Auto Weltatlas Banane
d.h. eine schematische Darstellung für einen Computer Petrischale Eiscreme
der nebenstehenden Begriffe zu entwerfen. Hochschule Kreislauf Bücherwurm
Dabei werden die Kästchen in dem Raster unten Bibliothek Wolke Leseratte
koloriert, so dass das Piktogramm von links Papiertiger Messgerät Nerd
nach rechts immer detailierter wird. Wählen Sie Leselampe Schaltplan
einen Begriff aus und entwickeln ein eigenes
Piktogram.
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, VISUALISIERUNG 26/19
Übung 10
Abstraktion Piktogramme Eigenschaften
Jetzt geht es darum, mit dem Einsatz von einfa-
chen Formen abstrakte Konzepte zu visualieren.
Wie könnte man Eigenschaften wie
solide, flüssig, schwer, leicht, hart, weich,
einsam, überfüllt, groß, klein, spannungsvoll,
anziehend, kontrastvoll, rhytmisch, laut,
explosiv darstellen?
Übung 11
3 Minuten, 30 Kreise
Hier geht es darum, innerhalb von 3 Minuten
möglichst schnell viele Ideen mithilfe der Kreise
zu visualieren.
Übung 12
Gefühle mit 3 Pünktchen
Unser Gehirn benötigt nur drei Punkte,
um ein Gesicht zu erkennen. Versuchen
Sie selbst einige Gesichtsausdrücke zu
skizzieren.
- glücklich ängstlich
- traurig - frech
- wütend - böse
- nachdenklich - schmerzvoll
- weinend - müde
- sauer - hungrig
- unbeteiligt - gelangweilt
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, VISUALISIERUNG 26/22
Übung 13
Lineart
Eine weitere Aufwärmübung, gestalterische
Kompetenzen wie Ausdrucks- und Vorstellungs-
vermögen zu trainieren, ist das Storytelling mit
einer Linie.
Eine Zeichnung besteht aus einer Linie. Bei dieser
Aufgabe geht es darum, mit ganz wenigen
Mitteln eine Geschichte zu erzählen.
Versuchen Sie folgende Linien zu zeichnen:
- schlafende Linie
- Linie, die munter wird
- neugierige Linie
- überraschte Linie
- zurückhaltende Linie
- brüllende Linie
- schwebend leichte Linie
- Unfall mit Linie
- tanzende Linie (HipHop)
- überfressene Linie
- zitternde Linie
- lachende Linie
- sterbende Linie
- tote Linie
MEDIEN & DESIGN, GESTALTUNG VON LEHR- UND LERNMATERIALIEN, TEIL 2, VISUALISIERUNG 26/23
Übung 14 Titel
Kurzg‘schichtn ______________________________
Versuchen Sie hier mit wenigen Mitteln wie
Icons, Pictogrammen und Verkehrszeichen
eine kurze Geschichte in wenigen Bildern zu
skizzieren.
Übung 15
Sprechblasen und Gedankenwolken
Form, Inhalt und Aussage einer Sprechblase
oder Ideenwolke können mit einfachen
zusätzlichen Strichen verändert werden.
Was war
schwierig?
Literaturverzeichnis
Inspirationen
Bücher
Abbildungsverzeichnis
Lizenzen
Abb.01: CC BY NC ND 4.0, UOS, IfKK, Design und Medien, B.Bruder
Olympic_games_1972_pictogramms_olympic_station_0877_a.jpg
https://commons.wikimedia.org/wiki/File:Olympic_games_1972_pictogramms_olympic_station_0877_a.jpg
Olympic_games_1972_pictogramms_olympic_station_0877.JPG: Henning Schlottmann (User:H-stt) +/− derivative work: Canis dirus, CC BY 1.0, via Wikimedia Commons
1200px-Archery_pictogram_black_(1972_Summer_Olympics_style).svg.png
https://commons.wikimedia.org/wiki/File:Archery_pictogram_black_(1972_Summer_Olympics_style).svg
Pendethan, CC BY-SA 3.0 <https://creativecommons.org/licenses/by-sa/3.0>, via Wikimedia Commons
<a href=“https://commons.wikimedia.org/wiki/File:Archery_pictogram_black_(1972_Summer_Olympics_style).svg“>Pendethan</a>
<a href=“https://creativecommons.org/licenses/by-sa/3.0“>CC BY-SA 3.0</a>, via Wikimedia Commons
https://commons.wikimedia.org/wiki/File:Olympic_parc_munich_pictogramms_ice_rink_0651.JPG
Henning Schlottmann (User:H-stt) +/−, CC BY 1.0, via Wikimedia Commons
https://commons.wikimedia.org/wiki/File:Olympic_games_1972_cycling_0533.JPG
Henning Schlottmann (User:H-stt) +/−, CC BY 1.0, via Wikimedia Commons
https://commons.wikimedia.org/wiki/File:Olympic_games_1972_pictogramms_swimming_hall_0525_a.jpg
Olympic_games_1972_pictogramms_swimming_hall_0525.JPG: Henning Schlottmann (User:H-stt) +/− derivative work: Canis dirus, CC BY 1.0, via Wikimedia Commons
https://commons.wikimedia.org/wiki/File:Olympic_games_1972_basketball_0501.JPG
Henning Schlottmann (User:H-stt) +/−, CC BY 1.0, via Wikimedia Commons
https://commons.wikimedia.org/wiki/File:Swimming_pictogram_white_(1972_Summer_Olympics_style).svg
SilverJapan2006, CC BY-SA 3.0 <https://creativecommons.org/licenses/by-sa/3.0>, via Wikimedia Commons