Design for All Sizes and Screens: Responsive Design in Sketch | Bryan Zavestoski | Skillshare

Design for All Sizes and Screens: Responsive Design in Sketch

Bryan Zavestoski, Independent UI/UX Designer and Educator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (18m)
    • 1. Introduction

    • 2. What is responsisve design

    • 3. First Sketch Resizing Option Stretch

    • 4. Second Resizing Option Pin to Corner

    • 5. Third Resizing Option Resize Object

    • 6. Final Resizing Option Float in Place

    • 7. Bringing it All Together


About This Class

Note: As of Version 44, Sketch has updated how their resizing options work, and it is much different than when this course was recorded. Some of the Sketch specific content may no longer be relevant, but this course should still give you some information on the basics of responsive design.

This course will teach you the basics responsive design and explain how to designing responsive layouts. It will focus on the new resizing tools in the design app Sketch. Sketch has quickly become the most widely used tool for web and mobile design, replacing Photoshop for many designers. In a recent update, Sketch introduced the ability for objects to respond and adapt to changes in . 

Sketch defines four different behaviors on how objects should resize:

  • Stretch
  • Pin to corner
  • Resize object
  • Float in place

We will focus on the uses of each resizing option, and finish by combining them all in our class project.

This course is for anyone with an interest in web design. It will not be going over the absolute basics of Sketch, so some familiarity with Sketch or another design application is helpful, but not necessary.