Grundlagen des Medien- und Kommunikationsdesigns

Willkommen zu den Grundlagen des Medien- und Kommunikationsdesigns! Dieser umfassende Leitfaden ist speziell für Studierende und alle, die sich auf Prüfungen vorbereiten oder einfach ihr Wissen vertiefen möchten. Wir beleuchten die wichtigsten Konzepte, Theorien und praktischen Anwendungen, die das Fundament erfolgreichen Designs bilden. Von Farbtheorie bis Typografie, von Corporate Identity bis Usability – tauchen wir gemeinsam in die spannende Welt des Designs ein. Dieser Überblick hilft Ihnen dabei, die wesentlichen Inhalte des Medien- und Kommunikationsdesigns zu verstehen und zu verinnerlichen.

Design verstehen: Definition und Funktionen im Medien- und Kommunikationsdesign

Design, abgeleitet vom lateinischen „designare“ (bezeichnen, darstellen), ist mehr als nur ästhetische Gestaltung. Es ist ein methodisches, kreatives Vorgehen zur Lösung von Gestaltungsproblemen, das praktische Probleme mit ästhetischem Anspruch unter Berücksichtigung der menschlichen Wahrnehmung löst.

Die 6 Funktionen von Design: Mehr als nur gut aussehen

Design erfüllt vielfältige Aufgaben. Für die Klausur sind die folgenden sechs Funktionen besonders wichtig:

1. Gebrauchstechnische Funktion: Sichert die Nutzbarkeit und Funktionalität eines Produkts oder einer Gestaltung.
2. Ästhetische Funktion: Spricht den Betrachter optisch an und erfüllt gestalterische Ansprüche.
3. Semantische Funktion: Vermittelt Bedeutungsinhalte und die Zeichenhaftigkeit eines Objekts.
4. Didaktische/informative Funktion: Erklärt die Handhabung und vermittelt Wissen.
5. Persuasive Funktion: Wirkt überzeugend und kann Kaufentscheidungen aktivieren.
6. Emotionale Kundenbindung: Baut eine emotionale Nähe zum Konsumenten auf.

Design steht dabei stets im Spannungsfeld soziologischer, kultureller, neuropsychologischer, geschichtlicher, technischer und wirtschaftlicher Aspekte.

Kreativität und Workflow: Wie Designprozesse strukturiert sind

Effektives Design erfordert klare Prozesse und kreative Methoden. Hier stellen wir zwei zentrale Workflow-Modelle und Ansätze zur Ideenfindung vor.

Workflow-Modelle: Wasserfall und Design Thinking

• Das Wasserfallprinzip (Linear): Ein sequenzieller Ansatz, bei dem jede Phase strikt abgeschlossen wird, bevor die nächste beginnt. Der Ablauf ist typischerweise: Briefing → Konzeption → Design → Umsetzung → Finalisierung. Begleitend dazu laufen Analyse, Strategie, Inhalte, Technik, Monitoring und Marktbeobachtung.
• Design Thinking (Iterativ): Ein zyklischer Ansatz für komplexe Problemstellungen, unterteilt in Problemraum und Lösungsraum. Die Phasen sind: Understand (Verstehen) → Observe (Beobachten) → Point of View (Sichtweise definieren) → Ideate (Ideen finden) → Prototype (Prototypen bauen) → Test (Testen).

Kreativität vs. Innovation & Ideation-Methoden

Kreativität ist der Prozess, der zu etwas Neuem führt, oder die Fähigkeit, Wissen neu zu strukturieren. Es ist der Schnittpunkt zweier Ideen. Innovation ist die tatsächliche Einführung des Neuen, das einen realen Nutzen bringt und Routinen kollektiv verändert.

Beliebte Kreativmethoden (Ideation) sind:

• Brainstorming: 5–8 Personen, laut, 15 Min., Ideen auf Post-its, gesammelt.
• Brainwriting: 5–8 Personen, leise, 15 Min., Einzelarbeit auf Zetteln, dann gesammelt.
• 6-3-5-Methode: 6 Teilnehmer, leise, 30 Min. Jeder 3 Ideen in 5 Min., 5-mal weitergereicht zur Ergänzung.
• Semantische Intuition: 1–8 Personen, laut/leise, 30–45 Min. 10–20 Begriffe aus dem Kontext paarweise kombinieren und analysieren.
• Biegen, Brechen, Verbinden: Eigenschaften modifizieren (Biegen), Strukturen zerlegen (Brechen), Rohmaterialien rekombinieren (Verbinden).

