YoVDO

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

Offered By: Skillshare

Tags

Web Design Courses User Engagement Courses

Course Description

Overview

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


Syllabus

  • 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

Taught by

Muhammad Ahsan

Related Courses

Make Your Own App
Technische Universität München (Technical University of Munich) via edX
Build a Full Website using WordPress
Coursera Project Network via Coursera
Build an e-portfolio using google sites
Coursera Project Network via Coursera
Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Build a Website Map with Jumpchart
Coursera Project Network via Coursera