10 ways to improve your designs with grid layout

14
10 WAYS TO IMPROVE YOUR DESIGNS WITH GRID LAYOUT

Upload: wpekaclub

Post on 26-Jan-2017

229 views

Category:

Software


0 download

TRANSCRIPT

10 WAYS TO IMPROVE YOUR DESIGNS WITH GRID LAYOUT

PEOPLE LOVE WEBSITES WITH GRID LAYOUT

Look at Pinterest

IN THESE SLIDES YOU WILL LEARN 10 REASONS WHY GRID LAYOUTS ARE SO SUCCESSFUL

1. GRID KEEP YOUR CONTENT ORGANISED

2. MAKES YOUR JOB EASIER

Grids speed up and improve your design time

They act as a guide and help you find the best

position to place your elements

Speed up the thinking process of designers

3. GRID ENHANCES VISUAL HIERARCHY

NASA’s website use grid layout. Do you need anymore justification?

4. BALANCING DESIGN BECOMES SIGNIFICANTLY EASIER

Unsymmetrical layouts can be easily managed in grid

See the example how this site has managed to put random elements using grid layout

5. MULTI-PAGE LAYOUT COHESIVITY

Grid layout can be transferred from page to page

It can be transferred from layout to layout

Grids are generally useful for educational sites or sites

where there is lots of content

Grids are the saving grace for multi-page layouts

6. SAY GOODBYE TO CLUTTERED LAYOUTSMargins

Gutters

It is the space around your design

Tighter the margin more cluttered is your design

Keep margins open for neater and cleaner look

It is the space between your grid’s columns

This space should remain consistent to keep your grid functional

7. SAY HELLO TO MORE PLEASING DESIGNS

Grid layouts are mathematically more pleasing, that’s why lot of designers, photographers and artists use them.

THE RULE OF THIRDS

In photography they say dividing your designs into even number of horizontal and vertical lines and wherever these lines intersect, they are the pleasing points.

8. GRIDS ARE HIGHLY FLEXIBLE

You have the choice of as many columns as you like You even see them in big textbooks

9. GRIDS CAN ENCOURAGE WHITE SPACE

Its the time of minimalist design

White spaces on design are highly appreciated

Keep alternate rows or columns empty to give a

special effect

This will result in a sophisticated and functionally

minimal layout

10. VIEWERS WILL THANK YOU

You see, our eyes are really picky about things it sees.

A good layout with proper spacing is always pleasing to eyes.

And your viewers will definitely appreciate it.

TIME TO TAKE SOME ACTIONInstall WP Grid Effects

WordPress plugin

on your WordPress site

Know more about WP Grid Effects here