Interaktives Webdesign mit Figma
Ein Kurs von 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
- 94% positive Bewertungen (124)
- 6,085 Lernende
- 15 Lektionen (2 Stdn. 23 Min.)
- 27 Zusatzmaterialien (9 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
- Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Empfohlene Software und Tools für diesen Kurs
Adobe After Effects
FigmaWas ist das Kursprojekt?
Sie erstellen ein interaktives, attraktives und funktionales Webprojekt.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
An alle, die ihr Wissen in der Welt der digitalen Erlebnisse aktualisieren und erweitern möchten.
Anforderungen und benötigte Materialien
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.
Ist Adobe After Effects neu für dich? In diesem Fall empfehlen wir die Domestika Basics-Kurse, mit denen du lernst, wie man mit der Software arbeitet: Einführung zu After Effects.
Bewertungen
Eva Sánchez Clemente
Ein Kurs von Eva Sánchez Clemente
Eva Sánchez begann ihre Karriere als Grafikdesignerin auf Teneriffa und arbeitete in der Werbung, bis sie 2019 nach Barcelona zog, um sich ausschließlich auf digitales Design zu konzentrieren. Dank des Teilens seiner Arbeit in sozialen Netzwerken und in seinem Webportfolio erzielte er seine ersten Verdienste als Honourable Mention und war Teil der Jury bei Awwwards, einer internationalen Gemeinschaft von Kreativen im digitalen Bereich. Von da an wurde sein Talent erkannt und er begann mit anderen unabhängigen Studios wie unter anderem Fuego Camina Conmigo, Ophion, Rebeka Arce Studio oder Réplica Studio zusammenzuarbeiten. Ebenso arbeitet er derzeit bei Jam3, einer internationalen Agentur, die sich ausschließlich dem Design widmet und sich auf digitale Erfahrungen und Innovationen konzentriert.
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.
-
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
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.
Adobe After Effects
Figma
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.
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
Excelente explicacion, dinamico y útil
Very educational course.