Semiotik und Zeichenlehre: Die Sprache der Zeichen im Design

Die Semiotik ist entscheidend für das Verständnis, wie Zeichen im Design wirken.

Das Semiotikmodell nach Charles W. Morris

Dieses dreidimensionale Modell wird zur Analyse von Kampagnen und Zeichen herangezogen:

1. Syntaktik (Syntax): Untersucht die formale Beziehung der Zeichen untereinander (Struktur, Anordnung, Komposition).
2. Semantik: Untersucht die Beziehung des Zeichens zum Objekt bzw. zu dem, was es bedeutet oder worauf es verweist (Inhalt, Bedeutungsebene).
3. Pragmatik: Untersucht die Beziehung des Zeichens zum Benutzer/Rezipienten (Welche Reaktion oder Handlung löst es aus? Wie wird es interpretiert?).

Corporate Identity (CI) und Corporate Design (CD): Der Markenauftritt

Corporate Identity (CI) beschreibt die strategisch geplante Selbstdarstellung eines Unternehmens nach innen und außen. Es ist die Unternehmenspersönlichkeit.

Kerninstrumente der Corporate Identity

• Corporate Behaviour (CB): Verhaltensweisen gegenüber Mitarbeitern, Kunden und Öffentlichkeit.
• Corporate Communication (CC): Gesamte interne und externe Kommunikation.
• Corporate Culture: Gelebte Werte, Normen und die Historie des Unternehmens.
• Corporate Design (CD): Visuelles, charakteristisches Erscheinungsbild.
• Corporate Language (CL): Spezifische Tonalität und Unternehmenssprache.
• Corporate Social Responsibility (CSR): Gesellschaftliche und ökologische Verantwortung.

CI-Wirkungsmodell und Markensteuerrad

Das CI-Wirkungsmodell nach M. Siegle vermittelt die Unternehmenspersönlichkeit über die CI-Instrumente an den Rezipienten, um ein positives Corporate Image (Fremdbild) zu erzeugen. Das Markensteuerrad nach Esch unterscheidet zwischen:

• Hard Facts (Rational): Markennutzen (funktional/psychosozial) und Markenattribute (Eigenschaften).
• Soft Facts (Emotional): Markentonalität (Persönlichkeit) und Markenbild (CD-Merkmale, Erlebnisse).
• Zentrum: Markenkompetenz (Wer bin ich?).

CI bildet das fundamentale Selbstverständnis, während Branding die konkreten Maßnahmen zum Markenaufbau umfasst. Strategische Säulen sind Purpose, Vision, Mission und Markenkern.

Erscheinungsformen des Logos/Signets und Qualitätskriterien

Ein gutes Logo ist prägnant, einfach, unverwechselbar, skalierbar, branchenadäquat und zielgruppengerecht. Kurt Weidemann sagte: „Ein Logo ist dann gut, wenn man es mit dem großen Zeh in den Sand kratzen kann.“

Die Hauptformen von Logos sind:

1. Bildmarke / Signet: Abstraktes oder naturalistisches Symbol (z. B. Apple). Hohe Merkfähigkeit, erfordert aber teure Penetration.
2. Wortmarke: Name in spezifischer Typografie (z. B. Coca-Cola). Klar verbalisierbar, geringere Assoziationskraft als Bilder.
3. Kombiniertes Zeichen: Verbindung aus Wort und Bild (z. B. Lufthansa). Maximale Merkfähigkeit durch duale Codierung, aber längere Wahrnehmungszeit.
4. Buchstabenzeichen: Einzelbuchstaben/Abkürzungen (z. B. IBM). Kürzung langer Namen, aber Verwechslungsgefahr.
5. Zahlenzeichen: Einzelzahlen (z. B. 4711). Hohe Differenzierung, schwer zu merken ohne Kontext.

Dynamische Logos nutzen feste Elemente, variieren aber flexibel in Schrift, Farbe oder Form (z. B. City of Melbourne).

