К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
High-Fidelity-Designs und Prototypen in Figma Erstellen · LearnSpace
Назад в каталог
courseraПрограммирование

High-Fidelity-Designs und Prototypen in Figma Erstellen

Курс от Google
Начальный≈ 33.3 чНемецкий
О курсеНавыкиПрограммаПреподаватели

О курсе

„High-Fidelity-Designs und Prototypen in Figma erstellen“ ist der fünfte Kurs des Zertifikatsprogramms, mit dem Sie die nötigen Fähigkeiten erwerben, um sich für Einstiegspositionen im Bereich User Experience Design (UX-Design) zu bewerben. In diesem Kurs lernen Sie anhand von Schritt-für-Schritt-Anleitungen, wie Sie in dem beliebten Designtool Figma „Mockups“ (Modelle) genannte High-Fidelity-Designs erstellen. Anschließend verwandeln Sie diese Designs in interaktive Prototypen, die wie ein fertiges Produkt funktionieren. Sie führen Forschungen durch, um Feedback zu Ihren Designs einzuholen und Verbesserungen vorzunehmen. Schlussendlich erfahren Sie, wie Sie Ihre Designs mit den Entwicklungsteams teilen und Ihre Arbeit in Ihrem professionellen UX-Portfolio hervorheben. Der Kurs wird von aktuell bei Google tätigen UX-Designschaffenden und UX-Forschenden geleitet. Bei praktischen Aktivitäten werden Sie reale UX-Designszenarien simulieren. Lernende, die die sieben Kurse dieses Zertifikatsprogramms absolvieren, können sich auf Einstiegspositionen im Bereich UX-Design bewerben. Nach Abschluss dieses Kurses können Sie: - Modelle und High-Fidelity-Prototypen in Figma erstellen - Gängige visuelle Designelemente und -prinzipien auf Designs anwenden - Zeigen, wie Designs mithilfe von Designsystemen organisiert, standardisiert und verbessert werden können - Die Rollen von Designkritiksitzungen und Feedback während der Iteration von Designs beschreiben - Fertige Designprojekte an Engineering-Teams übergeben - Designs für mobile Apps zur Aufnahme in ein professionelles UX-Portfolio fertigstellen Dieser Kurs ist für UX-Designschaffende auf Anfängerniveau geeignet, die die vorherigen vier Kurse des Google UX Design Certificate abgeschlossen haben. Alternativ sollten Lernende, die die vorherigen Kurse nicht abgeschlossen haben, über ein solides Verständnis des Designprozesses, der Erstellung von Low-Fidelity-Designs auf Papier und in Figma sowie der Durchführung von Usability-Studien verfügen.

Навыки, которые вы освоите

Design ReviewsFigma (Design Software)UI ComponentsDesign Elements And PrinciplesPrototypingInteraction DesignAnimationsMockupsColor TheoryUser ResearchUsability TestingPeer ReviewGraphic and Visual DesignTypographyDesign SoftwareUser Interface (UI) DesignUser Experience DesignUsabilitySystems DesignLayout Design

Программа курса

6 модулей · 179 учебных материалов

01Mit dem Erstellen von Modellen beginnen 57 материалов

Einführung in Kurs 5

Einführung in Kurs 5: High-Fidelity-Designs und Prototypen in Figma erstellenВидеоWillkommen zu Kurs 5ЧтениеOptional – Lesen Sie dies, wenn das Ihr erster Kurs im Zertifikatsprogramm istЧтениеOptional – Testen Sie Ihr Wissen über bereits behandelte Konzepte

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

High-Fidelity-Designs und Prototypen in Figma Erstellen
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 33.3 ч

6 модулей

Язык: Немецкий

Субтитры: Английский

Часть программы вашего университета
Задание
Optional – Interpretieren Sie Ihre QuizergebnisseЧтение
Optional – Reichen Sie Ihre Auswahl für das Portfolioprojekt einЗадание
Kunal – Mein Weg zum UX-DesignВидео

Mit dem Erstellen eines Modells beginnen

Willkommen zu Woche 1ВидеоEinführung in ModelleВидеоChikezie – Von Low-Fidelity- zu High-Fidelity-Designs übergehen ВидеоGrundlegende Fähigkeiten zum Erstellen von Modellen in FigmaЧтениеAktivität: Low-Fidelity-Designs verwenden, um mit den Modellen für Ihr Portfolioprojekt zu beginnenЗаданиеAktivitätsbeispiel: Low-Fidelity-Designs verwenden, um mit den Modellen für Ihr Portfolioprojekt zu beginnenЧтение

Typografie in Modellen verwenden

