Introducing Sketch for UX and UI

Aquent Gymnasium
Online

Kostenlos

Wichtige informationen

  • Kurs
  • Online
  • Wann:
    Freie Auswahl
Beschreibung

Introducing Sketch for UX and UI will teach you how to use the drawing tools in Sketch in order to build an interactive mobile app prototype.

In this course, you will learn the basics of creating artwork in Bohemian Sketch, with an emphasis on building wireframes, mockups, and prototypes. We will focus specifically on how to take advantage of Sketch’s Artboard, Pages, and Styles features, in order to create a mobile app prototype. Along the way, you’ll discover useful tips and tricks such as the Make Grid feature, which speeds up the types of repetitive tasks that UX and UI designers typically face.

The course will also introduce you to the Sketch plugin ecosystem and show you how Sketch makes exporting assets fun. Finally, we’ll demonstrate how to make static wireframes and mockups from Sketch interactive with the help of Invision, an online prototyping platform.

Wichtige informationen

Voraussetzungen: SOFTWARE REQUIREMENTS Sketch 3 is a Mac-only application. The latest version of Sketch requires OSX 10.9 or later. If you do not have a registered copy of Sketch you may download a 30 day free trial from the Bohemian website. An account on Invision will be necessary to follow along with the "Adding Interactivity With Invision" chapter. A free version of this service is available here. PREREQUISITES This course has no specific prerequisites, although a general familiarity with prototyping techniques and other vector applications will be useful.

Veranstaltungsort(e)

Wo und wann

Beginn Lage
Freie Auswahl
Online

Was lernen Sie in diesem Kurs?

CSS
Workspace
Mobile App
OS X
Sketch
Artboards
Group Symbols
Text Styles
Sketch Plugins
Mobile app prototype

Themenkreis

  • Chapter 1: Introduction To Sketch

    An overview of Bohemian Sketch, the digital design tool for OS X. You’ll learn specifically why Sketch is gaining popularity among UX and UI designers as a tool for creating mobile apps and websites.

  • Chapter 2: The Workspace And Artboards

    Dive right in and learn the Sketch workspace. You’ll be using Sketch’s artboard feature in order to begin building a series of screens for a mobile app.

  • Chapter 3: Styles And Group Symbols

    Discover how Sketch’s Styles and Group Symbols allow you to reuse artwork and styles within your projects. You’ll learn when you should be using one feature over the other as well the benefits (and limitations) of both.

  • Chapter 4: Text Styles And Templates

    If you’re familiar with the way CSS allows you to change various properties of your text, then you’ll feel right at home learning how the Text Styles feature allows you to synchronize your text appearance across an entire project. Additionally, you’ll take advantage of Templates in order to add pre-built components such as mobile UI elements or icons to your design.

  • Chapter 5: Pages

    Learn how the Pages feature in Sketch allows you to distribute and logically group your artwork across an entire project, thereby improving your organization and efficiency when working within a single document.

  • Chapter 6: The Make Grid Feature

    Grids are used frequently in UX and UI designs, and Sketch makes it easy to duplicate artwork and artboards into rows and/or columns with the Make Grid feature. You’ll learn how to use it in common situations such as creating forms or for when you need to quickly duplicate entire screens within your project.

  • Chapter 7: The Power Of Sketch Plugins

    Plugins are a way for third-party authors to extend the functionality of Sketch and are quickly becoming a key benefit of the application. In this chapter, you’ll learn how to install a plugin and then take a look at two in particular that will help UX and UI designers in their projects.

  • Chapter 8: Exporting

    Exporting assets is a task that few designers look forward to, but Sketch somehow manages to make the process fun and rewarding. You’ll learn how to export wireframes/mockups to PDF, the difference between exporting layers vs. slices and how Sketch integrates with the OS X share features in order to make collaborating with team members and clients much easier.

  • Chapter 9: Adding Interactivity With Invision

    Sketch has limited interactive features, but when paired with Invision, a web and mobile prototyping platform, you can turn your static pages into interactive ones. Discover how to organize your Sketch artboards, add hotspots to link your screens together, create basic animations for mobile interactions, and export your prototypes for collaborative purposes.