KI Challenge — Medien

SYNTHESE

Das interaktive Medien-Kompendium

Kategorie
Schwierigkeit

Willkommen im Team A

1
Team
2
Rolle
3
Mission
4
Workflow
KI Challenge

Willkommen im Team A

SYNTHESE — Das interaktive Medien-Kompendium

Deine Aufgabe: Baue ein interaktives Medien-Kompendium — eine digitale Enzyklopädie, in der Studenten Themen wie HTML, CSS, Accessibility und mehr erkunden können. Wähle eine Rolle und starte.

Wähle deine Rolle

Wähle deine Rolle

Der 3-Tage Workflow

1

Tag 1: Recherche & Struktur

Recherchiert Themen, verteilt Rollen und baut die erste Struktur.

2

Tag 2: Bauen & Schreiben

Schreibt Artikel, baut Features und integriert alles zusammen.

3

Tag 3: Polieren & Präsentieren

Testet, poliert und präsentiert euer Kompendium der Klasse.

Themen

Entdecke die Welt der Medientechnik

Grundlagen Leicht

RGB vs CMYK

Verstehe den Unterschied zwischen additivem und subtraktivem Farbmodell und wann du welches verwendest.

Technik Mittel

Codec Basics: Lossy vs Lossless

Wie Kompression funktioniert, welche Codecs es gibt und wann Qualität wirklich verloren geht.

Design Leicht

Responsive Design Principles

Vom festen Layout zum flexiblen Grid: Wie deine Designs auf jedem Bildschirm großartig aussehen.

Technik Mittel

Prepress & PDF/X Standards

Alles was du über Druckvorstufe wissen musst: PDF/X-Compliance, Farbprofile und Beschnitt.

Design Leicht

Typography Hierarchy

Wie Schriftgrößen, Gewichte und Abstände zusammenarbeiten, um Lesbarkeit und Struktur zu schaffen.

Grundlagen Leicht

Color Theory for Web

Farben wirken emotionsgeladen. Lerne Komplementärkontraste, Harmonien und accessible Paletten zu nutzen.

Design Dein Thema

CSS Grid & Flexbox

Moderne Layout-Techniken für responsive Designs. Von Grundlagen bis zu komplexen Grid-Strukturen.

Grundlagen Dein Thema

Web Accessibility (A11y)

Websites für alle zugänglich machen. Kontraste, Screenreader, Tastaturnavigation und semantisches HTML.

Technik Dein Thema

Multi Language & i18n

Websites für alle Nationen zugänglich machen. Übersetzungsstrategien, RTL-Support, Locale-Handling und Kultur-Sensitivität.