Einführung in grundlegende Elemente des visuellen DesignsВидеоTypografie im UX-DesignВидеоDie Bedeutung der TypografieВидеоIhr Wissen zu Typografie testenЗаданиеMit Schrift in Modellen arbeitenЧтениеProdukttexte zu Modellen hinzufügenЧтениеAktivität: Typografie zu den Modellen Ihres Portfolioprojekts hinzufügenЗаданиеAktivitätsbeispiel: Typografie zu den Modellen Ihres Portfolioprojekts hinzufügenЧтение Teilen Sie ein Beispiel für interessante Typografie in einer App Обсуждение

Farbe in Modellen verwenden

Farbe im UX-DesignВидеоTesten Sie Ihr Wissen über FarbenЗаданиеMit Farben in Modellen arbeitenЧтение Überlegungen zur Barrierefreiheit für FarbenЧтениеAktivität: Farbe zu den Modellen Ihres Portfolioprojekts hinzufügenЗаданиеAktivitätsbeispiel: Farbe zu den Modellen Ihres Portfolioprojekts hinzufügenЧтение

Symbole in Modellen verwenden

Symbole im UX-DesignВидео Mit Symbolen in Modellen arbeiten ЧтениеAktivität: Symbole zu den Modellen Ihres Portfolioprojekts hinzufügenЗаданиеAktivitätsbeispiel: Symbole zu den Modellen Ihres Portfolioprojekts hinzufügenЧтениеTeilen Sie ein Beispiel für Symbole aus Ihrer Lieblings-AppОбсуждениеEin Modell aus grundlegenden Elementen erstellenPLUGIN​​Mehr visuelle Designelemente kennenlernenЧтениеIhren Modellen Bilder hinzufügenВидео Stock-Bilder für Modelle findenЧтениеWeitere DesignüberlegungenЧтение

Seitenlayouts verstehen – Raster und Begrenzungen

Einführung in LayoutsВидеоRaster zur Orientierung im Layout verwendenВидео Raster in Modellen erstellenЧтениеAktivität: Raster in den Modellen Ihres Portfolioprojekts erstellenЗаданиеAktivitätsbeispiel: Raster in den Modellen Ihres Portfolioprojekts erstellenЧтениеBegrenzungen in Layouts verwendenВидеоBegrenzungen in Modellen erstellenЧтение Aktivität: Begrenzungen in den Modellen Ihres Portfolioprojekts erstellenЗаданиеAktivitätsbeispiel: Begrenzungen in den Modellen Ihres Portfolioprojekts erstellenЧтение

Seitenlayouts verstehen – Freiräume

Freiräume in Layouts verwendenВидеоFreiräume in Modellen verwendenЧтение Testen Sie Ihr Wissen zu Begrenzungen und Freiräumen im DesignPLUGINAktivität: Die Modelle Ihres Portfolioprojekts durch Hinzufügen von Freiräumen überarbeitenЗадание Aktivitätsbeispiel: Die Modelle Ihres Portfolioprojekts durch Hinzufügen von Freiräumen überarbeitenЧтениеGängige Designmuster in AppsЧтениеSelbstreflexion: Das Gelernte zum Thema Seitenlayouts teilenЗадание

Rückblick auf Woche 1

Zusammenfassung: Mit dem Erstellen von Modellen beginnen Видео​Glossar ЧтениеWochen-Challenge 1: Grundlegende Elemente des visuellen Designs auf Ihre Projektmodelle für das Portfolio anwendenВзаимная проверка
02Visuelle Designprinzipien auf Modelle anwenden 30 материалов

Visuelle Designprinzipien auf Modelle anwenden (Teil 1)

Willkommen bei Woche 2ВидеоBetonung im UX-DesignВидео Betonung in Modellen verwendenЧтениеHierarchie im UX-DesignВидеоHierarchien in Modellen verwendenЧтениеTesten Sie Ihr Wissen über Betonung und HierarchieЗадание

Visuelle Designprinzipien auf Modelle anwenden (Teil 2)

Maßstab und Proportion im UX-DesignВидеоMaßstab und Proportion in Modellen verwendenЧтениеTesten Sie Ihr Wissen über Maßstab und ProportionЗаданиеEinheit und Vielfalt im UX-DesignВидеоEinheit und Vielfalt in Modellen verwendenЧтениеTesten Sie Ihr Wissen über Einheit und VielfaltЗадание

Modelldesigns optimieren

Gestaltprinzipien auf Modelle anwendenВидеоMehr über weitere Gestaltprinzipien erfahrenЧтениеTesten Sie Ihr Wissen über GestaltprinzipienЗаданиеAktivität: Gestaltprinzipien auf die Modelle Ihres Portfolioprojekts anwendenЗаданиеAktivitätsbeispiel: Gestaltprinzipien auf die Modelle Ihres Portfolioprojekts anwendenЧтениеIhre Gründe für die Anwendung von Gestaltprinzipien erläuternОбсуждение