Ein Styleguide / Designsystem dokumentiert visuelle Parameter für konsistente, crossmediale Touchpoints.

Form- und Bildgestaltung: Visuelle Kommunikation meistern

Die visuelle Gestaltung baut auf dem Zusammenspiel von Farbe und Form auf. Ordnung und Konsistenz sind oberste Prinzipien, wobei Weißraum aktiv einbezogen werden muss.

Blickführung, Komposition und der Goldene Schnitt

Im europäischen Kulturkreis erfolgt die Blickerfassung von links nach rechts und von oben nach unten. Dynamik wird durch diagonale Linien erzeugt, waagerechte vermitteln Weite, senkrechte wirken statisch. Der Goldene Schnitt teilt Strecken im ästhetischen Verhältnis von a = 61,8% zu b = 38,2%.

Die 10 Gestaltgesetze nach Wertheimer (1923)

Diese Gesetze organisieren die Figur-Grund-Trennung und sind wichtig für die visuelle Wahrnehmung:

1. Gesetz der Nähe
2. Gesetz der Ähnlichkeit
3. Gesetz der Symmetrie
4. Gesetz der Geschlossenheit
5. Gesetz der verbundenen Elemente
6. Gesetz der Prägnanz (guten Gestalt)
7. Gesetz der Kontinuität
8. Gesetz der Figur-Grund-Trennung
9. Gesetz des gemeinsamen Schicksals
10. Gesetz der Erfahrung

Pareidolie ist das Phänomen, in Mustern Gesichter zu erkennen.

Bildwirkung, Aktivierungsreize und Storytelling

Visuelle Informationen werden 60.000-mal schneller verarbeitet als Text. Bilder aktivieren über drei Reizarten:

• Emotionale Reize: Sprechen Urgefühle an (Kindchenschema, Angst, Erotik, Humor, Mitgefühl).
• Kognitive Reize: Lösen gedankliche Konflikte, Widersprüche oder Überraschungen aus.
• Physische Reize: Aktivierung durch schiere Größe, Lautstärke, grelle Farben oder dominante Motive.

Storytelling im Bild wird beeinflusst durch Anschnitt/Ausschnitt (Close up, Medium Shot, Totale), Tiefenschärfe, Perspektive und Lichtgestaltung (cinematic lighting).

KI-Bildgenerierung: Tools und Workarounds

KI-Tools wie Midjourney, Flux & Stable Diffusion, DALL-E 3 und Adobe Firefly revolutionieren die Bildgenerierung. Schwachstellen der KI liegen oft in Kleidung, Fingern, Zähnen und steriler Haut. Abhilfe schaffen Inpainting, Upscaling oder das Hinzufügen von 2–3% künstlichem Rauschen.

Die Promptpyramide (Reihenfolge von wichtig zu unwichtig) hilft bei der präzisen Steuerung:

Medium → Subjekt → Aktivität → Umgebung → Kleidung/Details → Beleuchtung → Atmosphäre → Stilistische Details.

Ein Moodboard ist eine collageartige Zusammenstellung von Bildern, Typo und Farben zur Vermittlung von Look & Feel eines Entwurfs.

Farbenlehre und Farbkonzepte: Die Macht der Farbe

Farbe ist ein zentrales Element im Design. Das Auge registriert Lichtwellen über ca. 6 Mio. farbempfindliche Zapfen (für Rot, Grün, Blau) und ca. 120 Mio. hell-dunkel-empfindliche Stäbchen. Farbe hat 7 biologische Funktionen: Orientierung, Gesundheit, Warnung, Tarnung, Werbung, Status, Verständigung.

Farbmischungen: Additiv, Subtraktiv und Autotypisch

• Subtraktive Farbmischung (Druck / CMYK): Cyan, Magenta, Gelb (Yellow) entziehen dem weißen Papier Licht. Zusammen ergeben sie theoretisch Schwarz, ergänzt durch Key (Schwarz).
• Additive Farbmischung (Bildschirm / RGB): Lichtfarben Rot, Grün, Blau mischen sich auf Bildschirmen. Zusammen ergeben sie weißes Licht.
• Autotypische Farbmischung: Kombination im Druck; Rasterpunkte mischen sich subtraktiv auf dem Bedruckstoff und additiv im menschlichen Auge.
• Sonderfarben: Echtfarben für Corporate-Hausfarben außerhalb des CMYK-Raums (z. B. Pantone, HKS, RAL).

