Designing grid layouts for the Web

by Staff

Khoi Vinh grids for web design Experienced graphic designers know the value of a grid in design. They know that the grid helps bring order to the information and provides guides and anchors for the various visual elements. They know that the more elements there are -- the more important it is to establish a grid and stick to it. Enter Khoi Vinh, and grid principles for Web Design.

The grid

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.

1. 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. (click for samples)

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.

coverKhoi Vinh grids for web design Ordering Disorder: Grid Principles for Web Design
Khoi Vinh
Paperback: 192 pages
Publisher: New Riders Press; 1 edition

Khoi VinhKhoi 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.
Khoi Vinh grids for web design www.subtraction.com
Khoi Vinh grids for web design grids.subtraction.com

Don't forget ... we encourage you to share your discoveries with other readers. Just send and email, contribute your own article, join the Design Cafe forums, or follow DTG on Facebook!

Search for fonts