Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.

×

Sketch Class Online November 29, 2022

Sketch class for prototyping

Tue, Nov 29 2022
10:00 am to 5:00 pm
American Graphics Institute American Graphics Institute
Online Training
American Graphics Institute AGI Training Online Online

2018-05-25 11:36:47 $495.00

In this hands-on Sketch class learn to efficiently create UX prototypes for websites and apps. This Sketch prototyping course provides professionals involved in the design, development, and planning of websites and apps with the skills to efficiently create and test interactive prototypes. This Sketch prototyping workshop is suitable for UI and UX professionals, business analysts, developers, and product managers. This Sketch workshop is available independently or as part of the comprehensive UX training offered at AGI.

Download Course Description (PDF)     See all Sketch Training

Using Sketch to create interactive prototypes
Getting to know Sketch
Workspace overview
Understanding the work area
Working with the infinite canvas
 

Inserting artboards
Using pages to organize your files
Using the toolbar, Inspector, and more
Viewing your design space
Zooming and panning
Pixel Preview and Pixel Zoom
 

Creating, editing & organizing artboards
Customizing size
Creating backgrounds
Aligning and distributing
Building for scrolls
Fixing items on the artboard
Understand resizing and pinning options
 

Using layers
Overview and organization
Selecting, moving, and editing layers
Naming layers
Grouping
 

Creating basic UI shapes in Sketch
Creating and editing shapes
Boolean operations
Transforming shapes
Masking objects
Customizing elements
Using the drawing tools
 

Changing object properties
Border and fill colors
Eyedropper
Saving frequently used colors    
Finding and replacing colors
 

Saving object styles
Creating common styles
Editing and updating
 

Creating text
Text styles
Creating, using, and editing
Using auto-fit text for auto-layout feature

Creating linked content
Building a prototype that works
Changing transitions

Saving artwork as symbols
Working with text and image overrides
Nesting symbols into other symbols
Using symbol libraries
Replacing layers with symbols
Symbol organization
Using data in Symbols
Understanding the auto-layout features
 

Creating design systems
Creating reusable components
Sharing branding content with others
Understanding Atomic Design principles (Frost)
Updating your design system content
Saving & exporting your prototype
Saving for design reviews
Saving for development
Introduction to popular plugins