The grid has long been an invaluable tool for creating order out of chaos for designers of all kinds—from city planners to architects to typesetters and graphic artists. In recent years, web designers, too, have come to discover the remarkable power that grid-based design can afford in creating intuitive, immersive, and beautiful user experiences.
Ordering Disorder delivers a definitive take on grids and the Web. It provides both the big ideas and the brass-tacks techniques of grid-based design. Readers are sure to come away with a keen understanding of the power of grids, as well as the design tools needed to implement them for the World Wide Web.
Khoi Vinh is internationally recognized for bringing the tried-and-true principles of the typographic grid to the World Wide Web. He is the former Design Director for NYTimes.com, where he consolidated his reputation for superior user experience design. He writes and lectures widely on design, technology, and culture, and has published the popular blog Subtraction.com for over a decade.
More information at grids.subtraction.com
Table of Contents1. Introduction to Grid Thinking. Examines the underlying humanistic principles of searching for order within disorder, and how grid systems are derived from those core universal motivations. Includes a personal reflection on why grids are important.
2. A Brief History of Grids. Examines grid systems in nature, early, pre-graphic design explorations of grid concepts, and the origins of modern principles for construction and use of grids. Includes numerous historical illustrations and annotations.
3. Contemporary Grids and the Internet. Examines recent notable examples of grids in print, and focuses on how grids have migrated online. Discusses parallels with and deviations from grid principles in print. Includes numerous illustrations.
4. Grids: How to. A step-by-step guide to creating a Web page based on a strong, rational grid, with in-depth discussion of the principles at work in every step. Also includes shorter in-depth examinations of outlier additional, smaller design problems.