Sketch training class
10:00 am to 5:00 pm
In this hands-on Sketch class learn to efficiently create UX prototypes for websites and apps. This Sketch 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 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.
- Sketch Overview
- Workspace Overview
- Using the Toolbar, Layer List, and the Inspector
- Understanding pages and layers
- Working with artboards in the infinite canvas
- Viewing, Zooming, Pixel Preview, Pixel Zoom
- Precision placement using rulers, grids, and guides
- Preferences for best viewing
- Helpful keyboard shortcuts
- Creating, naming, and editing artboards
- Creating backgrounds for your artboards
- Aligning and distributing your artboards
- Adding scrolling to your artboard
- Adding and naming layers
- Selecting and moving layers
- Grouping and ungrouping
- Rearranging the stacking order of layers
- Creating and editing objects
- Using Boolean tools to customize shapes
- Changing properties such as fill, border, opacity and corners
- Quick shape keyboard shortcuts
- Resizing, rotating
- Setting up resizing constraints
- Align and distribute
- Rotating multiple layers
- Selecting and creating Local and Global colors
- Opacity and blending
- Borders, shadows, and blurs
- Saving object styles
- Creating layers styles
- Sharing layer styles
- Editing and updating styles
- Using plug-ins to sync styles
- Masking shapes with objects and text
- Filling shapes with images
- Pen tool
- Pencil tool
- Import into Sketch from XD, Illustrator, Photoshop, PDF
- Importing general file formats
- Importing and editing images
- Cropping images
- Removing backgrounds from images
- Adding text areas
- Changing text properties
- Saving text styles
- Creating symbols
- Editing and updating symbols
- Overriding and detaching symbols
- Creating and using nested symbols
- Organizing your symbols for easy access
- Using existing libraries
- Creating your own library
- Modifying Sketch libraries
- Enabling and disabling libraries
- Creating links and custom hotspots
- Breaking and re-directing links
- Removing all links
- Testing and previewing
- Using the Mirror app to test your app on your phone
- Saving files
- Saving templates
- Sharing files
- Exporting assets
- Exporting to PDF
- Measuring specs
- Style library options and more