Design dynamischer Benutzeroberflächen mit generativer KI
A course by Ramón IborraBerater und Dozent für Generative Künstliche Intelligenz
A course by Ramón Iborra, Berater und Dozent für Generative Künstliche Intelligenz
Gestalte interaktive Webinterfaces mit generativer KI mithilfe von ChatGPT, Lovable, 3D‑Modellen, digitalen Comics, Karten, Scrollanimationen
Lerne, wie du mit einfachen Prompts kleine interaktive Webprojekte baust – ganz ohne fortgeschrittene Programmierung. Der Kurs ist praktisch aufgebaut: Ideen skizzieren, schnell prototypen und mit ChatGPT, Lovable, Freepik und Hunyuan3D experimentieren.
Du erzeugst HTML, CSS und JavaScript per Vibe‑Coding, passt Layouts in visuellen Editoren an und nutzt KI‑Bilder, holografische Karten, Bewegungseffekte und Slow‑Motion‑Videos, die auf Scroll reagieren.
Ein weiteres Projekt ist ein kleiner 3D‑Comic‑Viewer, bei dem du 2D‑Grafiken in einfache 3D‑Modelle umwandelst und in ein responsives Layout einbaust, das du veröffentlichen kannst.
Der Kurs richtet sich an Designer, Front‑End‑Entwickler, Künstler und digitale Kreative, die mit generativen Tools für interaktive Websites und Animation experimentieren möchten.
Was lernst du in diesem Onlinekurs?
7 Lektionen & 3 Downloads
Eine erste Oberfläche mit Lovable erstellen
14 Minuten, 2 Sekunden
Erstelle individuelle Komponenten und visuelle Assets
6 Minuten, 59 Sekunden
Visuelle Erlebnisse mit Scroll und Interaktion gestalten
13 Minuten, 43 Sekunden
Komplexe interaktive Komponenten mit KI integrieren
7 Minuten, 6 Sekunden
Von 2D zu 3D und Veröffentlichung des finalen Projekts
9 Minuten, 28 Sekunden
Was ist in diesem Kurs enthalten?
Sie lernen, lebendige Web-Oberflächen zu erstellen, die als kreative Portfolios, kleine experimentelle Websites oder visuelle Geschichten fungieren und beim Surfen reagieren. Wir sehen uns Beispiele an, deren Inhalte sich dynamisch ändern, und erklären die Logik des Vibe-Codings – ganz ohne Programmierkenntnisse.
Jetzt wird es richtig losgehen. Sie erstellen eine erste Benutzeroberfläche mit ChatGPT, entwickeln daraus mit Lovable eine vollständige Website und gestalten Ihre eigenen visuellen Elemente: holografische Karten, originelle Illustrationen und Szenen, die sich beim Scrollen bewegen – fast wie eine Videosequenz. Sie fügen interaktive Elemente wie einen 3D-Comic-Viewer hinzu, wandeln 2D-Designs mit den passenden Werkzeugen in 3D-Objekte um und veröffentlichen schließlich ein Projekt, das Sie direkt in Ihre Website oder Ihr Portfolio integrieren können.
Recommended software & tools for this course
Who is this online course for?
Grafikdesigner, UX/UI‑Leute, digitale Kreative, Frontend‑Entwickler, Visual Artists, Motion Designer und alle, die einfach Lust haben, KI‑gestützte Webideen auszuprobieren, ohne tief in Programmierung einzusteigen.
Requirements and materials
Große Vorerfahrung brauchst du nicht. Wenn du im Web navigieren kannst und gern mit kreativen Tools spielst, reicht das. Ein Grundverständnis für den Aufbau einer Webseite hilft. Programmieren ist optional, aber etwas HTML und CSS erleichtert vieles. Eigene Konten bei ChatGPT, Lovable und Freepik sind sinnvoll.
Bewertungen
- vor 2 Monaten
Muito bom e didático
- vor 4 Monaten
otima dinamica, assuntos bem exemplificados
Sein Ansatz verbindet Strategie, praktische Anwendung und eine reflektierte Perspektive auf Technologie, mit dem Ziel, KI zu einer echten Unterstützung in der beruflichen Entwicklung zu machen. In seinen Kursen vermittelt er klare Methoden und reale Anwendungsbeispiele für eine effiziente und kontextspezifische Umsetzung.
Inhalt
Design dynamischer Benutzeroberflächen mit generativer KI
- Generative Schnittstellen für kreative Projekte
- Eine erste Oberfläche mit KI erzeugen
- Eine erste Oberfläche mit Lovable erstellen
- Erstelle individuelle Komponenten und visuelle Assets
- Visuelle Erlebnisse mit Scroll und Interaktion gestalten
- Komplexe interaktive Komponenten mit KI integrieren
- Von 2D zu 3D und Veröffentlichung des finalen Projekts
- Abschlussprojekt
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
No, programming skills are not required. The course teaches you how to use AI tools like ChatGPT and Lovable to generate, modify, and customize complete websites using natural language prompts.
Yes, the course is designed for people with an intermediate level, perfect for those looking to enhance their web projects using artificial intelligence without needing advanced coding knowledge.
The course uses tools like ChatGPT, Lovable, Freepik, Clean 3.0, and Huggingface to generate code, manage projects, and create visual and 3D assets that can be integrated into websites.
All you need is a computer with internet access and accounts on platforms like ChatGPT, Lovable, and Freepik. No software installation or complex programming environments are required.
You’ll learn how to generate web interfaces, integrate multimedia, animations, 3D models, and characters, customize code, and publish interactive projects using AI and visual tools.
Yes, the course teaches you how to generate and edit personalized landing pages for creative portfolios, incorporating images, videos, animations, and visual effects powered by AI.
You’ll learn how to instruct AI to integrate images, videos, and 3D models into web code and easily embed these resources using platforms like Lovable and ChatGPT.