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

Description

It's one of the design areas where most Web Designers & 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 course are

• Design more engaging and powerful layouts

• Don't design similar boring layouts like other UI Designers

• Why do we create layouts (their purpose)

• What are grids, gutters and margins

• How to use one, two or multi column layouts

• What are flower layouts an when to use them

• What is masonry grid layout?

• How to use margins creatively in Website or Mobile App Layouts

• How to use out of box and overlapping methods in layout design

• Figuring out one simple rule that can make your layout superb

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. Ihave 5+ assignment for you to master this layout design skill

So let's jump in and start designing awesome layouts Now

• Web Designer
• Web Developers
• Beginner Designers
• Graphic Designers
• Mobile App Designers
• UI Designers
• UX Designers

Course content

• Introduction
  • Introduction to Layout Design Course
• Basics of Layout Design → Grids, Gutters, Margins and Vertical Rhythm
  • Purpose of Layout Design → Questions you must ask before starting a layout
  • Content defines the Layout
  • What are Grids, Gutters and Margins
  • How to combine columns in Grid Systems like Bootstrap
  • How to create Vertical Grid & Vertical Rhythm?
  • Secrets of Layout ► Creating Vertical Space Blocks
  • How to balance Layout and properly use white space blocks?
  • Examples of Balancing Layouts
  • Layout Basics
• Types of Layouts → When and how to use them properly
  • Single Column ► Centered layouts
  • Design a Single Column Layout Website Hero Header
  • Two Column Layout in Web & Mobile Apps
  • Design a 2 column Header Layout for a Website
  • Multi Colum Layout Design
  • Design a multi column grid features section
  • Using Flower Layout in Web and Mobile App Design
  • Design a flower layout by showing features of a product
  • Masonry Grid Layouts and their pros and cons
• Advanced Layout Design Techniques ► Expalined in simple ways
  • Using alternate percentage combos in Layout Design
  • Using big margins creatively in your Web and Mobile Apps Layouts
  • Use big margins in Mobile App Design and show it to me
  • Out of Box + Overlapping elements technique for Layout Design
  • Examples of using Out of Box Technique in Web and Mobile App Design
  • Design a featured section overlapping your header
  • Using Emphasis in Layout Design ► One big point of interest technique
  • Using Movement in Layout Design
  • Center Aligned with left aligned technique for Layout Design
  • What to do NEXT?
  • BONUS Lecture