designadviceoftheday:

Well first you must continue to understand the Grid before you can even fathom breaking it! Don’t forget that grids do not make the design or its final look. It only dictates clarity to the reader, efficiency and continuity. You should never make your grid too obvious. It should be the layout structure without being the center of attention and taking away from the text and images. After all the grid is used to help a reader through the layout, not notice it. Not only that but, the grid allows for you to layout massive amount of design and text since margins, and horizontal and vertical spacing have already been predetermined. There are several parts of the grid. Listing from left to right.

-Columns
They are vertical containers that hold type of images. The width and number of columns on a page or screen can vary, depending on the content.

Modules
They are individual divisions separated by consistent space, providing a repeating, ordered grid. Combining modules can create columns and rows of varying sizes.

Margins
They are buffer zones. They represent the amount of space between the trim size, including gutter, and the page content. Margins can also house secondary information, such as notes and captions.

Flow-lines
They are alignments that break space into horizontal bands. Not actual lines, flow-lines are a method for using space and elements to guide a reader across a page.

Spatial Zones
They are groups of modules or columns that can form specific areas for type, ads, images, or other information.

Markers
They help a reader navigate a document. Indicating placement for material that appears in the same location, markers include page numbers, running heads and feet (headers and footers), and icons.