{{j.t}}{{j.e}} · {{j.w}}
- {{j.pay}}
- {{f}}
Zum KursNeuSchnell bewerben{{j.age}}
Dark Mode UI Design
Laut Katalog dauert der Kurs 6–12 Monate und kostet 5.000–10.000 €. Du lernst im Blended Learning. Anbieter ist formful education GmbH.
{{s1.unit}}
{{s1.v0}}
{{s1.v1}}
{{s1.v2}}
Untere 25 %
verdienen bisDie Mitte
MedianObere 25 %
verdienen ab
verdienen bisDie Mitte
MedianObere 25 %
verdienen ab
Achse beginnt bei {{s1.axis}}
01 · Der Kurs
Der Kurs hat 4 Termine
Auf einen Blick
- LERNUMFANG
- 6–12 Monate
- KATALOGPREIS
- 5.000–10.000 €
- LERNORT
- Leipzig
- NÄCHSTER START
- 05.10.2026
- LERNFORM
- Blended Learning
Passt der Kurs zu dir?
- 1Sicherer Umgang mit dem Computer und die Bereitschaft, ein Designwerkzeug wie Figma von Grund auf zu lernen; für Wireframes brauchst du kein Zeichentalent.
- 2Für viele Stellen ein Studium in Medien- oder Kommunikationsdesign oder Medieninformatik; den Einstieg öffnet auch eine Aus- oder Weiterbildung im Medien- oder Kommunikationsdesign.
- 3Für eine geförderte Teilnahme ein Bildungsgutschein der Agentur für Arbeit nach § 81 SGB III, den der Kursträger vor Beginn bei der Agentur vorlegt.
Das lernst du
- Zielsetzung des Kurses
- Der Kurs Dark Mode UI Design behandelt Gestaltung und Umsetzung dunkler Benutzeroberflächen im Kontext von Interface- und Interaction-Design. Im Mittelpunkt stehen typografische, farbliche und konzeptionelle Entscheidungen für dunkle Themes unter Berücksichtigung von Lesbarkeit, Kontrast und Barrierefreiheit. Ziel ist die strukturierte Herleitung von Designentscheidungen für Dark-Mode-Varianten bestehender oder neuer Interfaces. Zudem wird die Einbettung in Designsysteme sowie die Übergabe an Entwicklungsteams adressiert.
- Einführung in Prinzipien des Dark Mode: Herleitung von Farbpaletten, Rollen von Primär-, Sekundär- und Akzentfarben, Kontrastberechnung, Tonwerte, Einsatz von Transparenzen und Ebenen für Hierarchien und Zustände.
- Typografie und Komposition in dunklen Interfaces: Schriftwahl, Laufweiten, Zeilenabstände, Raster und Abstände, Fokus- und Interaktionszustände, Iconografie und Piktogramme mit Bezug zu dunklen Hintergründen.
- Barrierefreiheit und Wahrnehmung: Anwendung von WCAG-Kontrasten, Erkennung von Farbsehschwächen, Prüfung von Lesbarkeit in verschiedenen Umgebungshelligkeiten, Motion- und Reduktionseinstellungen, Bedienlogik.
- Komponenten und Patterns: Buttons, Inputs, Navigation, Karten, Modale und Tabellen im Dark Mode; Zustandsdefinitionen, Elevation, Schatten und Glows, Nutzung von Systemvariablen und Token.
- Designsystem und Handoff: Aufbau von Farb- und Typo-Tokens, Synchronisation zwischen Light- und Dark-Varianten, Dokumentation in Figma/Sketch, Export und Übergabe an Frontend mit CSS-Variablen.
- Prototyping und Qualitätssicherung: Erstellung klickbarer Prototypen, Testen auf verschiedenen Displays, Überprüfung von Kontrast und Lesbarkeit, Feedbackschleifen und Iteration.
- Lernziele
- Analysieren von bestehenden Interfaces hinsichtlich Kontrast, Hierarchie und Lesbarkeit im Dark Mode
- Identifizieren geeigneter Farbrollen und Ableiten einer skalierbaren Dark-Mode-Farbpalette mit Tonwertstufen
- Anwenden von WCAG-Kriterien zur Durchführung von Kontrastprüfungen in zentralen Komponenten
- Erstellen von Dark-Mode-Varianten für Navigation, Formularelemente und Karten inklusive Zustandsdefinitionen
- Integrieren von Farb- und Typografie-Tokens in ein Designsysten und Implementieren konsistenter Variablen
- Beurteilen von Prototypen durch Tests auf Geräten mit unterschiedlichen Helligkeiten und Displaytechnologien
- Berufsperspektiven
- Die Kursinhalte finden Anwendung in Berufsfeldern wie User-Interface-Design, wo Dark-Mode-Varianten als Teil konsistenter Produktoberflächen entwickelt werden. Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams mit Fokus auf Komponenten, Patterns und Barrierefreiheit. Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Management und Handoff an Frontend-Entwicklung mit Token- und Variablensteuerung.
- Zusammenfassung
- Der Kurs Dark Mode UI Design behandelt Gestaltung, Komponentenaufbau und Dokumentation dunkler Benutzeroberflächen mit Bezug auf Lesbarkeit, Kontrast und Barrierefreiheit. Im Rahmen dieser Weiterbildung werden Designentscheidungen hergeleitet, in Designsysteme eingebunden und für die Übergabe an Entwicklung strukturiert. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern in UI-Design, UX-Design und Designsystem-Management.
Der Kurs
Ablauf, Termine und Lernort
- 1
Leipzig
05.10.2026 · Blended Learning · Teilzeit · 6–12 Monate · 5.000–10.000 €
- 2
Leipzig
05.10.2026 · Blended Learning · Vollzeit · 3–6 Monate · 5.000–10.000 €
- 3
Leipzig
02.11.2026 · Blended Learning · Teilzeit · 6–12 Monate · 5.000–10.000 €
- 4
Leipzig
02.11.2026 · Blended Learning · Vollzeit · 3–6 Monate · 5.000–10.000 €
02 · Kosten & Förderung
Kursgebühr 5.000–10.000 €, mit bewilligtem Bildungsgutschein 0 €
Dieser Kurs ist im Katalog als förderfähig gekennzeichnet.
03 · Gehalt
UX-Designer Gehalt: 4.149 € in der Mitte bundesweit
Die mittlere Hälfte verdient 3.319 € bis 5.344 € brutto im Monat in Vollzeit.
Brutto im Monat
Mitte und Viertel bundesweit
Mindestlohn bei 40 Wochenstunden2.409 €/Monat
gesetzliche UntergrenzeUnteres Viertel bundesweit3.319 €/Monat
ein Viertel verdient wenigerMitte aller Vollzeitbeschäftigten bundesweit4.149 €/Monat
Median, inkl. SonderzahlungenOberes Viertel bundesweit5.344 €/Monat
ein Viertel verdient mehr3 Schritte vom Kurs in den Beruf
- 1
Nutzerbedürfnisse belegen statt vermuten
Im UX Research übst du Interviews, Beobachtung und Umfragen und fasst die Ergebnisse in Personas und User Journeys zusammen. Damit begründest du Designentscheidungen gegenüber Produktmanagement und Entwicklung mit Befunden aus echten Gesprächen. Beispiel: Du befragst Bestandskunden eines Online-Shops und leitest aus ihren Antworten drei Personas ab.
- 2
Prototypen bauen und mit Nutzern testen
In Figma entwirfst du Screens, Komponenten und klickbare Prototypen, die du in moderierten Usability-Tests prüfst. Du lernst, Testaufgaben zu formulieren und beobachtete Bedienprobleme nach Schweregrad zu ordnen. Beispiel: Testpersonen klicken den Bestellvorgang einer App durch, und du notierst, an welchem Schritt sie abbrechen.
- 3
Barrierefreiheit im Entwurf berücksichtigen
Für Online-Shops und andere Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher schreibt das Barrierefreiheitsstärkungsgesetz eine barrierefreie Gestaltung vor; Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen. Achte darauf, ob der Kurs Kontraste, Tastaturbedienung und Alternativtexte schon in der Entwurfsphase behandelt. Beispiel: Du prüfst im Checkout-Entwurf, ob jede Schaltfläche ohne Maus erreichbar ist und sich deutlich vom Hintergrund abhebt.
04 · Anbieter
Formful education GmbH: 406 Kurse mit aktuellem Termin an 1 Ort
406Kurse mit aktuellem Termin
1Angebotsort
406 Kurse mit aktuellem Termin in unserem Vergleich. Lernformen: Blended Learning, Virtuelles Klassenzimmer.
Angebote an 1 Ort; in der Kurssuche wählst du den Lernort und Termin bei formful education GmbH.
05 · Jobs
UX-Designer Jobs bundesweit: 938 offene Stellen in 45 Tagen
Arbeitsmarkt
UX-Designer bundesweit in Zahlen
OFFENE STELLEN938bundesweit, letzte 45 Tage
BESETZUNG53 Tageim Schnitt bis besetzt
ENGPASSneinkein Engpassberuf
Nutze diese Orientierung für deinen Kursvergleich: Markiere in drei bis fünf Stellenanzeigen die wiederkehrenden Anforderungen.
- Ein Kurs mit Praxis, dem passenden Nachweis und einem realistischen Zugang zur Zielrolle ist aussagekräftiger als ein allgemeines Versprechen guter Jobchancen.
06 · Kurse
712 Kurse zum Vergleich
Für eine gute Wahl reichen zwei oder drei der 712 Kurse mit gleichem Ziel, die du Punkt für Punkt nebeneinanderlegst.
712 Kurse zum Vergleich.
{{j.t}}{{j.e}} · {{j.w}}
- {{j.pay}}
- {{f}}
Zum KursNeuSchnell bewerben{{j.age}}
Auf dieser Seite passt nichts zu diesem Filter. Die nächste Seite oder die ganze Liste zeigt mehr.
Häufige Fragen
3 Fragen, kurz beantwortet
{{f.a}}
Mehr
16 weitere Seiten zum Thema UX/UI-Design
UX/UI-Design Weiterbildung im ÜberblickKosten und FörderungGehalt und BerufschancenUmschulungAlle Kurse vergleichenFörderung für dein LernzielQuereinstieg in diesen BerufVoraussetzungen für den EinstiegMarketing & Medienformful education GmbHAlle Kurse dieses Anbieters vergleichenBildungsgutschein: Voraussetzungen und AblaufUmschulung oder Weiterbildung?Weitere Berufsfelder entdeckenWelche Weiterbildung ist sinnvoll? Die Qualifikationslücke entscheidetWelche Umschulung ist auf dem Arbeitsmarkt gefragt?
Kläre deinen persönlichen Kursstart (712 Kurse)
Preis, Dauer und nächster Start der 712 Kurse im direkten Vergleich.
Angebote dieses AnbietersRedaktion StudySmarter WeiterbildungAktualisiert am 01.10.2026 · So rechnen wir