Layout is one the things that tells the story of your design. How your website or mobile app design unfolds the story, it all depends on the layout. If your layout is great, your user engagement will rise like erupting volcano
It's one of the design areas where most Web Designers &amp; User Interface Designers struggle a lot. I have put some basic and some advanced layout Design techniques which I have figured out after poking and analyzing hundreds of different Web and Mobile App Designs from many great designers
So don't get stuck with boring boxed layouts
Things you will learn in this class are
<ul><li>
Design more engaging and powerful layouts
</li>
<li>
Don't design similar boring layouts like other UI Designers
</li>
<li>
Why do we create layouts (their purpose)
</li>
<li>
What are grids, gutters and margins
</li>
<li>
How to use one, two or multi column layouts
</li>
<li>
What are flower layouts an when to use them
</li>
<li>
What is masonry grid layout?
</li>
<li>
How to use margins creatively in Website or Mobile App Layouts
</li>
<li>
How to use out of box and overlapping methods in layout design
</li>
<li>
Figuring out one simple rule that can make your layout superb
</li>
</ul>with tons of examples and sample layouts. I try to explain every principle of layout design in simple terms so it would be easier for you to digest. I have  5+ assignment for you to master this layout design skill
So let's jump in and start designing awesome layouts Now

What this course will cover?

Basics of layout design

Content defines the layout

What are Grids, Gutter and margins

How to combine columns in grids

Baseline and Vertical Rhythm

Vertical Blocks for spacing ► Secret

Balancing your layout with blocks

Balancing your layout Examples

Single column centered layout for Web and Mobile Apps

Project ► Centered Layout Design

Two column layouts with examples

Project ► 2 Column Layout

Multi column layout in Web UI Design

Project ► Multi-column Layout

Flower layout ► Secret

Project ► Flower Layout

Masonry Grid in Web Design & Mobile App Design

Killing with percentage combos in Layout Design

Creative use of Margins in Layout Design

Project ► Creative Margin Layout

Out of box and overlay method in Layout Design

Web Design and Mobile App Design out of box examples

Project ► Overlapping Layout Design

Using Emphasis in Layout Design

Using movement in Layout Design

Centered with Left align layout design technique

Thanks everyone

Creative Layout Design for Web and UI Designers ► No more boring layouts

Muhammad Ahsan Pervaiz gave you 1 free month of Skillshare

Get 1 free month of Skillshare

Creative Layout Design for Web and UI Designers ► No more boring layouts

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile