App-Design in Figma: vom Briefing zum Prototypen
Ein Kurs von Index StudioDesignstudio
Ein Kurs von Index Studio, Designstudio
Erstelle einen den Kundenanforderungen entsprechenden Prototyp einer E-Commerce-App, indem du mit Figma die Architektur und das UI-Design entwickelst und testest
Wer hat gesagt, dass das Entwerfen einer App obskur und komplex ist? Ganz bestimmt nicht Jonathan Da Costa! Als Leiter von Index Studio, einer eleganten Pariser Designagentur, lädt er Sie zu einem spannenden und unterhaltsamen digitalen Abenteuer ein, das auf halbem Weg zwischen Technik und Kreation, ergonomischem Design und ästhetischer Forschung liegt. In diesem Online-Kurs lernen Sie, wie Sie mit der Figma-Software eine E-Commerce-Anwendungsschnittstelle erstellen. Sie werden über die Grafik Ihrer Anwendung, ihre Architektur und das UI-Design nachdenken, um eine intuitive und strukturierte Benutzeroberfläche zu erreichen. Vom ersten Kontakt mit dem Kunden bis zur Übergabe des Projekts werden alle Schritte klar und lehrreich dargestellt!
Was lernst du in diesem Onlinekurs?
21 Lektionen & 12 Downloads
Figma und seine Schnittstelle
13 Minuten, 20 Sekunden
Der Anwendungsbaum 1
13 Minuten, 14 Sekunden
Skizzen und Modelle 1
20 Minuten, 3 Sekunden
Skizzen und Modelle 2
20 Minuten, 19 Sekunden
Finden Sie Anwendungsstil 1
16 Minuten, 57 Sekunden
Finden Sie den App-Stil 2
16 Minuten, 43 Sekunden
Was ist in diesem Kurs enthalten?
Zu Beginn entdecken Sie die Reise von Jonathan Da Costa über Grafikdesign und künstlerische Leitung bis zur Gründung seines eigenen Studios. Er wird Ihnen auch von den Designern erzählen, die ihn täglich beeinflussen. Die folgende Einheit widmet sich allen vorgelagerten Arbeiten des Grafikdesigns. Zunächst lernen Sie, wie Sie einen Kundenauftrag analysieren und sich mit der Figma-Software vertraut machen. Dann erstellen Sie die Baumstruktur Ihrer Anwendung und die Wireframes, Modelle, die die gesamte Struktur der auf den Bildschirmen angezeigten Informationen einnehmen. Der nächste Schritt ? Es wird kreativ sein, weil Sie den gesamten grafischen Teil Ihrer Anwendung verfeinern werden. Sie werden sehen, wie Sie ihm einen einzigartigen Stil verleihen, indem Sie an der grafischen Charta arbeiten, verschiedene kreative Wege erkunden und Ihre Ideen testen. Anschließend können Sie mit der technischen Phase des Projekts beginnen: dem UI-Design. Sie erstellen das komplette Design einer Homepage, einer Kollektionsseite, einer Produktseite und Sekundärseiten. Dies ist ein entscheidender Schritt, bei dem die Anwendung realistisch wird und jede ihrer Komponenten spezifiziert wird. Schließlich können Sie Ihre Arbeit mit der Prototyping-Funktion von Figma testen und so Ihre Anwendung mit Übergängen und Animationen zwischen Bildschirmen simulieren. Alles, was Sie tun müssen, ist, Ihre Datei für die Lieferung an das Entwicklungsteam vorzubereiten ... Und das war's!
Empfohlene Software und Tools für diesen Kurs
Was ist das Kursprojekt?
Für das Abschlussprojekt prototypisieren Sie eine Anwendung für ein reales oder fiktives Projekt.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Dieser Kurs richtet sich an alle, die sich für UI-Design und die Erstellung von Anwendungsschnittstellen interessieren und Lust auf Grafiken haben. Sie brauchen nicht einmal eine geekige Persönlichkeit, um an dem Kurs teilzunehmen!
Anforderungen und benötigte Materialien
Erste Kenntnisse im Interface-Design können für Sie hilfreich sein, sind aber nicht zwingend erforderlich. Sie brauchen vor allem viel Neugier! Was die Ausrüstung betrifft, bringen Sie ein Notizbuch, Papier, Stifte und vor allem einen Computer mit der Figma-Software mit.
x
Bewertungen
- vor 4 Monaten
Es un curso muy detallado y analítico. Considero que es muy útil para quien desee conocer desde cero la aplicación y desee trabajar como diseñador de producto. El profesor es pausado, claro y directo, pero a la vez muy metódico y creativo. Lo recomiendo.
- vor 6 Monaten
I really like this course, it is very well explained, clear and interesting with the different steps on Figma to design an app.
- vor 7 Monaten
This course is really helpful for anybody wanting to learn Figma as a beginner. 100% recommend.
- vor 8 Monaten
Excellent course, totally recommended, hoping to see more from Index Studio
- vor 8 Monaten
This course was really helpful to start learning Figma from scratch, and also provided many lessons on the UI design process!
Inhalt
- E1
Einführung
- Präsentation
- Meine Inspirationsquellen
- E2
Die Grundlagen
- Der brief
- Figma und seine Schnittstelle
- Der Anwendungsbaum 1
- Der Anwendungsbaum 2
- Skizzen und Modelle 1
- Skizzen und Modelle 2
- E3
Artdirektion und Design
- Inspiration finden
- Finden Sie Anwendungsstil 1
- Finden Sie den App-Stil 2
- Das grafische Diagramm
- E4
Umsetzung des UI-Designs
- Die Homepage 1
- Homepage 2
- Die Sammelseite
- Die Produktseite
- Einkaufstrichter und Einstellungsseite 1
- Einkaufstrichter und Einstellungen Seite 2
- E5
Letzte Schritte
- Testen Sie die Idee mit Prototyp 1
- Testen Sie die Idee mit Prototyp 2
- Dokumentieren Sie das Designsystem
- AP
Abschlussprojekt
- App-Design in Figma: vom Briefing zum Prototypen
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 für jeden Kurs ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Teile es in deinem Portfolio, in sozialen Netzwerken oder wo immer du möchtest.
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.