Hands-On Sketch Masterclass - Learn Web and Mobile Design

Name: Hands-On Sketch Masterclass - Learn Web and Mobile Design
Rating: 4.2 (371 reviews)

Master Sketch for Mobile, Website and Logo design. Popular plugins, challenging projects and resources.

Created byArend Pryor

Last updated 2/2020

English

English [Auto],Spanish [Auto],

What you'll learn

Master one of the hottest programs for graphic design
Obtain the skills and confidence to create app screens, logos and webpages
Learn about plug-ins and boost your productivity
Export your designs and send to clients or developers
Test your skills with design challenges and assignments

Course content

16 sections • 76 lectures • 15h 45m total length

Introduction & Course Overview3:48

Artboards and Layers14:58
From smartphones to webpages, there's an artboard ready to hold your design. I'll take you through the different sizes and show you how the stacking of layers helps your designs take shape.
Functions of the Toolbar - Pt116:04
In this lesson, we'll cover all the functions of the toolbar and introduce you to some of your new favorite tools.
Functions of the Toolbar - Pt212:19
Learn practical Sketch techniques to create and copy shapes, apply masks, resize proportionally, and use boolean operations (union, subtract, intersect, difference) while managing layer order.
Power of the Inspector - Pt114:07
Follow along as I show you the all great and powerful inspector.
Power of the Inspector - Pt212:06
Working with Shapes10:00
Working with Text8:08
Insert and manipulate text, adjust font, size, color, gradients, and align and space lines. Control character spacing and convert text to outlines; add new fonts from external sources.
Smart Guides4:17
Explore smart guides in Sketch to align elements with precision, using rulers, snapping to edges, and padding checks; learn fast duplication, text alignment, and guide management.
Exporting your Designs8:38
Export your designs to clients and developers by creating a custom artboard and exporting assets in pagg, jpg, or ptf, organized by icons, backgrounds, and active states.
Sketch Basics - Quiz

Plugins - Intro0:46
Toolbox Update3:43
This is an update to the Intro video where I recommended using Sketch Toolbox to manage your plug-ins.
Plugins - Magic Mirror5:14
Learn to use the magic mirror plugin to place an app screen mockup on a phone image, and manage plugins with sketch toolbox for easy client-ready exports.
Plugins - Map Generator4:01
Plugins - Copy to All3:51
Plugins - Copy Paste Guides3:59
Plugins - Find & Replace3:20
Explore the Sketch plug-in Find and Replace to quickly search and swap text across all artboards, with options for scope, case, and bounding box considerations to preserve layout.
Plugins - Distribute2:33
Distribute objects in Sketch using the distributor plugin to space items horizontally or vertically with a pixel gap, saving time and achieving pixel-perfect layouts for masthead and table of contents.
Plugins - Sketchy Pies3:11

Design a Magazine Cover - Intro2:32
Brainstorm blue-themed magazine cover concepts, gather inspiration and fonts, create a low-fidelity wireframe, and then translate ideas into the full design in sketch.
Magazine Cover - Brainstorming6:02
Brainstorm a blue themed magazine cover by researching color symbolism, jotting ideas in notes, and choosing a theme such as skydiving and wind to convey health and calm.
Magazine Cover - Gathering Inspiration9:07
Magazine Cover - Wireframe9:24
Magazine Cover - Design Phase Pt 114:54
Magazine Cover - Design Phase Pt 217:37
Magazine Cover - Student Challenge3:04
Design a green-themed magazine cover by a 15-minute brainstorming session and gathering inspiration. Create a basic wireframe, apply fonts and colors, then export the sketch and share for feedback.

Login Screens - Intro1:23
Login Screens - Backgrounds & Buttons16:31
Design login screens with graphic backgrounds and scalable buttons using masks, layered shapes, borders, gradients, shadows, and precise text alignment to produce reusable, polished user interface components.
Login Screens - Blurred Backgrounds5:47
Login Screens - Working with Icons7:11
Login Screens - Student Challenge1:12

Hulu Tutorial screen - Intro1:14
Hulu Tutorial screen - Design Pt 119:41
Hulu Tutorial screen - Design Pt 223:34
Design a Hulu tutorial screen using vector shapes, borders, and opacity, learning to group, align, and subtract paths to form rings and icons with precise duplication and centering.
Hulu Home screen - Student Challenge1:36
Take on the Hulu home screen student challenge by recreating the background image, sketching the layout, and crafting bottom icons, then share results in the Facebook group.

Requirements

Students will need to purchase Sketch or download a Trial version from the app store
Windows users: You'll need to be running OS X in a virtual environment
Strong desire to master one of the most popular programs around

Description

Following the success of my previous courses on Sketch, I created this course to showcase Sketch and packed it with a ton of new content. In this immersive course I'll take you step-by-step through the basics of Sketch and show you how to design mobile app screens, web pages, logos and much more.

Upon completion of the course, you'll have the confidence and real-world experience to start creating your own designs with Sketch.

Course Outline:

Start with the basics: Learn to draw and manipulate shapes, organize your workspace, manipulate images and customize fonts
Magazine Cover Project: We'll brainstorm, gather inspiration and custom fonts, create a wireframe and then create our final design
Web Page Project: Follow along as we recreate content for a top selling web page template from header to footer
Mobile App Screens: Learn the techniques for building the most popular mobile app interfaces
Logos: Step-by-step walkthroughs for creating more than a dozen logos
Knowledge Check: Your understanding of the topics covered will be tested in the form of quizzes, design challenges, and assignments

Class Resources & Support:

You'll see the process I use when designing and where I get my resources
If you have a question, comment, or need help, post it in the Q & A section or on the Facebook group

Start your journey and find out why many of the fastest growing companies around are using Sketch.

Who this course is for:

Beginners looking to test the waters of Graphic Design and possibly change careers
Developers interested in becoming a double-threat by creating their own content
Experienced Graphic Artists and Web Designers who want to learn Sketch

Hands-On Sketch Masterclass - Learn Web and Mobile Design

What you'll learn

Explore related topics

Course content

Welcome to the Course1 lecture • 4min

Master the Basics9 lectures • 1hr 41min

Popular Plugins9 lectures • 31min

Create a Magazine Cover7 lectures • 1hr 3min

Mobile Apps - Login Screens5 lectures • 32min

Mobile Apps - Form Fields1 lecture • 28min

Mobile Apps - User Profile Page2 lectures • 40min

Mobile Apps - Hulu4 lectures • 46min

Mobile Apps - Movie Ticket3 lectures • 46min

Mobile App Challenge0

Requirements

Description

Who this course is for: