Overview
Sketch is a vector graphics editor. With Sketch, users can design modern user interfaces and user experiences for web applications.
This instructor-led, live training (online or onsite) is aimed at web designers who wish to use Sketch to design modern user interfaces and user experiences for web applications.
By the end of this training, participants will be able to:
- Leverage tools to create responsive web applications.
- Create design systems with long-term value.
- Hand off UI/UX designs to developers to integrate into production.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Requirements
- An understanding of UI/UX design
Audience
- Web Designer
Course Outline
Introduction
UI/UX Design in Depth
- Typography
- Color theory
- Markups
Sketch Basics
- Raster vs vector
- Pages, canvas, and art boards
- Sketch vs Photoshop
Preparing the Development Environment
- Installing and configuring Sketch
- Installing and configuring Invision Studio
- Navigating the canvas
Introduction to Sketch
- Writing user narratives
- Creating mockups
- Applying fonts
- Handling colors
- Designing the navigation
- Using existing icons
- Creating icons
- Designing home content and the camera flow
- Showcasing your design
Layers and Shapes
- Interacting with objects
- Hiding, grouping, and grouping layers
- Adding and editing shapes
- Drawing vector shapes
- Pasting in the graphics
- Working with styling
Text, Symbols, and Images
- Adding text
- Adding remaining text
- Organizing symbols
- Nesting symbols
- Editing in BitMap
- Applying styles to images
Managing a Design System
- Managing a design pattern with Craft
- Creating a Craft library
- Importing a Craft library
- Updating and managing a Craft library
Exportation
- Exporting art boards
- Exporting presets
- Exporting layers and slices
Summary and Conclusion