Rückblick auf Woche 2

Zusammenfassung: Visuelle Designprinzipien auf Modelle anwendenВидеоGlossarЧтениеWochen-Challenge 2: Modelle für das Portfolioprojekt optimierenВзаимная проверка
03Designsysteme entdecken 20 материалов

Verstehen von Designsystemen

Willkommen zu Woche 3ВидеоEinführung in DesignsystemeВидеоDie Vorteile von Designsystemen ВидеоTesten Sie Ihr Wissen zu DesignsystemenЗаданиеDas Designsystem von Google: Material Design ВидеоDas Designsystem von Shopify: PolarisВидеоEntdecken Sie beliebte Designsysteme ЧтениеTesten Sie Ihr Wissen über Funktionen von Open-Source-DesignsystemenЗадание

Erstellen Sie ein Sticker Sheet

Erstellen Sie ein Sticker Sheet in FigmaВидеоAktivität: Erstellen Sie ein Sticker Sheet für Ihre Portfolio-ProjektdesignsЗаданиеAktivitätsbeispiel: Erstellen Sie ein Sticker Sheet für Ihre Portfolio-ProjektdesignsЧтение

Nutzen Sie Designsysteme

Verwenden Sie eine Designsystembibliothek in FigmaВидеоLassen Sie sich von Designsystemen inspirierenЧтениеOptional – Lernen Sie von Figma – Nutzen Sie eine Design-SystembibliothekЧтениеTesten Sie Ihr Wissen über die Arbeit mit Designsystemen in FigmaЗаданиеTeilen Sie ein Open-Source-Designsystem, das Sie in Ihren eigenen Designs verwenden möchtenОбсуждениеShabi: Berücksichtigen Sie assistive Technologien bei der Arbeit in DesignsystemenВидео

Rückblick auf Woche 3

Zusammenfassung: Designsysteme entdeckenВидеоGlossarЧтениеWochen-Challenge 3: Entdecken Sie DesignsystemeЗадание
04An Designkritiksitzungen teilnehmen19 материалов

Designfeedback geben und erhalten

Willkommen bei Woche 4ВидеоFeedback als UX-Designschaffende geben und erhaltenВидеоFeedback als UX-Designschaffende geben und erhaltenPLUGINErhaltenes Feedback teilenОбсуждение

Designkritiksitzungen kennenlernen

Die Grundlagen von DesignkritiksitzungenВидеоBest Practices für DesignkritiksitzungenВидеоMehr über Designkritiksitzungen erfahrenЧтениеTesten Sie Ihr Wissen zu DesignkritiksitzungenЗаданиеKunal – Meine Erfahrung mit Designkritik-SitzungenВидеоSelbstreflexion: Feedback zu Ihrem Arbeitsergebnis anfordernЗадание

Eine simulierte Designkritik ansehen

Einführung in eine simulierte DesignkritikВидеоEine simulierte Designkritik ansehenВидеоErkenntnisse aus der simulierten Designkritik teilenОбсуждение

Feedback aus Designkritiksitzungen implementieren

Feedback aus Designkritiksitzungen in Maßnahmen umsetzenВидеоModelle basierend auf dem Feedback der Designkritiksitzungen iterierenВидеоTesten Sie Ihr Wissen zur Implementierung von Feedback aus DesignkritiksitzungenЗадание

Rückblick auf Woche 4

Zusammenfassung: An Designkritiksitzungen teilnehmenВидео GlossarЧтениеWochen-Challenge 4: An Designkritiksitzungen teilnehmenЗадание
05High-Fidelity-Prototypen erstellen17 материалов

High-Fidelity-Prototypen verstehen

Willkommen bei Woche 5ВидеоEinführung in High-Fidelity-Prototypen ВидеоEinen High-Fidelity-Prototyp in Figma entwickeln ВидеоTesten Sie Ihr Wissen zum Entwickeln von High-Fidelity-Prototypen in FigmaЗадание

Gesten und Bewegungen kennenlernen

Gesten und Bewegungen im UX-Design ВидеоArten von Gesten und Bewegungen kennenlernen ЧтениеGesten und Bewegungselemente in Figma hinzufügen ВидеоTesten Sie Ihr Wissen zu Gesten und BewegungenЗаданиеErfahren Sie mehr über Lo-Fi-Prototyping in Figma ЧтениеÜberlegungen zur Barrierefreiheit für Gesten und Bewegungen ВидеоSelbstreflexion: Beim Design mit Bewegungselementen die Barrierefreiheit berücksichtigen ЗаданиеJen – Design mit Blick auf die BarrierefreiheitВидеоVon Figma lernen – Prototyp-Interaktionen und Feedback ВидеоZusätzliche Methoden zum Verbessern von High-Fidelity-PrototypenЧтение

