Ordering Disorder: Grid Principles for Web Design

Chapter 4. Execution

There’s no better way to learn how to design with a grid than to actually roll up your sleeves and try it. Now is the time to put all that theory, history, and preparatory study to work. This section focuses on creating a practical solution to the challenge of designing a website.

There is, of course, no such thing as a typical website or even a typical Web design problem. But the job we’ll focus on in this section combines many common types of pages, including a blog, profile pages, and a home page that knits together disparate content types. The project also illustrates many different design challenges that will be instructive in showcasing a general approach to real-world grid design. Taking all of the project’s constraints ...