Webdesign mit Figma: Gestaltung effizienter Interfaces
Ein Kurs von Pablo Stanley, Designer und Illustrator
Lerne die Grundlagen für die Gestaltung von beeindruckenden digitalen Kompositionen, die deine Webseiten auf ein neues Level bringen
Eine starke visuelle Komposition sieht nicht nur gut aus, sondern hat auch die Kraft, eine Funktion zu erfüllen und eine Botschaft klar zu kommunizieren. Der Designer und Illustrator Pablo Stanley nutzt Design, um Geschichten zu teilen und sich mit anderen zu verbinden. Er veranstaltet Workshops auf der ganzen Welt sowie seinen eigenen Design-Podcast, Diseño Cha Cha Cha .
In diesem Kurs vermittelt Ihnen Pablo die Grundlagen des visuellen Designs und wie Sie mit Figma eine kraftvolle Komposition erstellen. Lernen Sie ein neues Werkzeug und die Prinzipien kennen, die Ihre Designs auf die nächste Stufe heben.
Was lernst du in diesem Onlinekurs?
20 Lektionen & 12 Downloads
Was ist in diesem Kurs enthalten?
Beginnen Sie damit, Pablo, Künstler, Illustrator und Ihren Lehrer für diesen Kurs kennenzulernen. Er führt Sie durch seinen Weg zum Designer, zusammen mit den Menschen, die seine kreative Reise beeinflusst haben, von Comicautoren bis hin zu Filmregisseuren.
Entdecken Sie die visuellen Designprinzipien, die zum Erstellen leistungsstarker Kompositionen erforderlich sind, einschließlich Skalierung, Hierarchie, Balance, Kontrast und mehr. Dann informieren Sie sich über die Gestaltprinzipien und wie sie sich auf die Interpretation unserer Arbeit auswirken. Erfahren Sie, wie Sie mithilfe eines F- oder Z-Pfades einen Fluss in Ihrer Komposition erzeugen, bevor Sie sich mit der Dominanz im Design befassen.
Pablo gibt Ihnen eine Einführung in visuelle Elemente wie Text und Schaltflächen und erklärt Ihnen, wie Sie eine Kurzbeschreibung verstehen. Üben Sie die Anwendung Ihres Wissens aus dem Kurs mit verschiedenen Übungen in Figma. Hören Sie dann Pablos Tipps zur Verbesserung Ihrer Typografie, von der Auswahl einer Schriftart bis hin zu Balance, Abständen und Auswahl der Schriftgröße. Erfahren Sie mehr über den Einfluss von Farbe auf Ihre Komposition und wie Sie Fotos, Illustrationen und Symbole in Figma verwenden, bevor Sie verschiedene visuelle Stile testen.
Skizzieren Sie ein Konzept und entscheiden Sie sich für die beste Option, während Sie die Aufgabenstellung und die Anforderungen des Projekts berücksichtigen. Definieren Sie dann einen visuellen Styleguide mit Typografie, Farbe und Schaltflächenstilen. Erstellen Sie ein High-Fidelity-Mockup Ihrer Landingpage auf Figma.
Erfahren Sie, wie Sie einfache Interaktionen hinzufügen, um Ihre Komponenten zu animieren. Erstellen Sie dann Links zwischen Seiten und öffnen Sie ein Modal. Zum Abschluss des Kurses führt Sie Pablo durch den Prozess, Ihren Prototyp mit der Welt zu teilen.
- 99% positive Bewertungen (633)
- 18,273 Lernende
- 20 Lektionen (2 Stdn. 43 Min.)
- 12 Downloads
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Englisch, Spanisch, Französisch, Italienisch, Portugiesisch, Türkçe
- Englisch · Spanisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe · rumänisch · Indonesisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Empfohlene Software und Tools für diesen Kurs
Adobe Illustrator
FigmaWas ist das Kursprojekt?
Erstellen Sie eine leistungsstarke Landingpage für Ihre Website mit visuellen Designprinzipien.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Dieser Kurs richtet sich an alle, die sich für Grafik- oder Webdesign interessieren oder mehr über Figma erfahren möchten.
Anforderungen und benötigte Materialien
Es sind keine Vorkenntnisse erforderlich.
Sie benötigen einen Computer, etwas zum Skizzieren und ein Figma-Konto.
Bewertungen
Pablo Stanley
Ein Kurs von Pablo Stanley
Pablo Stanley ist ein mexikanischer Designer, Illustrator und Mitbegründer des kreativen Designtools Blush. Er studierte Design und visuelle Kommunikation an der Universität, bevor er seine Karriere als Creative Director begann.
Seitdem arbeitete er als leitender Angestellter bei Invision, als Personaldesigner bei Lyft und war Mitbegründer von Carbon Health und Blush. Er veranstaltet Workshops auf der ganzen Welt und hat einen Podcast über Design und Technologie. Neben dem Schreiben und Illustrieren des Comics The Design Team teilt er seine Arbeit auch mit über 45.000 Followern auf Instagram.
Inhalt
-
E1
Einführung
-
Über mich
-
Einflüsse
-
-
E2
Grundlagen des visuellen Designs
-
Kompositions- und visuelle Designprinzipien
-
Gestaltprinzipien, die im Design verwendet werden
-
Visuelle Hierarchie
-
Leistungen in der Benutzeroberfläche
-
-
E3
Visuelle Elemente
-
Einführung in visuelle Elemente und Verstehen des Briefings
-
Grundkomposition in Figma
-
Typografie
-
Erstellen einer Farbpalette
-
Grafiken und Symbole
-
Visuelle Stile
-
-
E4
Alles zusammenfügen
-
Skizzieren eines Drahtmodells
-
Definieren Ihres visuellen Styleguides 1
-
Definieren Ihres visuellen Styleguides 2
-
Erstellen eines High-Fidelity-Modells 1
-
Erstellen eines High-Fidelity-Modells 2
-
-
E5
Prototyp entwickeln
-
Schaltflächen-Interaktionen
-
Verlinkung zu Seiten und Modals
-
Teilen Sie Ihren Prototyp
-
-
AP
Abschlussprojekt
-
Webdesign mit Figma: Gestaltung effizienter Interfaces
-
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
Yes, this course is designed for beginners and covers all fundamental concepts in visual design, UI, and prototyping, with step-by-step guidance using Figma.
No prior design experience is required. You just need a computer and an internet connection. The course uses Figma, which is free to start.
You will learn design principles, wireframing, high-fidelity prototyping in Figma, creating color palettes, typography, layout, and how to apply Gestalt principles and affordances to UI projects.
Yes, the course includes lessons on poster design, hand-drawn illustration techniques, and creating bold, striking compositions inspired by artists like Diego Rivera.
Absolutely. The course covers Figma essentials, from creating wireframes and artboards to building high-fidelity prototypes and responsive layouts with auto layout.
Yes, the course provides in-depth coverage of core design principles such as hierarchy, balance, contrast, scale, and white space for effective digital compositions.
You’ll learn how to build harmonious color palettes, apply color theory, choose and pair typefaces, and use modular scales for readable, attractive layouts.
Adobe Illustrator
Figma
This is a fantastic course for mastering UI design basics. Whether you are new to Figma or looking to refine your composition skills, Pablo Stanley makes the process easy to follow. I highly recommend it for its hands-on approach, which bridges the gap between design theory and practical application—from wireframing to building a high-fidelity prototype. A perfect starting point for any aspiring web designer.
This is a great course to start understanding good UI practices for websites. It doesn't matter if you are a beginner with Figma, you will be able to follow the steps of the teacher in this course. I recommend this!
Bonne formation qui permet d'apprendre à utiliser figma grâce à un cas pratique. Le seul point négatif est qu'il manque certaines ressources comme le brief qui n'est pas remis à disposition à des moments clés. Il manque aussi la dernière page de l'exercice pour le rendu final qu'on nous propose pas d'apprendre à créer. Cela limite le prototype final car l'on doit lier cette page avec une autre pour voir notre progression et l'exercice réalisé dans sa globalité.
muy buen curso! rapido de aprender y poner en practica
Muy buen curso, super utiles las bases de diseño gráfico y explica muy bien el proceso en Figma, sería ideal que hicieran una re-versión con las últimas actualizaciones de Figma.