Eigenschaften, Phänomene und Farbkontraste

Farben haben die Dimensionen Buntton, Sättigung und Helligkeit. Der Mensch besitzt kein absolutes Farbgedächtnis; er erinnert nur prototypische Farben und differenziert exakt erst im direkten Vergleich. Die Munker-Illusion (Farbassimilation) ist eine optische Täuschung, bei der sich die wahrgenommene Farbe einer Fläche stark an die Farben ihrer direkten Umgebung anpasst.

Die 7 Farbkontraste nach Johannes Itten (Zusatz: Bunt-Unbunt-Kontrast – Kombination einer Buntfarbe mit Schwarz/Grau/Weiß):

1. Farbe-an-sich-Kontrast: Mindestens drei reine, bunte Farben (laut, kraftvoll).
2. Hell-Dunkel-Kontrast: Polare Helligkeitsunterschiede (Basis der Lesbarkeit).
3. Kalt-Warm-Kontrast: Farbtemperaturen (z. B. Blaugrün vs. Rotorange) steuern die räumliche Wahrnehmung.
4. Komplementär-Kontrast: Zwei Farben, die sich im Farbkreis gegenüberliegen (z. B. Rot/Grün). Erzeugen extreme Leuchtkraft.
5. Simultan-Kontrast: Das Auge sucht zu einer Farbe automatisch die komplementäre Ergänzung in der Umgebung (optische Täuschung).
6. Qualitäts-Kontrast: Kontrast zwischen gesättigten, leuchtenden Farben und stumpfen, getrübten Farben.
7. Quantitäts-Kontrast: Proportionen und Größenverhältnisse von Farbflächen zueinander (z. B. viel Blau, wenig Gelb).

Die 60-30-10 UI Colour Rule ist ein Design-Verteilungsschlüssel: 60% Primärfarbe (Hintergrund), 30% Sekundärfarbe (visuelle Spannung/Struktur), 10% Akzentfarbe (Call-to-Actions/Headlines).

Typografie und Schriftenklassifikation: Die Kunst der Buchstaben

Typografie, abgeleitet von „Typos“ (Eindruck) und „graphein“ (schreiben), bedeutet „mit Bildern schreiben“. Die Schrifthistorie zeigt eine Entwicklung von Hieroglyphen über die Phönizier und Griechen zur Capitalis Monumentalis, Karolingischen Minuskel und Gutenbergs Buchdruck (1450).

Schriftenklassifikationsmodell nach Wolfgang Beinert

Dieses Modell ist wichtig zur systematischen Einordnung historischer und moderner Schriften (verwandt mit DIN 16518).

Kern-Schriftgruppen und ihre Zuordnung:

• Antiqua-Schriften mit Serifen (Serif):
• Renaissance-Antiqua (z. B. Garamond)
• Barock-Antiqua (z. B. Baskerville)
• Klassizistische Antiqua (z. B. Bodoni, Didot)
• Serifenlose Linearantiqua (Sans-Serif / Grotesk):
• Statische/Geometrische Grotesk (z. B. Helvetica)
• Dekorative/Schnittige Grotesk (z. B. Impact)
• Glyphische Schriften & Antiqua-Varianten:
• Serifenbetonte Linearantiqua (Slab Serif) (z. B. Rockwell, Museo Slab)
• Mischformen/Inzisen (z. B. Optima – eine klassizistische Serifenschrift-Variante ohne Endserifen)
• Geschriebene/Dekorative Schriften:
• Schreibschriften (Script) (z. B. Bickham, Coronet)
• Display-/Screen-Schriften (z. B. Base Nine)
• Gebrochene Schriften (Blackletter):
• Gotisch, Rundgotisch, Schwabacher, Fraktur (z. B. Alte Schwabacher)

Informationsdesign, Piktogramme und Usability

Informationsdesign konzentriert sich auf die effektive und barrierefreie Vermittlung von Informationen.

Piktogramme: Universalverständliche Zeichen

