Interaktives Webdesign mit Figma
A course by Eva Sánchez ClementeUX/UI-Designerin
A course by Eva Sánchez Clemente, UX/UI-Designerin
Lerne, wie du interaktive, einprägsame und einfach zu programmierende Websites erstellst und dabei das Nutzerverhalten im Auge behältst
Laut UX/UI-Designerin Eva Sánchez ist es wichtig, zwei Faktoren zu berücksichtigen, um eine Webseite von Grund auf neu zu erstellen : wie das Projekt des Kunden aussieht und wie das Verhalten des Benutzers ist. Von da an kommen Ihre Interessen, Reize und Kultur ins Spiel, um jedes der visuellen Details zu definieren. In diesem Online Kurs lernen Sie, das Briefing zu verstehen und gehen dann einen Schritt weiter, indem Sie Ihre eigene Vision in jedes Projekt einbringen. In allen Einheiten erfahren Sie, wie Sie Schriftarten, Bilder und Kompositionen verwenden, um intuitive Webangebote zu erstellen, die das Erlebnis und die Interaktion bereichern .
Was lernst du in diesem Onlinekurs?
15 Lektionen & 27 Downloads
Suchen Sie nach Referenzen und dem Moodboard
10 Minuten, 10 Sekunden
UX: Struktur und Inhalt des Webs
15 Minuten, 40 Sekunden
Farbe, Typografie und Komposition
19 Minuten, 53 Sekunden
Design für einen „mobile first“-Kontext
14 Minuten, 25 Sekunden
Bereiten Sie die Datei vor
8 Minuten, 35 Sekunden
Der Arbeitsprozess
6 Minuten, 20 Sekunden
Was ist in diesem Kurs enthalten?
In der ersten Einheit erzählt Ihnen Eva Sánchez von ihren Erfahrungen, Anliegen und ihrem beruflichen Werdegang sowie von ihren Referenzen und Einflüssen sowohl in ihrer Branche als auch in anderen Disziplinen. Bevor Sie beginnen, erfahren Sie, was in der Welt des Webdesigns passiert. Anhand dieser Grundlage werden Sie sehen, wie Sie das Briefing definieren, und Ihr Lehrer wird Sie beim Rechercheprozess und der Erstellung eines Moodboards anleiten Gestalten Sie Ihr Abschlussprojekt. Dann gehst du in die Praxis, um mit Typografie, Farbe und Komposition zu spielen, ohne die Definition des Inhalts und der Struktur der Benutzeroberfläche zu vernachlässigen . Darüber hinaus werden Sie die Relevanz des Designs für Mobilgeräte sehen, damit das Weberlebnis vollständig ist. Nach Abschluss der Entwurfsphase experimentieren Sie mit Interaktionen und Bewegung. Dann erstellen Sie einen Prototyp in Figma und After Effects und hinterlassen die Datei bereit zum Programmieren und verständlich für jeden, der mit Ihrem Design arbeiten wird. Als nächstes zeigt Ihnen Eva ihren Arbeitsprozess und wie sie ein Webprojekt überprüft, wenn es bereits geplant ist. Abschließend erhalten Sie einige Management- und Werbetipps, die Ihnen dabei helfen, Sichtbarkeit und Anerkennung zu erreichen .
Recommended software & tools for this course
What is this course's project?
Sie erstellen ein interaktives, attraktives und funktionales Webprojekt.
Projekte von Kursteilnehmenden
Who is this online course for?
An alle, die ihr Wissen in der Welt der digitalen Erlebnisse aktualisieren und erweitern möchten.
Requirements and materials
Um in die Fußstapfen deines Lehrers zu treten, benötigst du einen Computer mit Internetzugang und Grundkenntnisse in einer Interface-Design-Anwendung, vorzugsweise Figma, und Grafikdesign.
Bewertungen
- canyelles_martaPLUSvor 1 Monat
Me ha parecido muy interesante para comprender cómo organizar el trabajo y estructurar el proceso de diseño. Lo que más me ha aportado han sido las referencias de inspiración y los recursos compartidos.
- vor 3 Monaten
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
- vor 3 Monaten
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
- vor 4 Monaten
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
- vor 5 Monaten
Excelente explicacion, dinamico y útil
Inhalt
- E1
Einführung
- Über mich
- Inspirationen
- E2
Verstehen und definieren Sie das Projekt
- Der Kontext des Webdesigns
- Die Bedeutung des Briefings
- Suchen Sie nach Referenzen und dem Moodboard
- E3
Gestalten Sie das Weberlebnis
- UX: Struktur und Inhalt des Webs
- Farbe, Typografie und Komposition
- Design für einen „mobile first“-Kontext
- E4
Erstellen Sie Prototypen, animieren und verfeinern Sie das Design
- Grundlegendes Prototyping in Figma
- Animieren Sie Elemente in After Effects
- Bereiten Sie die Datei vor
- E5
Präsentieren, kommunizieren und zusammenarbeiten
- Der Arbeitsprozess
- Orchestrieren Sie ein Webprojekt
- Pixel-Pushing: Kümmern Sie sich um Ihr Projekt
- Veröffentlichen und fördern Sie Ihre Arbeit
- AP
Abschlussprojekt
- Interaktives Webdesign 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.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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
You’ll learn how to craft interactive digital experiences, apply the latest UX/UI trends, structure projects with wireframes and prototypes, manage briefings, build mood boards, and develop a professional web design portfolio.
This course is aimed at those with intermediate knowledge of graphic or digital design, but you don’t need to be an expert. Basic familiarity with digital design tools is recommended.
You’ll need a computer with internet access and software like Figma and After Effects. Having accounts on platforms like Dribbble and Raindrop is recommended to organize inspiration and resources.
You’ll learn how to select and showcase projects, apply current visual concepts, and structure your web portfolio to stand out in creative communities and boost your career opportunities.
You’ll primarily work with Figma, After Effects, and Chrome extensions for design. You’ll also learn how to gather inspiration on Dribbble and organize resources using Raindrop.
The course teaches techniques for creating effective mood boards, collecting and organizing visual references, and using digital tools to capture and classify inspiration based on your project.
Yes, it covers and applies trends like neumorphism, brutalism, flat design, and glassmorphism so you can experiment with and adapt innovative visual styles in your web projects.