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
  • 100% Positive Bewertungen (9)
  • 201 Schüler
Erstellung von UI-Kits mit Sketch

Lerne vorgefertigte Dateien mit der Atomic Design Methode für Anwendungen und Webseiten zu erstellen, um den Workflow zu verbessern


Spanisch mit deutschen Untertiteln
  • 100% Positive Bewertungen (9)
  • 201 Schüler
  • Online und in deinem Tempo
  • Audio: Spanisch
  • Niveau: Anfängerkurs
  • 17 Lektionen (3h 1m)
  • Verfügbar über die App
  • Spanisch, Englisch, Portugiesisch, Deutsch, Französisch, Italienisch
  • 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 beinhaltet der Kurs?

Inhaltsverzeichnis des Kurses

  • U1
    U1. Einführung
  • U2
    U2. Skizzieren Sie Konzepte und Einstellungen
  • U3
    U3. Mit Sketch den Grundstein für unser UI Kit legen
  • U4
    U4. So erstellen Sie atomare Komponenten in Sketch
  • U5
    U5. Bibliotheken in Skizze
  • SP
    SP Abschlussprojekt
Zum Detail

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.

Auf wen ist er ausgerichtet?

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.

Voraussetzungen

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

201 Schüler
9 Bewertungen
100% Positive Bewertungen

Nodos .

Ein Kurs von Nodos .

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


Inhalte

  • U1

    Einführung

    • Präsentation
    • Einflüsse
    • Was werden wir während des Kurses tun?
  • U2

    Skizzieren Sie Konzepte und Einstellungen

    • Was ist ein UI-Kit?
    • UI-Muster und -Komponenten in Sketch
    • Atomic Design
  • U3

    Mit Sketch den Grundstein für unser UI Kit legen

    • Das Projekt
    • Farben, Schriftart und Raster
    • Farben, Schriftart und Raster 2
    • Icon Set
  • U4

    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
  • U5

    Bibliotheken in Skizze

    • UI Kit als Bibliothek in Sketch
    • Fügen Sie unserem UI-Kit neue Komponenten hinzu
    • Präsentieren Sie Ihr UI Kit
  • SP

    Abschlussprojekt

    • Erstellung von UI-Kits mit Sketch

So sind die Kurse von Domestika

  • Lerne in deinem Tempo

    Genieße die Kurse von zu Hause aus, ohne Zeitplan oder Abgabetermine. Du entscheidest wann, wie und wo.

  • Mit dem Lehrer

    Lerne wertvolle Techniken und Arbeitsweisen, die von wahren Experten in der jeweiligen kreativen Branche erklärt werden.

  • Erfahrene Lehrer

    Jeder Lehrer zeigt nur, was er am besten macht, so gehen wir sicher, dass er in jeder Einheit seine Passion und bestes Wissen übermittelt.

  • Urkunde Pro

    Bestätige deine Kursteilnahmen mit einem vom Lehrer unterzeichnete Urkunde. Erhalte sie mit deinem Domestika PRO Abo

  • In erster Reihe

    Videos mit der höchsten Qualität, damit dir nichts entgeht. Da der Zugang unbegrenzt ist, kannst du sie immer wieder sehen.

  • Teile Wissen

    Stelle Fragen, bitte um Feedback, biete Lösungen. Teile den Lernvorgang mit den restlichen Schülern der Gemeinschaft.

  • Kreative Gemeinschaft

    Über 5 Mio. Kreative und wachsend. Domestika ist die ideale Umgebung, um alles rund um deine Passion zu teilen und zu lernen.

  • Professionell produzierte Kurse

    Wir wählen die besten Kreativen und ein professionelles Team, das mit ihnen die Kurse produziert. Das Ergebnis: Du hast das Gefühl, dass du mit den Besten arbeitest.


Häufige Fragen

  • Die Kurse von Domestika sind Onlinekurse, bei denen du Tools und Geschicklichkeiten lernst, um ein bestimmtes Projekt durchzuführen. Jeder Schritt des Projekts kombiniert Videos und Texte mit zusätzlichem Lernmaterial. Die Kurse bieten auch die Möglichkeit, eigene Projekte mit anderen Benutzern und dem Lehrer zu teilen, so entsteht in Zusammenhang mit dem Kurs eine Gemeinschaft.

  • Die Kurse sind 100% online, sie beginnen oder enden also ab der Veröffentlichung wann du willst. Du bestimmst den Rhythmus. Du kannst auf etwas, das dich interessiert, zurückgreifen oder etwas überspringen, Fragen stellen, Probleme lösen, deine Projekte teilen und vieles mehr.

  • Die Kurse sind in verschiedene Einheiten aufgeteilt, jede beinhaltet Lektionen, erläuternde Texte, Aufgaben und Übungen, mit denen du das Projekt Schritt für Schritt bearbeiten kannst, außerdem auch Ressourcen und zusätzliche Dokumente. Du bekommst auch Zugang zum exklusiven Forum, wo du mit den restlichen Schülern und dem Lehrer interagieren kannst, sowie deine Arbeit und das Projekt teilen kannst. So entsteht rund um den Kurs eine Gemeinschaft.

  • Du kannst den geschenkten Kurs hier Seite zum Einlösen einlösen und auch den Geschenkgutscheincode eingeben.

Erstellung von UI-Kits mit Sketch. A Design course by Nodos .

Erstellung von UI-Kits mit Sketch

Ein Kurs von Nodos .
Interface und Interaktionsdesigner. Mexiko-Stadt, Mexiko.
Mitglied seit Juni 2016
  • 100% Positive Bewertungen (9)
  • 201 Schüler