close
SketchCasts is closing. Read the announcement and what the future holds. Read more
Loading video..

Get access to 150+ videos on design and code to boost your skills

become a member
love watch later
5 minutes | 02 Oct 2018

Responsive Design Layouts

In this video we're going to demonstrate how we can design responsive layouts using InVision Studio.
This will let us plan, design and test our designs in multiple sizes and resolutions all inside the application and very quickly.
InVision Studio allows this functionality by:
- "pinning" elements to a certain position on the screen
- using sizes in % instead of a fixed value like 100px, if we desire
- aligning elements on screen

Let's explore how these work in a practical example.

  • Login to see the download links.

Pedro Sousa

Developer and Designer Hybrid

@psousa

Related

Prototyping in Xcode without a single line of code

Prototyping in Xcode without a single line of code

26 minutes *free
Master the Timeline Editor in InVision Studio

Master the Timeline Editor in InVision Studio

12 minutes *free
Live Preview with InVision Studio

Live Preview with InVision Studio

5 minutes *free