Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 5 Module
In Teil 2 der Serie Figma UI UX Design Essentials (Grundlagen des Figma UI-UX-Designs) lernen Sie, wie Sie saubere, flexible Layouts und wiederverwendbare Komponenten erstellen können, und bringen so Ihre Designfähigkeiten auf die nächste Stufe. Unter der Leitung von Dan Scott werden Sie über die Grundlagen hinausgehen und leistungsstarke Merkmale wie Auto-Layout, Constraints und Komponentenvarianten erforschen - Werkzeuge, die für die Gestaltung einer responsiven, skalierbaren Benutzeroberfläche unerlässlich sind. Sie werden auch tiefer in das visuelle Design eintauchen und lernen, wie Sie Farbstile, Textstile, Raster und Effekte verwenden, um Ihrer Arbeit Konsistenz und Glanz zu verleihen. Im Laufe des Kurses werden Sie praktische Projekte durchführen, die reale Designherausforderungen nachahmen und Ihnen praktische Erfahrungen vermitteln, die Sie bei der Arbeit mit Kunden oder in Ihrem Portfolio nutzen können. Dieser Kurs ist ideal für Lernende, die die Schnittstelle von Figma bereits verstehen und mit der Gestaltung wie ein Profi beginnen möchten. Das Besondere an diesem Kurs ist der schrittweise Ansatz zur Entmystifizierung fortgeschrittener Werkzeuge, so dass selbst einschüchternde Konzepte wie verschachtelte Komponenten und Namenskonventionen leicht zu verstehen und zu handhaben sind. Biografie des Kursleiters: Daniel Walter Scott ist ein digitaler Designer, zertifizierter Adobe-Ausbilder und Gründer von Bring Your Own Laptop (BYOL). Mit über 14 Jahren Lehrerfahrung hat er Tausenden von Lernenden weltweit geholfen, Design- und Kreativsoftware für Print, Web, Video und jetzt auch 3D zu beherrschen. Daniel ist ein Adobe Certified Expert und Adobe Certified Instructor, der Branchenkenntnisse mit einem praxisnahen, ansprechenden und einprägsamen Unterrichtsstil kombiniert. Ursprünglich aus Neuseeland stammend, hat Daniel in Australien, Irland und darüber hinaus gelebt und unterrichtet - und seine Fähigkeiten mit einer wahrhaft globalen kreativen Gemeinschaft geteilt. Seine Leidenschaft ist es, Studenten dabei zu helfen, praktische Fähigkeiten zu erwerben, die sie in ihre Karriere und ihre kreativen Projekte einbringen können. Wenn er nicht unterrichtet, genießt Daniel das Leben mit seiner irischen Frau und seinen Kindern. Er bringt diese persönliche, bodenständige Perspektive in seine Kurse ein und sorgt dafür, dass komplexe Tools leicht zugänglich sind und das Lernen Spaß macht.
Entdecken Sie, wie Sie flexible, anpassungsfähige UI-Layouts mit Figmas Auto-Layout und Constraints erstellen können. In diesem Modul werden Werkzeuge und Techniken für die Gestaltung von Schnittstellen vorgestellt, die reibungslos auf Änderungen der Bildschirmgröße reagieren. Sie werden expandierende Schaltflächen erstellen, verschachtelte Rahmen kombinieren und Text mit automatischer Höhe anwenden - und schließlich reaktionsfähige Komponenten entwerfen, die sich auf allen Geräten vorhersehbar verhalten
Das ist alles enthalten
7 Videos2 Lektüren1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
7 Videos•Insgesamt 48 Minuten
Was sind Autolayout und expandierende Schaltflächen in Figma?•8 Minuten
Klassenprojekt 11 - Schaltflächen•1 Minute
Automatisches Layout für Abstände•6 Minuten
Wie man Constraints in Figma verwendet•8 Minuten
Kombinieren von verschachtelten Rahmen Auto-Layout & Constraints in Figma•14 Minuten
Hinzufügen von Textboxen mit automatischer Höhe zum Autolayout in Figma•8 Minuten
Klassenprojekt 12 - Responsive Design•2 Minuten
2 Lektüren•Insgesamt 20 Minuten
Einführung•10 Minuten
Spezialisierung Projektanleitung•10 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 1 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Visuelle Effekte & Styling
Modul 2•1 Stunde abzuschließen
Moduldetails
In diesem Modul verleihen Sie Ihren UI-Designs ein visuelles Flair und den letzten Schliff. Lernen Sie, wie Sie Schatten, Unschärfen und neumorphes Styling anwenden, um die Tiefe und den Realismus Ihrer Mockups zu erhöhen. Anhand von Beispielen erfahren Sie, wie Sie mit Hilfe von Ebeneneffekten eine lebendigere und optisch ansprechendere Schnittstelle schaffen können, und führen ein kleines Projekt durch, um die Anwendung dieser Effekte konsequent zu üben.
Das ist alles enthalten
4 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
4 Videos•Insgesamt 21 Minuten
Schöner Schlagschatten und innere Schlagschatteneffekte in Figma•6 Minuten
Unschärfe-Ebene & Hintergrund-Unschärfe & Bild-Unschärfe in Figma•6 Minuten
Wie man neumorphe UI-Schaltflächen in Figma erstellt•8 Minuten
Klassenprojekt - Effekte•2 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 2 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Arbeiten mit Komponenten
Modul 3•1 Stunde abzuschließen
Moduldetails
Beherrschen Sie die Bausteine skalierbarer Designsysteme. Dieses Modul konzentriert sich auf die Erstellung wiederverwendbarer Komponenten, das Verständnis der Beziehung zwischen Haupt- und Instanz-Komponenten und die Organisation Ihres Designsystems unter Verwendung konsistenter Namenskonventionen. Außerdem lernen Sie Best Practices für die projektübergreifende Pflege von Komponentenbibliotheken und die Einrichtung eines sauberen, versionssicheren Workflows kennen.
Das ist alles enthalten
7 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
7 Videos•Insgesamt 42 Minuten
Wie man in Figma lokal und in der Historie speichert•6 Minuten
Was sind Komponenten in Figma•6 Minuten
Aktualisieren & Ändern & Zurücksetzen Ihrer Komponenten•8 Minuten
Hauptkomponenten können in Figma nicht getötet werden•7 Minuten
WO sollten Sie Ihre Hauptkomponenten in Figma aufbewahren?•5 Minuten
Einführung in den Schrägstrich / Benennungskonvention in Figma•9 Minuten
Klassenprojekt - Komponenten•1 Minute
1 Aufgabe•Insgesamt 30 Minuten
Modul 3 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Komponenten-Varianten & Formulare
Modul 4•1 Stunde abzuschließen
Moduldetails
Vertiefen Sie Ihre Kenntnisse über Designsysteme, indem Sie Komponentenvarianten erstellen, die interaktive Zustände und Formularelemente unterstützen. Sie lernen sowohl ein- als auch mehrdimensionale Varianten kennen und wenden diese in realen Schnittstellen-Komponenten wie Schaltflächen und Formularen an. Am Ende dieses Moduls werden Sie in der Lage sein, flexible, skalierbare Elemente zu entwerfen, die in der Praxis eingesetzt werden können.
Das ist alles enthalten
6 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
6 Videos•Insgesamt 44 Minuten
Wie man Komponentenvarianten in Figma erstellt•7 Minuten
Eine weitere Möglichkeit zur Erstellung von Varianten in Figma•6 Minuten
Wie man eine mehrdimensionale Variante in Figma erstellt•11 Minuten
Klassenprojekt 15 - Varianten•2 Minuten
Wie man in Figma ein Formular mit Varianten erstellt•17 Minuten
Klassenprojekt 16 - Formular•1 Minute
1 Aufgabe•Insgesamt 30 Minuten
Modul 4 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Endgültige Prototyping-Techniken
Modul 5•2 Stunden abzuschließen
Moduldetails
Erwecken Sie Ihre Entwürfe mit interaktiven Prototypen zum Leben. In diesem letzten Modul lernen Sie, wie Sie realistische Benutzererfahrungen mit den Prototyping-Tools von Figma erstellen können. Sie arbeiten mit Flows, Overlays, Modals, Tooltips und Einblendmenüs und kombinieren alles, was Sie gelernt haben, um einen ausgefeilten, navigierbaren Prototyp zu erstellen, der für Benutzertests oder Präsentationen geeignet ist.
Das ist alles enthalten
6 Videos1 Aufgabe1 peer review1 Diskussionsthema
Infos zu Modulinhalt anzeigen
6 Videos•Insgesamt 41 Minuten
Zusammengefasst in einem Desktop-Beispiel•20 Minuten
So fügen Sie ein Popup-Overlay-Modal in Figma hinzu•3 Minuten
Wie man eine Werkzeugspitze in Figma erstellt und prototypisiert•7 Minuten
Was sind Ströme in Figma•6 Minuten
Einblendung des mobilen Navigationsmenüs in Figma•4 Minuten
Klassenprojekt - Prototyping•1 Minute
1 Aufgabe•Insgesamt 30 Minuten
Modul 5 Quiz•30 Minuten
1 peer review•Insgesamt 60 Minuten
Kurs Projekt•60 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Erwerben Sie ein Karrierezertifikat.
Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
Skillshare ist eine Online-Lerngemeinschaft, in der Sie Kurse von echten Kreativen belegen können. Erschließen Sie sich persönliches und berufliches Wachstum, bauen Sie Ihre Fähigkeiten aus, knüpfen Sie Kontakte und finden Sie Ihren glücklichen Platz.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Ist finanzielle Hilfe verfügbar?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.