Zielsetzung des Kurses
Der Kurs KI-gestütztes Webdesign vermittelt methodische und technische Verfahren zur Gestaltung und Entwicklung von Websites unter Einsatz von Werkzeugen der Künstlichen Intelligenz. Behandelt werden Arbeitsabläufe im Schnittfeld von UX/UI-Design, Frontend-Entwicklung und Content-Produktion. Ziel ist die Erarbeitung reproduzierbarer Prozesse für Entwurf, Prototyping und Implementierung mit KI-gestützten Tools. Der Schwerpunkt liegt auf der Integration von Automatisierung, generativer Medienerstellung und datenbasierter Bewertung in bestehende Webdesign-Workflows.
Inhalte
Einführung in KI-gestütztes Webdesign mit Begriffsdefinitionen, Überblick zu Modellen (Text, Bild, Code), Tool-Landschaft, Prompting-Grundlagen und Einordnung in Design- und Entwicklungsprozesse. Zudem werden KI-Tools vorgestellt.
KI-gestützte Media Asset-Creation: Generierung von Layoutvarianten, Bild- und Icon-Erzeugung, Textbausteine, SVG-Animationen und interaktive 2D und 3D-Objekte
Strategie und Konzept: Website-Strategien, KI-gestützte Sitemaps und Wireframes
Webdesign: Layout Basics, Layouts mit Relume und Figma, Development Hand-Off
Lernziele
- Analysieren von Anforderungen, Nutzerflüssen und Seitentypen zur Ableitung KI-gestützter Design- und Entwicklungsaufgaben
- Erstellen von Wireframes und klickbaren Prototypen unter Einsatz von KI-Assistenz und definierter Prompt-Struktur
- Integrieren generierter Texte und Medien in bestehende Designsysteme unter Berücksichtigung von Barrierefreiheitskriterien
- Implementieren automatisierter Workflows für Versionierung, Qualitätssicherung und Übergabe zwischen Design und Entwicklung
- Bewerten von Varianten anhand erhobener Nutzungsdaten und Ableiten konkreter Änderungen für weitere Iterationen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, insbesondere bei der Erstellung von Prototypen, Designsystemen und barrierearmen Interfaces mit KI-Assistenz.
Typische Tätigkeitsfelder umfassen Frontend-Entwicklung mit Fokus auf komponentenbasierter Umsetzung, automatisiertem Testing und Code-Generierung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Content- und Webproduktion, darunter generative Medienerstellung, Textproduktion und Lokalisierung für Websites.
Einsatzfelder bestehen zudem im Bereich Web-Analyse, A/B-Testing und datenbasierte Auswertung zur schrittweisen Anpassung von Weboberflächen.
Zusammenfassung
Der Kurs KI-gestütztes Webdesign behandelt den Einsatz von KI-Tools für Konzeption, Prototyping, Content-Erstellung, Frontend-Umsetzung und Auswertung von Webprojekten. Im Rahmen dieser Weiterbildung werden Arbeitsabläufe zwischen Design, Entwicklung und Analyse mit Automatisierung und Qualitätskontrolle zusammengeführt. Die vermittelten Themen stehen in Bezug zu Tätigkeiten in UX/UI-Design, Frontend-Entwicklung, Content-Produktion und Web-Analyse.