Designer Ben Martineau explains how grids can help in sketching your mockups:
Every designer has a process. Their theory, their technique, their method. With each differing from one to another, they all have at least one thing in common: sketching.
It may be a scribble on a post-it note, a doodle on a whiteboard or a squiggle in an art diary — it’s a sketch. I have found along the way, from project to project, that these sketches need a little more guidance toward the final product. A little reassurance that this idea may actually succeed, once it is a detailed design. Possibly a couple of lines, a grid, may do the trick?
My previous Art Director developed some “grid books” for our team to use. Since then, I have recreated and refined the templates and are now what you see here: A series of grid system templates, which can be easily printed to sketch up layout, logo, illustration and other design concepts.
I try to minimise detail — only text for key headlines, lines for body copy, block shapes for images, and squiggle lines or shading for any emphasis if needed.