Creative Layout Design for Websites and Mobile Apps
Design more engaging and attractive layout for your Websites and Mobile Apps and stop making simple boxed layout
Updated on Nov, 2025
Language - English
Design,Graphic Design and Illustration,
Lectures -22
Resources -2
Duration -3 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Layout is one of the things that tells the story of your design. How your website or mobile app design unfolds the story depends on the layout. If your layout is great, your user engagement will rise like an 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 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 and when to use them?
What is a masonry grid layout?
How to use margins creatively in Website or Mobile App Layouts.
How to use out-of-the-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+ assignments for you to master this layout design skill
So let's jump in and start designing awesome layouts now
Who this course is for:
- Web Designer
- Web Developers
- Beginner Designers
- Graphic Designers
- Mobile App Designers
- UI Designers
- UX Designers
Goals
Basics of Layout Design, Grids and Vertical Rhythm.
Stop making boring layouts for Websites and Mobile Apps.
Design creative layouts with secret techniques.
Prerequisites
Just a curious mind.
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
2 Lectures
-
Introduction to Layout Design Course
02:28
02:28
-
Course Assignments
Basics of Layout Design → Grids, Gutters, Margins and Vertical Rhythm
8 Lectures
Types of Layouts → When and how to use them properly
5 Lectures
Advanced Layout Design Techniques ► Expalined in simple ways
7 Lectures
Instructor Details
Muhammad Ahsan Pervaiz
Instructing more than 100K+ UI UX Design students worldwide for the past 8 years. I began working as a Web Designer 20 years ago, and I had to learn everything the hard way.
I started from nothing and eventually found work with FORTUNE 500 businesses like Coca-Cola, Intel, and Panasonic.
Furthermore, I developed new design patterns for correctly displaying passwords in password fields while designing user experiences for the UK GP Tools mobile app, games, and e-commerce websites.
I'm a multi-talented individual that has won a Gold Medal, a national poster design competition from Panasonic, and numerous landing page design competitions on 99 designs.
I gained a lot of experience working with clients while freelancing, namely in the USA, Australia, the UK, and the United Arab Emirates.
These days, you can find me guiding startups with their landing page creation, SaaS web app designs, and on-boarding UX flows.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now