-
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.
Overview
Syllabus
-
Introduction
- Sketch is for everyone
- Getting started with Sketch
- Navigating the canvas
- 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
- 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
- Sketch Libraries overview
- Creating a library
- Sharing and managing libraries
- Basic prototyping in Sketch
- Using hotspots
- Prototyping fixed elements
- Previewing with Sketch Mirror
- Collaborating with Sketch Cloud
- Export settings overview
- Slices
- Copying CSS and SVG code
- Creating design specs with Measure
- Design handoff tools
- Style guides and design systems
- Next steps
