Systeme für Websites mit Figma
Ein Kurs von Filip Felbar , Digitaler Designer
Lerne, wie du mit Figma Designsysteme für visuell ansprechende Websites erstellst und deinen Arbeitsablauf optimierst.
Der Digitaldesigner Filip Felbar, der in verschiedenen kreativen Bereichen gearbeitet hat, weiß, wie mangelnde Struktur zu Problemen führen kann. Sein Prozess ist darauf ausgerichtet, Dinge zu strukturieren und einfacher und zugänglicher zu machen. Hier kommen Designsysteme ins Spiel. Ein Designsystem ist eine kollektive Bibliothek, die alle Elemente zusammenfasst, die ein Team benötigt, um ein Produkt effizient und im Einklang mit seiner Marke zu planen, zu realisieren und zu entwickeln. Es kann alles enthalten, von Stilrichtlinien bis hin zu Codierungsinformationen.
In diesem Online-Kurs teilt Filip mit Ihnen, was Designsysteme sind und wie er sie entwickelt und recycelt. Erfahren Sie außerdem, wie Sie die Tools von Figma effektiv nutzen, um digitale Designsysteme für Websites zu erstellen. Entdecken Sie globale Komponenten und automatisches Layout, um Ihren Prozess zu beschleunigen!
Was lernst du in diesem Onlinekurs?
22 Lektionen & 23 Downloads
- 94% positive Bewertungen (64)
- 5,556 Lernende
- 22 Lektionen (5 Stdn. 5 Min.)
- 23 Zusatzmaterialien (6 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Englisch
- Englisch · Spanisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Was ist das Kursprojekt?
Erfahren Sie, wie Sie mit der entsprechenden Dokumentation ein visuell ansprechendes Website-Design und ein organisiertes Designsystem erstellen.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Jeder, der mehr über Designsysteme und Webdesign erfahren möchte.
Anforderungen und benötigte Materialien
Figma oder ein ähnliches Tool.
Vorkenntnisse mit Figma kommen den Studierenden zugute.
Bewertungen
Filip Felbar
Ein Kurs von Filip Felbar
Filip Felbar is a Denmark-based digital designer specializing in helping businesses communicate their core message to the public in meaningful and engaging ways. Coming from a creative family, Filip always wanted to do something creative. But it wasn’t until he studied IT Design at the University of Applied Sciences in Zagreb that he found his passion for web design, development, and branding. He’s been recognized for his work at numerous awards shows, including Awwwards, CSS Design Awards, and Mindsparkle Mag.
Inhalt
-
E1
Einführung
-
Über mich
-
Einflüsse
-
-
E2
Designsysteme
-
Einführung in Designsysteme
-
Wie Designsysteme Ihnen helfen können, Ihren Arbeitsablauf zu beschleunigen
-
Einführung in das Projekt und den Ansatz
-
-
E3
Der Web- und Systemdesignprozess
-
Einrichten der Figma-Datei und Beginn der ersten Erkundungen 1
-
Einrichten der Figma-Datei und Beginn der ersten Erkundungen 2
-
Erweiterung des Explorations- und Designsystems 1
-
Erweiterung des Explorations- und Designsystems 2
-
Organisieren der Design System-Seiten 1
-
Organisieren der Design System-Seiten 2
-
Varianten beim Erstellen von Komponenten erkunden
-
-
E4
Verfeinerung der Website und des Designsystems
-
Verfeinern des Designsystems mit einer zusammengesetzten Seite 1
-
Verfeinern des Designsystems mit einer zusammengesetzten Seite 2
-
Verfeinern des Designsystems mit einer zusammengesetzten Seite 3
-
Einrichten neuer Seiten mit dem kompleten Designsystem 1
-
Einrichten neuer Seiten mit dem kompleten Designsystem 2
-
Einrichten neuer Seiten mit dem kompleten Designsystem 3
-
Vorgehensweise bei der Erstellung der Dokumentation für das Designsystem
-
-
E5
Finalisierung und jenseits des Webs
-
Bereinigen und Verwenden eines automatischen Layouts
-
Nutzung des Designs für weitere Markenelemente
-
Abschließende Gedanken
-
-
AP
Abschlussprojekt
-
Systeme für Websites mit Figma
-
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.
-
Zertifikate
PlusErhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.
-
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
Domestika-Kurse sind Onlinekurse, die dir Kenntnisse im Umgang mit bestimmten Werkzeugen oder Fähigkeiten vermitteln, mit deren Hilfe du ein eigenes Projekt realisieren kannst. Jeder Schritt ist so gestaltet, dass du mit einer Kombination aus Videolektionen und ergänzenden Lehrmaterialien praktisch lernst. Im Rahmen eines Domestika-Kurses hast du außerdem die Möglichkeit, dein eigenes Projekt mit der Lehrperson und anderen Teilnehmenden zu teilen, sodass eine dynamische Kursgemeinschaft entsteht.
Alle Kurse sind zu 100 % online verfügbar, das heißt, sobald ein Kurs veröffentlicht wurde, steht er dir zur Verfügung, wann immer du willst. Du bestimmst das Tempo, in dem du lernen willst. Du kannst jederzeit zu einem Teil zurückkehren, der dich besonders interessiert, oder überspringen, was du schon kennst. Genauso ist das Kursforum immer offen für neue Fragen, Kommentare, geteilte Projekte und mehr.
Die Kurse sind in mehrere Einheiten unterteilt. Jede Einheit enthält Lektionen, informative Begleittexte, Aufgaben und Übungen, mit denen du dein Projekt Schritt für Schritt vollendest, inklusive ergänzender Materialien und Downloads. Außerdem hast du Zugang zu einem exklusiven Forum, in dem du dich mit der Lehrperson und anderen Lernenden austauschen kannst und deine Arbeit und dein Kursprojekt teilen kannst, sodass eine Gemeinschaft rund um den Kurs entsteht.
Du kannst den geschenkten Kurs aktivieren, indem du den Gutscheincode hier Einlöseseite eingibst.
alda_sgs
This is a good course if you're starting or not very flavoured with Design Systems. Some modules are quite on the beginner designer side, so if you're a more mature designer used to work with Figma, you may skip those. I'd suggest more content on the actual governance and building of the Design System, as well as presenting it to other team members / wider business, who have no idea what this is, the benefits of having one, etc.
Übersetzung anzeigen
Übersetzung ausblenden
ebru.sigirtmac
Kind of a good course if you need to learn how to create and manage a UI design system. However the teaching style is not very inspiring, it feels like we are just completing the tasks that need to be done. To me, inspiration plays the biggest part in learning. If you think dullness will not bother you, you can check this course.
Übersetzung anzeigen
Übersetzung ausblenden
martlagmo
Un buen curso
Übersetzung anzeigen
Übersetzung ausblenden
slrm
Me parece que se enfoca muycho en aspectos generales mas que en un sistema de diseño UXUI completo. Esta bien como una introduccion pero creo que hay aspectos clave del proceso del sistema que no se menciona en ningun momento.
Übersetzung anzeigen
Übersetzung ausblenden
irisshakarov
I highly recommend this course! The content is well-structured, and the instructor explains concepts clearly and with practical examples. It's perfect for anyone looking to understand design systems and how to use Figma effectively for website design
Übersetzung anzeigen
Übersetzung ausblenden