HomeNewsHow to Make Your UI Design Fully Responsive With Sketch — Part 2

How to Make Your UI Design Fully Responsive With Sketch — Part 2

Design + Sketch App — Medium | Sebastian Müller

Or How to Team Up Fluid And Auto-Layout to Create a UI Design Which is Vertically AND Horizontally Responsive…

Introduction

In Part 1 you learned how to create a UI layout which automatically adapts its size to vertically to its content. You created a content-based resizing UI where you can play with length of texts and heights of elements without having to move any element manually. That will make you ready for client requests like:

“Make the hero image smaller and show me your layout with very long text because I know no one on the internet likes large images and everybody likes to read a lot of text. You have two minutes to do that.” And you know what you can answer after reading this article?

“I’ll do it in one” 😉

After this second part of the tutorial you will be prepared for another client...

Featured articles on Prototypr: