Introduction to Sketch

Overview

“We will use the "smart layout" to create buttons that automatically adapt your distance from the text to the edge. This is called padding and it is an advantage to be able to define where each element or group grows, as you modify the content.”

In this video lesson Samuel Hermoso (Elastic Heads) addresses the topic: Padding with smart layout, which is part of the Domestika online course: Course 6: Layouts, Grids, Smart Layouts and Prototyping. Create your first navigable prototype with Sketch.

Partial transcription of the video

“INTRODUCTION TO SKETCH COURSE 6 LESSON 6 Padding with Smart Layout In this lesson I will propose an exercise to use the Smart Layout to create a "padding" between text and buttons. Let's see it. In this exercise we will prove that Smart Layout works to not only align objects or elements vertically, but also horizontally and above all that can be nested. These conditions of having a Smart Layout can be nested and we will see now how. In this example what I propose is a list of tabs, depending on the content they adapt themselves. At the distance of each one, your button, to the edges You wil...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Course 6: Layouts, Grids, Smart Layouts and Prototyping

• Level: Beginner
• 100% positive reviews (67)
• 16 students
• 10 units
• 11 lessons (1h 37m)
• 3 downloads