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 Videos (18m)
    • Introduction

      2:24
    • What is responsisve design

      3:44
    • First Sketch Resizing Option Stretch

      2:03
    • Second Resizing Option Pin to Corner

      2:19
    • Third Resizing Option Resize Object

      1:41
    • Final Resizing Option Float in Place

      1:42
    • Bringing it All Together

      4:26

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.

350

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Bryan Zavestoski

Independent UI/UX Designer and Educator

Hi! I'm Bryan Zavestoski, a User Interface and Product Designer. I've worked with businesses from some of the largest financial services companies in the world to small but mighty, living room startups. I'm now taking the knowledge I've gained from these organizations and sharing it with the design community.

If I'm not designing, I'm probably running around outside, whether that means climbing, skiing, or hiking.

Learn InVision Studio - Tutorials for ne...

See full profile

Report class