Creative Layout Design for Websites and Mobile Apps

Creative Layout Design for Websites and Mobile Apps, available at $49.99, has an average rating of 4.55, with 23 lectures, 1 quizzes, based on 182 reviews, and has 1060 subscribers.

You will learn about Basics of Layout Design, Grids and Vertical Rhythm Stop making boring layouts for Websites and Mobile Apps Design creative layouts with secret techniques This course is ideal for individuals who are Web Designer or Web Developers or Beginner Designers or Graphic Designers or Mobile App Designers or UI Designers or UX Designers It is particularly useful for Web Designer or Web Developers or Beginner Designers or Graphic Designers or Mobile App Designers or UI Designers or UX Designers.

Enroll now: Creative Layout Design for Websites and Mobile Apps

Summary

Title: Creative Layout Design for Websites and Mobile Apps

Price: $49.99

Average Rating: 4.55

Number of Lectures: 23

Number of Quizzes: 1

Number of Published Lectures: 23

Number of Published Quizzes: 1

Number of Curriculum Items: 30

Number of Published Curriculum Objects: 30

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Basics of Layout Design, Grids and Vertical Rhythm
Stop making boring layouts for Websites and Mobile Apps
Design creative layouts with secret techniques

Who Should Attend

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

Target Audiences

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

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

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to Layout Design Course

Chapter 2: Basics of Layout Design → Grids, Gutters, Margins and Vertical Rhythm

Lecture 1: Purpose of Layout Design → Questions you must ask before starting a layout

Lecture 2: Content defines the Layout

Lecture 3: What are Grids, Gutters and Margins

Lecture 4: How to combine columns in Grid Systems like Bootstrap

Lecture 5: How to create Vertical Grid & Vertical Rhythm?

Lecture 6: Secrets of Layout ► Creating Vertical Space Blocks

Lecture 7: How to balance Layout and properly use white space blocks?

Lecture 8: Examples of Balancing Layouts

Chapter 3: Types of Layouts → When and how to use them properly

Lecture 1: Single Column ► Centered layouts

Lecture 2: Two Column Layout in Web & Mobile Apps

Lecture 3: Multi Column Layout Design

Lecture 4: Using Flower Layout in Web and Mobile App Design

Lecture 5: Masonry Grid Layouts and their pros and cons

Chapter 4: Advanced Layout Design Techniques ► Expalined in simple ways

Lecture 1: Using alternate percentage combos in Layout Design

Lecture 2: Using big margins creatively in your Web and Mobile Apps Layouts

Lecture 3: Out of Box + Overlapping elements technique for Layout Design

Lecture 4: Examples of using Out of Box Technique in Web and Mobile App Design

Lecture 5: Using Emphasis in Layout Design ► One big point of interest technique

Lecture 6: Using Movement in Layout Design

Lecture 7: Center Aligned with left aligned technique for Layout Design

Lecture 8: What to do NEXT?

Lecture 9: BONUS Lecture

Instructors

Muhammad Ahsan Pervaiz
Product Designer | UX Consultant | Web Developer

Rating Distribution

1 stars: 3 votes
2 stars: 4 votes
3 stars: 19 votes
4 stars: 62 votes
5 stars: 94 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu