Are you ready to take your app development skills to the next level? Look no further than this comprehensive guide to mastering Sketch, the powerful vector graphics editor used by designers and developers alike. In just two and a half hours, you'll learn everything you need to know to get started with building custom projects from scratch.

Who is this course for?

This course is perfect for:

  • Mac users looking to tap into the vast potential of Sketch
  • Beginner UI, UX, Icon, and web designers seeking to expand their skillset
  • Vector fans eager to learn the ins and outs of Sketch

Welcome to the World of Swift App Development

Welcome to our comprehensive guide to Sketch! In this course, we'll take you by the hand and walk you through the basics of using Sketch for app development. You'll start with a crash course on what Sketch is and how it works, then dive into the tools and features that make it so powerful.

Understanding Sketch

Sketch is more than just a vector graphics editor – it's a digital design platform that can be used to create designs, prototypes, and developer handoff. Since its inception in 2010, Sketch has become the go-to tool for many designers seeking an alternative to Photoshop for creating UI designs.

Mastering the Interface

Before you start building your first project, it's essential to get familiar with the interface and tools at your disposal within Sketch. Follow along as we explore the features and take a look at the demo file mentioned earlier called Financial App Dashboard Concept.

Working with Layers

Layers are the building blocks of any design project in Sketch. You'll learn about the different types of layers, including:

  • Artboard
  • Text
  • Shape
  • Image

You'll also discover how to group, lock, and hide layers for easier management of your designs.

Moving, Resizing, and Aligning Elements

This lesson is crucial for any designer looking to master Sketch. You'll learn the ins and outs of moving, resizing, and aligning elements efficiently, ensuring your design projects run smoothly.

Using Guides, Grids, and Layout

Sketch offers three features – guides, grids, and layout – that are essential for resizing and aligning content. Learn how to use each feature effectively to streamline your workflow.

Working with Text

Text makes up the majority of the content you'll use in your design project. You'll learn how to control text styles, resize, and adjust text for a professional look.

Adding and Editing Shapes

From simple shapes like rectangles and circles to more complex ones like polygons and stars, you'll discover how to add and edit shapes to bring your designs to life.

Reusing Shapes and Styles

Learn how to create layer styles that can save you time when building complex UIs that reuse elements repeatedly throughout.

Working with Images

You can add images to Sketch in a few different ways. From the standard drag-and-drop to using images as shape backgrounds, this lesson explores the finer nuances of using images in your designs.

Vector Tool Mastery

The vector tool is all about creating hand-drawn shapes in Sketch. Learn how to create points that will be connected automatically for a professional look.

Boolean Operations

Boolean operations are great for creating complex shapes, but they're especially powerful when it comes to creating icons. Discover the ins and outs of using Boolean operations in Sketch.

Reusing Elements through Symbols

Symbols are all about reusing content in Sketch. Learn how to use symbols to speed up your workflow and make changes automatically propagate throughout your design.

Smart Layout

Smart Layout is all about resizing a symbol automatically when the content inside it changes, maintaining the same space between items. This lesson shows you how to use Smart Layout effectively with plenty of examples.

Exporting from Sketch

Once you're done creating your design in Sketch (and before handing it off to a developer), you'll need to export some assets. Learn the process of exporting icons, images, and more in this final lesson of the course.

More free courses on Tuts+

Starting out? Learn everything you need to know about web design and development, right here on Tuts+.

Sketch Tutorials on Tuts+

Looking to learn Sketch and make the most out of your Sketch trial? Check out our Sketch tutorials on Tuts+.