Wednesday, March 20, 2013

Grid Example - Amy Millett

Grids and columns are an important part of almost every single website I can think of. In fact, they're something we learned about early on in interactive class. Websites that utilize a modular grid (also referred to as tiling) are especially popular these days.

My example website is called foodgawker.com. It's kind of like Pinterest, but only for food.



Foodgawker uses a very clear modular grid, where information in broken up into rectangular chunks. You'll also notice that the margins and gutters are consistent between each module and that there isn't much that breaks up the grid. 

The modules help to define each spatial zone and the content that accompanies it. They provide a sense of order and clarity and make it easier to sift through the large amounts of information and photos on each page. People who come to this website usually search through tons of food photos until they find  one that they like, then click on it to take them to an outside link with a recipe. The most important thing to them is ease of access and immediacy; the viewer isn't really meant to spend large amounts of time looking at one specific area. This is why the modular approach is practical for Foodgawker. It organizes content simply and consistently but still works together as a whole.

No comments:

Post a Comment