A grid simplifies the process of placing graphic elements by giving you columns (and possibly rows) to line up the edges of those graphic elements along. As often happens, what’s simpler for you as a DIY designer is also simpler for your audience: alignment to a grid helps lead a viewer through a design and creates a sense of unity and cohesion1.
Using a grid doesn’t mean a design needs to be boring. I typically use a 12-column grid in web design, which lets me mix and match sections extending 1 to 12 columns in length, supporting plenty of options and variety. But even a simple grid of two, three or four columns will lend both cohesion and flexibility, simplifying the process of designing your layout.
Some page layout tools (like Adobe InDesign) will let you create a column structure in the document settings. However, other design programs (like Illustrator and Fireworks and many simpler design tools), require you to create your own custom column grid.
How do you do that?
Well, I’m glad you asked.
Step 1
First you must decide how many columns you want.
Step 2

Step 3

Step 4

Step 5

1Lidwell, William, Kritina Holden, and Jill Butler. Universal Principles of Design. Berverly, MA: Rockport, 2010. Print.