Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Provider Logo

Sketch for UX Design

via LinkedIn Learning

Overview

Learn how to build compelling user experiences with Sketch, the popular UX design tool. Find out how to create wireframes, interactive prototypes, and more.

The best UX design tools are nimble, collaborative, and efficient—just like Sketch. Learn how to use this popular, vector-based app to craft your own compelling user experiences for digital devices and screens. In this course, Shauna Bybee walks through the design process for an example mobile app, taking you step by step through each phase in the Sketch workflow. Learn how to create a wireframe to visualize your concept using the shape, text, and graphics tools; build reusable symbols; and incorporate styles and visual effects. Shauna then shows how to transform your design into a clickable prototype that can be viewed directly on a mobile device. Finally, learn how to export your assets and generate style guides and design systems to keep your products consistent and designs in sync. Along the way, Shauna introduces a variety of helpful plugins and companion software—like Sketch Measure, Zeplin, Zeroheight, and InVision—that will expand how you work and collaborate with Sketch.

Syllabus

Introduction
  • Sketch is for everyone
1. Getting Started
  • Getting started with Sketch
  • Navigating the canvas
2. Creating Wireframes
  • Shape tools
  • Arranging shapes
  • Working with text
  • Additional text options
  • Creating groups
  • Resizing shortcuts and grids with groups
  • Managing layers
  • Challenge: Add another screen
  • Challenge: Solution
3. Visual Design and Symbols
  • Images and masks
  • Pixel alignment
  • Creating symbols
  • Symbol overrides
  • Data sources
  • Nested symbols
  • Creating a simple logo
  • Resizing symbols
  • Styles and visual effects
  • Editing shapes and Bézier curves
  • Using the Vector tool
  • Design plugins
4. Libraries
  • Sketch Libraries overview
  • Creating a library
  • Sharing and managing libraries
5. Prototyping and Collaboration
  • Basic prototyping in Sketch
  • Using hotspots
  • Prototyping fixed elements
  • Previewing with Sketch Mirror
  • Collaborating with Sketch Cloud
6. Exporting and Asset Management
  • Export settings overview
  • Slices
  • Copying CSS and SVG code
  • Creating design specs with Measure
  • Design handoff tools
  • Style guides and design systems
Conclusion
  • Next steps

Taught by

Shauna Bybee

Related Courses

Reviews

0.0 rating, based on 0 reviews

Start your review of Sketch for UX Design

Never stop learning Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free