When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Creative Layout Design for Web and UI Designers ► No more boring layouts
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

This Course Includes
skillshare
0 (0 reviews )
3 hours 24 minutes
english
Online - Self Paced
course
SkillShare
About Creative Layout Design for Web and UI Designers ► No more boring layouts
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
What You Will Learn?
- 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 & 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.
- 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. I have 5+ assignment for you to master this layout design skill.
- So let's jump in and start designing awesome layouts Now.