Erstellung von UI-Kits mit Sketch

Erstellung von UI-Kits mit Sketch

“Hey, wie gut, du hast das Ende des Kurses erreicht, ich hoffe dir hat alles gefallen, was ich dir beigebracht habe! Jetzt wissen Sie alles, was Sie zum Erstellen Ihres eigenen UI-Kits benötigen. Während des gesamten Kurses habe ich Ihnen den Prozess gezeigt, den ich befolge, um mein Kit unter dem Konzept einer Musik-App zu erstellen. Jetzt ist Ihre Zeit und Sie sind bereit, Ihr eigenes Projekt durchzuführen. Lassen Sie Ihrer Fantasie freien Lauf! Erstellen Sie ein UI-Kit für jede App, an die Sie denken können, oder wenn Sie bereits ein Projekt vor der Haustür haben, empfehle ich, es darauf auszuführen. Was denken Sie, wenn wir einen kurzen Überblick über die folgenden Schritte geben, um Ihnen dies zu erleichtern? Welches Produkt? Entdecken und analysieren Sie ein Produkt, das bereits auf dem Markt ist, dh bereits auf den Markt gebracht wurde, da Sie auf diese Weise einen fortgeschrittenen Ausgangspunkt haben und leichter an Ihrem UI-Kit arbeiten können.

Die ersten Konfigurationen Sobald Sie das Produkt fertig haben, können Sie mit den Einstellungen wie Farben, Schriftart und Gittern Ihres UI-Kits arbeiten. Geben Sie ihm die erforderlichen Einstellungen, damit es das Aussehen und Verhalten Hat. was willst du! Icon Set Vereinheitlichen Sie die Symbole, die Sie für Ihr Design verwenden. Denken Sie daran, ihm Ihre persönliche Note zu geben. Dies trägt immer mehr zu Ihrem Projekt bei. Wenn Sie es einem Kunden zeigen möchten, erhalten Sie auf jeden Fall ein Plus. Die Komponenten Erstellen Sie zunächst die einfachsten Komponenten wie Schaltflächen, Eingänge , Symbole, Chips usw. Fahren Sie mit den restlichen Komponenten fort, ich meine die Karten , Navigationsleiste , Menüs, Listen und Ihre Header . Vergessen Sie nicht, mehrere Variationen von sich selbst zu erstellen, damit Sie am Ende die auswählen können, die Ihnen am besten gefällt. Erstelle deine Bildschirme und präsentiere dein UI Kit Sobald Sie alle Komponenten bereit haben, können Sie sie vereinheitlichen und an den Bildschirmen Ihrer Anwendung arbeiten. Sobald Ihre Bildschirme fertig sind, machen Sie sich bereit, Ihr UI-Kit zu präsentieren. Denken Sie daran, dass es sehr wichtig ist, wie Sie es präsentieren, da dies die Türen für Ihre Kunden öffnet. Daher empfehle ich Ihnen, einige Verwendungsbeispiele in einigen Schlüsselbildschirmen zu erstellen. Denken Sie daran, die Komponenten hervorzuheben, die Sie für am wichtigsten halten, und erstellen Sie mit Ihren Komponenten eine Bibliothek in Sketch, damit Sie sie später aktualisieren können. Dies ist in Zukunft sehr nützlich, wenn Sie sie in anderen Projekten verwenden möchten. Fertig, Sie haben bereits Ihr UI-Kit! Vergessen Sie nicht, das Endergebnis Ihres Projekts im Forum zu veröffentlichen. Auf diese Weise bleiben wir in Kontakt und ich kann Ihnen so schnell wie möglich Feedback . Ich lade Sie ein, auch die Arbeit Ihrer Kollegen zu beobachten und vor allem, wenn Sie einen Tipp diesen mit der Community zu teilen. Ich freue mich darauf zu sehen, was Sie geschaffen haben. Wir sehen uns im Forum! ”

Partielle Transkription des Videos

“Abschlussprojekt Lassen Sie uns zusammenfassen, was während des gesamten Kurses gesehen wurde. Ich sprach darüber, wie ich dazu kam, digitale Produkte zu entwerfen und die Projekte, in denen ich mich entwickelt habe auf berufliche und persönliche Weise. Dann teilte ich einige Einflüsse und bevor wir arbeiten, sprechen wir über das endgültige Projekt. Wir befassen uns mit grundlegenden Konzepten wie dem UI-Kit und die Vorteile eines. Ich habe Ihnen meine Methodik beim Erstellen von Komponenten in Sketch gezeigt. Wir analysieren unser Projekt und welche Komponenten es haben würde. Wir definie...”

Diese Transkription wurde maschinell erstellt und kann daher Fehler aufweisen.

Zusammenfassung des Kurses: Erstellung von UI-Kits mit Sketch

• Niveau: Anfänger
• 91% positive Bewertungen (23)
• 629 Lernende
• 5 Kurseinheiten
• 17 Lektionen (3 Stdn. 1 Min.)
• ‌11 Downloads

• Kategorie

  Web- und App-Entwicklung

• Software

  Sketch

• Bereiche

  App-Design, App-Entwicklung, Interaktives Design, Mobile Design, UX / UI, Webdesign, Webentwicklung