Rückblick auf Woche 5

Zusammenfassung: High-Fidelity-Prototypen erstellenВидеоGlossarЧтениеWochen-Challenge 5: Einen High-Fidelity-Prototyp für Ihr Portfolioprojekt erstellenВзаимная проверка
06Designs testen und iterieren 36 материалов

Eine Usability-Studie planen

Willkommen bei Woche 6ВидеоEine UX-Forschungsstudie planenВидеоMehr zur Planung einer UX-Forschungsstudie erfahrenЧтениеAktivität: Eine UX-Forschungsstudie für Ihr Portfolioprojekt planenЗаданиеAktivitätsbeispiel: Eine UX-Forschungsstudie für Ihr Portfolioprojekt planenЧтение

Eine Usability-Studie durchführen

Eine Usability-Studie durchführenВидеоMehr zur Durchführung einer Usability-Studie erfahrenЧтениеSelbstreflexion: Voreingenommenheiten in Ihrer Usability-Studie berücksichtigenЗадание Aktivität: Eine Usability-Studie für Ihr Portfolioprojekt durchführenЗаданиеAktivitätsbeispiel: Eine Usability-Studie für Ihr Portfolioprojekt durchführenЧтение

Ergebnisse der Usability-Studie analysieren und zusammenführen

Ergebnisse der Usability-Studie analysieren und zusammenführenВидеоMehr über das Analysieren und Zusammenführen der Ergebnisse von Usability-Studien erfahrenЧтениеTesten Sie Ihr Wissen zum Gewinnen von ForschungserkenntnissenЗаданиеAktivität: Die Ergebnisse der Usability-Studie für Ihr Portfolioprojekt analysieren und zusammenführenЗаданиеAktivitätsbeispiel: Die Ergebnisse der Usability-Studie für Ihr Portfolioprojekt analysieren und zusammenführenЧтениеDie Lernergebnisse aus Ihrer Usability-Studie teilen Обсуждение

Designs dokumentieren und teilen

Designs dokumentieren und teilenВидеоDesigns für die Produktion übergebenЗаданиеAktivitätsbeispiel: Die High-Fidelity-Designs für Ihr Portfolioprojekt verfeinernЧтениеErkennen, wann ein Design fertig istВидеоMehr darüber erfahren, wie Sie erkennen, wann ein Design fertig istЧтение Endgültige Designs der Gassiservice-App in FigmaЧтение

Designs dokumentieren und teilen

Designs dokumentieren und teilenВидеоDesigns für die Produktion übergebenВидеоVon Figma lernen – die Übergabe vorbereitenВидеоTesten Sie Ihr Wissen zur Übergabe von DesignsЗаданиеEine Fallstudie für Ihr Portfolioprojekt erstellenВидеоMehr über das Erstellen einer Fallstudie für Ihr Portfolioprojekt erfahrenЧтение

Rückblick auf Woche 6

Zusammenfassung: Designs testen und iterierenВидеоGlossar ЧтениеWochen-Challenge 6: Eine Fallstudie für Ihr Portfolio erstellenВзаимная проверка

Kursrückblick

Herzlichen Glückwunsch zum Abschluss von Kurs 5: High-Fidelity-Designs und Prototypen in Figma erstellenВидеоTeilen Sie Ihre Kurserfahrung ОбсуждениеDen nächsten Kurs startenЧтение
Aktivität: Visuelle Designprinzipien auf die Modelle Ihres Portfolioprojekts anwenden Задание
Aktivitätsbeispiel: Visuelle Designprinzipien auf die Modelle Ihres Portfolioprojekts anwendenЧтение
Die Gründe für Ihre Anwendung der Prinzipien visuellen Designs erläuternОбсуждение
Visuelle Designprinzipien anwendenPLUGIN
Über Ihre Fortschritte nachdenkenВидео
Weitere visuelle Designelemente und -prinzipien erwägenЧтение
Mehr über die Prinzipien des Benutzeroberflächendesigns erfahrenЧтение
Navigation in Modelle einbindenЧтение
Selbstreflexion: Navigation in Ihre Modelle einbindenЗадание
Testen Sie Ihr Wissen zu Fallstudien in UX-Portfolios Задание
Ein Beispiel für eine Fallstudie in einem UX-Designportfolio teilenОбсуждение