Design und Gestaltung für Einsteiger — Farbenlehre, Typografie, Layout

Visuelles Design ist ein Handwerk — und wie jedes Handwerk lernbar. Dieser Kurs vermittelt die fundamentalen Prinzipien guter Gestaltung, die in jedem Medium (Print, Web, Mobile, Bewegtbild) gelten. Block Was ist Gestaltung / Design: Definition (Form geben — funktional + ästhetisch), Disziplinen (Visual Communication Design / Grafik, Produkt-/Industriedesign, UX/UI, Bewegtbild, Verpackung), Designprozess (Briefing → Recherche → Konzeption → Entwurf → Umsetzung → Feedback → Iteration). Block Psychologie der Wahrnehmung: visuelle Wahrnehmung des Auges (peripheres vs. zentrales Sehen), kognitive Verarbeitung (Bottom-up vs. Top-down), Gestaltgesetze (Nähe, Ähnlichkeit, Geschlossenheit, gute Fortsetzung, Figur-Grund-Trennung, Symmetrie), Visual Hierarchy. Block Gestaltungsgesetze: Kontrast (Farbe, Form, Größe, Position, Textur), Wiederholung (Konsistenz), Ausrichtung (Alignment), Nähe (Gruppierung), Balance (Symmetrisch vs. Asymmetrisch), Weißraum (negativer Raum als gestalterisches Element), Rhythmus, Bewegung. Block Farbenlehre: Farbkreis (Itten, Goethe, Hering), Primär-/Sekundär-/Tertiärfarben, Komplementärkontrast, Analog-Schema, Triadisches Schema, Tetradisches Schema, Warm vs. Kalt, Farb-Psychologie (Rot = Energie/Gefahr, Blau = Vertrauen/Ruhe, Grün = Natur/Erfolg, etc. — kulturabhängig), Farb-Systeme (RGB für Bildschirm, CMYK für Druck, Pantone für exakte Farben, Hexadezimal für Web), Color Accessibility (WCAG-Kontrast-Anforderungen, Farbenblindheit). Block Typografie: Schrift-Geschichte (Antiqua/Serif, Grotesk/Sans-Serif, Schreibschrift, Display), Schrift-Anatomie (Buchstabenteile: Versalhöhe, x-Höhe, Schulter, Aufstrich, Abstrich), Schrift-Klassifikation (Serif: Mediaeval, Renaissance-Antiqua, Klassizistische Antiqua, Slab Serif; Sans-Serif: Grotesk, Neue Grotesk, Geometrische, Humanistische), Mikro- und Makrotypografie (Laufweite, Zeilenabstand, Spaltenbreite, Auszeichnung), Lesbarkeit-Prinzipien. Block Layout: Gestaltungsraster (Spalten-Grids, Modulare Grids, Hierarchische Grids, Baseline-Grid), Layout-Patterns (Zentrum, Drittel-Regel, Goldener Schnitt, F-Pattern und Z-Pattern für Lesbarkeit), responsive Design für Web/Mobile. Block Bildgestaltung: Bildkomposition (Drittel-Regel, Goldener Schnitt, Symmetrie, Leitlinien, Rahmenwirkung), Bildausschnitt, Perspektive, Licht und Schatten als gestalterische Mittel, Bildausschnitt vs. Bildaussage. Block Webdesign-Spezifika: Mobile-First-Design, Touch-Optimierung, Responsive Breakpoints, Performance-Aspekte (große Bilder bremsen Page-Load).