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
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?
17 Lektionen & 21 Downloads
- 91% positive Bewertungen (23)
- 645 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 · Türkçe · rumänisch · Indonesisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Empfohlene Software und Tools für diesen Kurs
SketchWas 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
Nodos .
Ein Kurs von Nodos .
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
You’ll learn how to create, organize, and document visual design systems, UI Kits, and reusable components in Sketch, using methodologies like Atomic Design and Material Design patterns for mobile and web apps.
This is an intermediate-level course, so it’s recommended that you have basic knowledge of digital graphic design or prior experience with tools like Sketch or Figma.
You’ll need a Mac with Sketch installed, internet access, and basic design knowledge. Familiarity with digital interfaces and usability concepts is recommended.
Atomic Design is applied by breaking components into atoms, molecules, and organisms, enabling you to build modular, scalable, and easy-to-maintain interfaces in Sketch.
Yes, the course guides you step-by-step to create, organize, and reuse a UI Kit in Sketch, centralizing components, styles, and visual elements for mobile or web apps.
Yes, you’ll learn to create, document, and manage visual design systems, including style guides, color palettes, typography, and components.
Yes, the course shows you how to check color contrast between backgrounds and text, applying accessibility principles to improve readability and user experience.
Sketch
El curso es una base para iniciar a trabajar con la metodología Atomic Design.
La neta no era lo que esperaba, pensé que el UI Kits te ayudaba a crear el diseño de la aplicación, pero ya lo tenia creado y solo agrupo los componentes, y también no me gusto el estilo en como hablaba, parecía que le faltaba el aire para pronunciar palabras, disculpen mi critica pero así lo percibí
Increible curso
Muy completo
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.