Introduction to Sketch

If you want to design a responsive interface for different devices, in a simple and efficient way, the tools on Sketch—software that has been specially developed for UI designers—make the entire process look easy.

In this Domestika Basics of seven courses, UX/UI consultant and designer Samuel Hermoso teaches you how to master Sketch from scratch. With a practical methodology, and through a series of practical exercises, you’ll be able to design your own interface of a project, for both websites and apps, in a professional way.

Start off by installing the software, getting to know its interface and basic tools to understand its main characteristics. See how to create your first shapes, as well as selecting, moving, and transforming layers in different ways.

In the second course, Samuel teaches you how to add borders, colors, shadows, and other effects to your basic shapes. Learn how to work with vectors and pixels, creating your first icons for the design of your interface through the intersection of vectorial shapes and curve drawings.

Continue by working with the shape elements in Sketch in the third course, measuring the distances, and how to group, and align your layers. Learn the main functionalities to reorganize the screens and layers with the Smart Layout tool.

Move on to the process of designing texts in the fourth course. Learn the different characteristics to improve the reading experience, maintaining concistency throughout your project. Samuel teaches you how to modify texts, creating different styles and establishing hierarchies. Explore different fonts, sizes, colors, and contrasts to create a mobile app design.

Next, learn how to work with your project in a scalable way, using symbols with the Resizing tool. See how to easily duplicate screens and implement adjustments that affect every version, to work more efficiently. Learn how to swiftly create and switch styles.

In the second-last course of this Domestika Basics, create a navigable prototype of your pages. See how to adjust your designs for different devices using column layouts and grids. Use these new characteristics to align elements automatically, creating spacing and paddings.

Finally, Samuel shows you how to make the most of Sketch by sharing some tips and tricks that will help you work quicker and more efficiently. Wrap up this Basics course with a series of plug-ins to personalize the tool that best adapts to your needs.