Erstellung von UI-Kits mit Sketch
Ein Kurs von Nodos .
, Interface und Interaktionsdesigner
Lerne vorgefertigte Dateien mit der Atomic Design Methode für Anwendungen und Webseiten zu erstellen, um den Workflow zu verbessern
- Spanisch mit deutschen Untertiteln
- 95% positive Bewertungen (21)
- 540 Lernende

Lerne vorgefertigte Dateien mit der Atomic Design Methode für Anwendungen und Webseiten zu erstellen, um den Workflow zu verbessern
- 95% positive Bewertungen (21)
- 540 Lernende
- 17 Lektionen (3 Stdn. 1 Min.)
- 21 Zusatzmaterialien (11 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch
- Spanisch, Englisch, Portugiesisch, Deutsch, Französisch, Italienisch, Polnisch, Niederländisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Die Hauptregel von Anwendungen besteht darin, den Benutzern das Leben zu erleichtern. Das Erstellen einer Anwendung von Grund auf kann jedoch ein sehr komplizierter Prozess sein. Daher sind UI-Kits, gebrauchsfertige Sätze von Elementen im Schnittstellendesign, eine wirklich nützliche Ressource.
In diesem Kurs lernen Sie, wie Sie UI-Kits für Anwendungen und Websites in Sketch vom Designer Migue, auch bekannt als El Nodos, erstellen. Darüber hinaus erfahren Sie, wie Sie sie aktualisieren, um sie in zukünftigen Projekten wiederzuverwenden und Ihren Workflow noch weiter zu optimieren. Erwecken Sie atemberaubende Benutzeroberflächen zum Leben und schaffen Sie schnell und einfach unvergessliche Erlebnisse.

Was lernst du in diesem Onlinekurs?
Inhalte des Kurses
-
E1E1. Einführung
-
E2E2. Skizzieren Sie Konzepte und Einstellungen
-
E3E3. Mit Sketch den Grundstein für unser UI Kit legen
-
E4E4. So erstellen Sie atomare Komponenten in Sketch
-
E5E5. Bibliotheken in Skizze
-
APAP Abschlussprojekt
Sie lernen zunächst Ihren Lehrer kennen und erfahren, wie er sich beruflich weiterentwickelt hat. Außerdem wird das Projekt erläutert, an dem Sie während des gesamten Kurses arbeiten werden.
Als Nächstes erfahren Sie, was ein UI-Kit ist und was es von einem Design-System unterscheidet. Sie sehen die Schnittstellenentwurfsmuster und lernen, Ihre Dateien gemäß der von Migue verwendeten Methode zu organisieren.
Sie überprüfen das Projekt, auf dem Sie basieren, um Ihr UI-Kit zu erstellen, und analysieren die zu erstellenden Komponenten. Anschließend definieren Sie Ihren Styleguide, indem Sie sich die Farben, die Schriftart, die Gitter (Gitter) und den Symbolsatz ansehen.
Sie werden Maßnahmen ergreifen, indem Sie zuerst die Atome erstellen, dann einige davon kombinieren, um die Moleküle zu erstellen, und schließlich einige Bildschirme mit all diesen Komponenten erstellen.
In der letzten Einheit lernen Sie in Migue, wie Sie Ihr UI-Kit in Sketch als Bibliothek verwenden und es auf dem neuesten Stand halten und bei Bedarf neue Komponenten hinzufügen.

Was ist das Kursprojekt?
Sie erstellen ein UI-Kit, mit dem Sie Ihre Arbeit beim Erstellen von Bildschirmen für Ihre Anwendung optimieren können. Während des Kurses arbeiten sie über eine Musik-App.
An wen richtet sich dieser Onlinekurs?
Für Designer, die in die Welt des Interface-Designs einsteigen möchten, UI-Designer, Junior-Interaktionsdesigner und alle, die sich für Anwendungsdesign interessieren oder sich mit digitalem Produktdesign befassen.
Anforderungen und benötigte Materialien
Für diesen Kurs sind Grundkenntnisse in Sketch erforderlich.
Für Materialien benötigen Sie einen Computer mit macOS Mojave oder höher und die neueste Version von Sketch (Sie können die Testversion auf der Website herunterladen). Ein Wacom zu haben ist ein Plus, aber es ist nicht wesentlich.

Bewertungen
Der Interaktionsdesigner im mexikanischen Froschdesign-Studio Migue, besser bekannt als El Nodos, ist auf die Erstellung von Designmustern und Komponenten in Designsystemen spezialisiert. Mit mehr als sieben Jahren Erfahrung in der Branche besteht seine Arbeit darin, funktionale und ästhetische Schnittstellen für mobile und Webanwendungen zu entwerfen. Er hat in Projekten in den Bereichen Bildung, Gesundheit beteiligt, Kommunikation, FinTech und sogar cryptocurrencies.
Derzeit konzentriert er sich auf die Erstellung skalierbarer Designsysteme und -muster. Darüber hinaus ist er Mitbegründer der SketchMX-Community, in der regelmäßig Meetups für die Produktdesign-Community organisiert werden, an denen Designer, Entwickler, UX-Autoren, Produktdesigner und alle, die sich für digitales Produktdesign interessieren, teilnehmen.
Inhalt
-
E1
Einführung
-
Präsentation
-
Einflüsse
-
Was werden wir während des Kurses tun?
-
-
E2
Skizzieren Sie Konzepte und Einstellungen
-
Was ist ein UI-Kit?
-
UI-Muster und -Komponenten in Sketch
-
Atomic Design
-
-
E3
Mit Sketch den Grundstein für unser UI Kit legen
-
Das Projekt
-
Farben, Schriftart und Raster
-
Farben, Schriftart und Raster 2
-
Icon Set
-
-
E4
So erstellen Sie atomare Komponenten in Sketch
-
Komponenten erstellen: Atome
-
Komponenten erstellen: Atome 2
-
Komponenten erstellen: Moleküle
-
Gebäudebildschirme mit Atomen und Molekülen
-
-
E5
Bibliotheken in Skizze
-
UI Kit als Bibliothek in Sketch
-
Fügen Sie unserem UI-Kit neue Komponenten hinzu
-
Präsentieren Sie Ihr UI Kit
-
-
AP
Abschlussprojekt
-
Erstellung von UI-Kits mit Sketch
-
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.
sergiodici
Increible curso
Übersetzung anzeigen
Übersetzung ausblenden
Juan de Marcos
Muy completo
Übersetzung anzeigen
Übersetzung ausblenden
dkbruschi
El curso me ha parecido super claro y completo. El profesor da muchos detalles y es super dinamico para todo lo que explica en tan poco tiempo. Super recomendable.
Übersetzung anzeigen
Übersetzung ausblenden
uxddotred
O curso é muito bom se você precisar fazer algum tipo de engenharia reversa em algum Design System legado da empresa, ou precisa aprender como documentar um UI Kit, Style Guide e um Design System. Tem muito copy/paste e o know-how do instrutor é desperdiçado nas seções de copy / paste e utilização de plugins. Gostaria de ter visto uma abordagem mais ground up e aprender como um profissional com mais experiência aborda alguns problemas de UX. Muito know-how e pouco conhecimento compartilhado.
Übersetzung anzeigen
Übersetzung ausblenden
maghentta
Top! 👌 gracias !
Übersetzung anzeigen
Übersetzung ausblenden