UX Stream

Best UX Advice from the Web
UX Stream > Topics > Technology > Tools > Musings on the Relationship Between Grids and Guides

Musings on the Relationship Between Grids and Guides

As the use of grids in web design continues to grow in popularity, I would like to consider the relationship between the grid and the use of guides. Though clearly related, these two concepts are also distinctly different, and in this article I would like to muse and ponder about those differences.

Though it has been around for years in print design, the concept of working on the grid has become really popular in web design in recent times, especially with the success and availability of CSS frameworks like the 960 Grid System. Many tutorials and articles that I have seen make explicit use if grids, even going so far as to specifically recommend the use of one particular system.Musings on the Relationship Between Grids and Guides.



That’s great. Though certainly not a necessity, using a grid in web design is a great way to establish a strong, underlying structure that provides consistent, visual unity between the elements in a design. Moreover, the several different CSS grid frameworks that exist out there provide an excellent means of implementing a grid into a site, and can help with process of rapid prototyping.

Personally, I’ve been used the 960 Grid System in several designs, and will be using some form of grid in the upcoming redesign of this very blog.



As great as grids are, however, I do think that it’s important to distinguish them from another useful layout tool: guides. So, in this article I’m going to muse about some of the differences that I see between these two admittedly related concepts, and consider why those differences are important.

Continue reading this article at: Musings on the Relationship Between Grids and Guides :: Echo Enduring Blog – A Web and Graphic Design Blog.