Ein Piktogramm ist eine von Menschen geschaffene, systemfähige Abbildung (meist Ikonen) zum Zweck einer schnellen, barrierefreien, sprach- und wortlosen Kommunikation und Orientierung.

Kategorien erfolgreicher visueller Kommunikation (Konventionen):

• Gebote: Fordern Handlungen ein.
• Verbote: Untersagen Handlungen (meist durchgestrichen/rot).
• Hinweise: Reine, neutrale Orientierungsinformationen (z. B. das „i“-Symbol).

Design-Pioniere wie Otl Aicher setzten mit ihren geometrischen Piktogrammen für die Olympischen Spiele München 1972 Standards. Moderne Systeme, wie bei Paris 2024, können komplexer sein.

Usability-Kriterien nach Jakob Nielsen

Diese Kriterien sind wichtig für die Gestaltung von User Interfaces und Piktogrammen:

1. Erlernbarkeit (Learnability): Wie leicht verstehen Nutzer das System beim ersten Mal?
2. Einprägsamkeit (Memorability): Wie schnell erinnern Nutzer die Bedeutung bei erneuter Verwendung?
3. Effizienz (Efficiency): Wie schnell lässt sich die Zielhandlung barrierefrei erfassen?
4. Fehler abfangen (Errors): Verhindert das Design Fehlinterpretationen oder Fehlbedienungen?
5. Zufriedenheit des Nutzers (Satisfaction): Wie angenehm empfindet der Nutzer die visuelle Gestaltung?

Konsumverhalten: AIDA-Formel und UI-Evolution

Die AIDA-Formel beschreibt die Phasen des Konsumverhaltens:

Attention (Aktivierung) → Interest (Motivation) → Desire (Emotion) → Action (Involvement).

Die UI-Evolution zeigt einen Wandel von Skeuomorphismus (realitätsnahe Texturen) über Flat Design (flache, minimalistische Formen) hin zu Neumorphismus (soft-plastische, klickbare Optik).

Häufig gestellte Fragen zu den Grundlagen des Medien- und Kommunikationsdesigns

Was sind die wichtigsten Funktionen von Design?

Die sechs wichtigsten Funktionen von Design sind die gebrauchstechnische, ästhetische, semantische, didaktisch/informative, persuasive und die emotionale Kundenbindung. Sie decken alle Aspekte von der reinen Funktionalität bis zur psychologischen Wirkung ab.

Wie unterscheiden sich additive und subtraktive Farbmischung?

Die additive Farbmischung (RGB, Rot-Grün-Blau) bezieht sich auf Lichtfarben, die auf Bildschirmen zusammen weiß ergeben. Die subtraktive Farbmischung (CMYK, Cyan-Magenta-Gelb-Schwarz) bezieht sich auf Druckfarben, die dem weißen Papier Licht entziehen und zusammen theoretisch Schwarz ergeben.

Welche Schriftenklassifikation ist relevant für Mediendesigner?

Das Schriftenklassifikationsmodell nach Wolfgang Beinert ist entscheidend für Mediendesigner. Es systematisiert Schriften in Gruppen wie Antiqua (mit Serifen), serifenlose Linearantiqua (Grotesk), serifenbetonte Linearantiqua (Slab Serif), Geschriebene/Dekorative Schriften und Gebrochene Schriften. Diese Einordnung hilft bei der bewussten Schriftwahl.

Was versteht man unter den Gestaltgesetzen nach Wertheimer?

Die zehn Gestaltgesetze nach Wertheimer beschreiben, wie unser Gehirn visuelle Informationen organisiert und Muster erkennt. Sie erklären Phänomene wie die Figur-Grund-Trennung und Prinzipien wie Nähe, Ähnlichkeit oder Geschlossenheit, die für die Wahrnehmung von Formen und Bildern grundlegend sind.

Welche Usability-Kriterien sind laut Jakob Nielsen für digitale Produkte wichtig?

Jakob Nielsens fünf Usability-Kriterien sind Erlernbarkeit (Learnability), Einprägsamkeit (Memorability), Effizienz (Efficiency), Fehler abfangen (Errors) und die Zufriedenheit des Nutzers (Satisfaction). Sie bilden die Basis für benutzerfreundliche Interfaces und Piktogramme.