Grids in Design
Using a grid to organize the way you layout the elements on a web page, magazine spread or television ad can be a great way to pack a bunch of information into a small space.
Keyboard Shortcuts
Ctrl + ' = show/hide grid
Ctrl + R = show/hide rulers
“The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his/her personal style. But one must learn how to use the grid; it is an art that requires practice.”
Josef Müller-Brockmann
Page Layout
Download this pdf of some pages from my “Guide to go: Where Atlanta” a publication from wheretraveler.com. Look at how they used a grid on each page to organize all the information and images into an interesting and easy to read design.
Sample Activity Files - Use these files if you want to follow along.
Keyboard Shortcuts
Ctrl + ' = show/hide grid
Ctrl + R = show/hide rulers
“The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his/her personal style. But one must learn how to use the grid; it is an art that requires practice.”
Josef Müller-Brockmann
Page Layout
Download this pdf of some pages from my “Guide to go: Where Atlanta” a publication from wheretraveler.com. Look at how they used a grid on each page to organize all the information and images into an interesting and easy to read design.
Sample Activity Files - Use these files if you want to follow along.
Introduction
Using Grids in Photoshop
Using Guides in Photoshop
Articles
Using Layout Grids Effectively: This is a nice articles with clear illustrations.
10 tips for using rulers and guides in Photoshop: This is a must read article with concise How To's on the key things you will need to use in PS.
10 tips for using rulers and guides in Photoshop: This is a must read article with concise How To's on the key things you will need to use in PS.