This is the second of what will be a series of 5 posts regarding different aspects of design theory. Previously in part 1 we covered Typography. This lesson is all about grid based design. Coming up we will have color theory, design theory, and UI/usability.
written by Danny Outlaw via PSDTuts
11. Designing With a Grid Based Approach
“The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them.”
12. Columns and Grids
“One of the larger problems in working with grids in web pages is that you often can’t do much about vertical proportions. Often your content is dynamic, so the best you can do is approximate.”
13. The Grid: The Structure of Design
“Using a grid is one of those basic design principles. Most news designers are working with a grid someone else designed. No matter what you think about it, you need to understand how to use it.”
14. Feeling your way around grids
“Grids have long been used by designers to aid and measure composition; to create a framework with which to construct the design.”
15. Grid Based Layouts
“A grid is a technique that comes from print design but easily be applied to web design as well. In its strictest form a grid is literally a grid of X by Y pixels.”
16. Five simple steps to designing grid systems
“There are quite a few terms thrown around with regards to typography. Hopefully this article will help you understand more about the world of typography.”
17. Grids: Order Out of Chaos
“Many of the pages that you see everyday have a grid. You may not see it but it is there, holding up the design, establishing structure, guiding the page elements.”
18. Grid Based Design 101
“Designers of all types (web, print, etc.) are constantly facing issues involving the structure of their designs. Web designers are increasingly turning to grids to control the structure of web pages, and grids have long been used extensively in other design mediums.”
19. Grid-Based Design: Six Creative Column Techniques
“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.”
20. Seven Smooth Steps to Superb Grids
“While grid design is a simple concept, there are now so many tools and ways of doing it that it might get confusing for newcomers. So here is my way of doing things, i.e. how I would explain grid design to someone who’s never heard about it.”
Next up: Color Theory //
If you like this post then you might like these: