Design:
Module Design
modular-design_6-pgs.pdf |
Design Principles Presentation:
design_principles_pp_presentation.pdf |
Column Design:
Simple Definition:
In graphic design, a grid is a series of vertical and horizontal lines that are used to subdivide a page vertically and horizontally into margins, columns, inter-column spaces, lines of type and spaces between blocks of type and images. These subdivisions form the basis of a modular and systematic approach to the layout, particularly for multiple page documents, making the design process quicker, and ensuring visual consistency between related pages.
Note: When we frequently say 6 column design we mean 3 per page for a total of 6 per double page spread.
In graphic design, a grid is a series of vertical and horizontal lines that are used to subdivide a page vertically and horizontally into margins, columns, inter-column spaces, lines of type and spaces between blocks of type and images. These subdivisions form the basis of a modular and systematic approach to the layout, particularly for multiple page documents, making the design process quicker, and ensuring visual consistency between related pages.
Note: When we frequently say 6 column design we mean 3 per page for a total of 6 per double page spread.
4 Column Design:
Is simply making use of a grid that contains four columns per page. (see examples below)
Is simply making use of a grid that contains four columns per page. (see examples below)
3 Column Design:
Is simply making use of a grid that contains six columns. (see examples below)
Is simply making use of a grid that contains six columns. (see examples below)
Grid Systems:
Grid systems bring visual structure and balance to site design. As a tool, grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer’s point of view they allow for an organized methodology for planning systematic layouts.
After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.
After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.