Erstellung von UI-Kits mit Sketch

Ein Kurs von Nodos .
Interface und Interaktionsdesigner. Mexiko-Stadt, Mexiko.
Mitglied seit Juni 2016
, 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



Spanisch mit deutschen Untertiteln
  • 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

  • E1
    E1. Einführung
  • E2
    E2. Skizzieren Sie Konzepte und Einstellungen
  • E3
    E3. Mit Sketch den Grundstein für unser UI Kit legen
  • E4
    E4. So erstellen Sie atomare Komponenten in Sketch
  • E5
    E5. Bibliotheken in Skizze
  • AP
    AP Abschlussprojekt
Details anzeigen

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

540 Kursteilnehmende
21 Bewertungen
95% Positive Bewertungen
  • Mehr Bewertungen anzeigen

Nodos .

Ein Kurs von Nodos .

Lehrkraft Plus
Interface und Interaktionsdesigner

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
    Plus

    Erhalte 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.

Als Plus-Mitglied erhältst du dein personalisiertes Zertifikat noch im selben Moment nach Abschluss eines gekauften Kurses. Du kannst dir all deine Zertifikate im Bereich „Zertifikate“ in deinem Profil ansehen, sie im PDF-Format herunterladen und den Link dazu online teilen. Mehr zu den Abschlusszertifikaten.
Erstellung von UI-Kits mit Sketch. Ein Kurs der Kategorie Web- und App-Entwicklung von Nodos .

Erstellung von UI-Kits mit Sketch

Ein Kurs von Nodos .
Interface und Interaktionsdesigner. Mexiko-Stadt, Mexiko.
Mitglied seit Juni 2016
  • 95% positive Bewertungen (21)
  • 540 Lernende