Post on 26-Jan-2017
transcript
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