Modulseite

Kurs · Modul 270

Farbe und Typografie bestimmen und einsetzen

Nach diesem Kurs wählst du Farben und Schriften nicht mehr nach Gefühl, sondern begründet: Du rechnest Hex, RGB, HSL und CMYK um, erklärst, warum ein Bildschirm-Pink im Druck stumpf wird, und entscheidest mit Farbprofil, Softproof und Pantone-Fächer, wie eine Farbe sauber gedruckt wird. Du setzt die sieben Farbkontraste gezielt ein, vergleichst Farbvarianten mit Tests und Kriterienraster und baust eine dokumentierte Palette, deren Textkontraste nach WCAG geprüft sind. In der Typografie erkennst du Schriftklassen, kombinierst höchstens zwei Familien mit passender Lizenz, setzt Text mit stimmigem Schriftgrad, Zeilenabstand und Zeilenlänge und korrigierst die Mikrotypografie nach Schweizer Regeln, auch automatisiert mit GREP. Du lernst in 9 Lektionen am Beispiel der Boulderhalle Munot, übst mit 60 Aufgaben und 12 Code-Laboren in Python und JavaScript, entwickelst im geführten Projekt die komplette Farb- und Schriftwelt selbst und prüfst dich in einer Simulation des Kompetenznachweises. Rechne mit rund 20 Stunden. Gestalten lernst du nur durch Gestalten: Der Kurs wirkt, wenn du die Aufgaben im Projekt wirklich in Illustrator, InDesign oder Figma umsetzt und ausdruckst.

9 Lektionenca. 6 Std. Lernzeit60 Aufgaben12 Code-Labore40 KarteikartenPraxisprojekt (5 Meilensteine)Prüfungssimulation (100 Min.)

Dein nächster Schritt

Farbe am Bildschirm: RGB, Hex und HSL

Du verstehst die additive Farbmischung, rechnest Hex-Codes und RGB-Werte von Hand um und beschreibst Farben im HSL-Modell. · 40 Min.

Jetzt starten

Dein KI-Lerncoach

Lernen mit KI, aber richtig

Der Tutor kennt dieses Modul, deine Lektion und deine Aufgaben. Er führt dich zur Lösung, statt sie vorzusagen.

Deine Kompetenzen

offen begonnen sicher gemeistert

Berechnet aus deinen gelösten Aufgaben. Ziel für den Kompetenznachweis: überall mindestens «sicher» auf Stufe 2.

1 · Grundlagen2 · Fortgeschritten3 · Erweitert
A · Farbmodelle und Farbräume0%––
B · Farbwirkung und Kontraste–––
C · Farbpalette0%––
D · Schriftwahl–––
E · Lesbarer Satz–––
F · Mikrotypografie–––

Abzeichen

Gestartet
Halbzeit
Durchgezogen
Lauf
Code-Held
Gedächtnis
Praxisprofi
Prüfungsreif
Meisterschaft
Neugierig
KI-Trainer
Fachgespräch bestanden

Lektionen

  1. 1Farbe am Bildschirm: RGB, Hex und HSLDu verstehst die additive Farbmischung, rechnest Hex-Codes und RGB-Werte von Hand um und beschreibst Farben im HSL-Modell.
  2. 2Vom Bildschirm aufs Papier: CMYK, Farbräume und SonderfarbenDu erklärst, warum leuchtende Bildschirmfarben im Druck stumpf werden, arbeitest mit Farbprofilen und Softproof und entscheidest begründet zwischen CMYK und Sonderfarbe.
  3. 3Farbkreis, Harmonien und die sieben FarbkontrasteDu findest Partnerfarben mit Harmonieregeln, unterscheidest Maler- und Bildschirmfarbkreis und setzt die sieben Kontraste nach Itten gezielt ein.
  4. 4Farbwirkung beurteilen und Varianten begründenDu beurteilst Farbwirkung vorsichtig und zielgruppengerecht, vergleichst Varianten mit Tests und Kriterienraster und begründest deinen Entscheid.
  5. 5Eine Farbpalette aufbauen, dokumentieren und barrierefrei machenDu baust eine Palette mit klaren Rollen, dokumentierst jede Farbe vollständig, prüfst alle Textkontraste nach WCAG und passt durchgefallene Farben an.
  6. 6Schriften erkennen: Anatomie und KlassifikationDu beschreibst Schriften mit den richtigen Fachbegriffen, ordnest sie den Schriftklassen zu und unterscheidest Familie, Schnitt und Ziffernarten.
  7. 7Schriften wählen, mischen und lizenzierenDu wählst Schriften nach Zweck, Wirkung und Medium, kombinierst höchstens zwei Familien, prüfst Lizenzen und beurteilst Schriftwünsche der Kundschaft.
  8. 8Text lesbar setzen: Masseinheiten, Zeilenabstand, ZeilenlängeDu rechnest mit pt, mm, px, em und rem, wählst Schriftgrad, Zeilenabstand, Zeilenlänge und Satzart für Print und Web und legst eine typografische Hierarchie fest.
  9. 9Mikrotypografie nach Schweizer ArtDu setzt Guillemets, Apostroph, Striche, geschützte Leerzeichen und Zahlen nach Schweizer Gepflogenheit und automatisierst Korrekturen mit GREP.