Publishers of technology books, eBooks, and videos for creative people

Home > Store > Web Design & Development

larger cover

Add To My Wish List

Ordering Disorder: Grid Principles for Web Design

  • By Khoi Vinh
  • Published Nov 23, 2010 by New Riders. Part of the Voices That Matter series.
    • Copyright 2011
    • Dimensions: 7" x 8-1/2"
    • Pages: 192
    • Edition: 1st
    • Book
    • ISBN-10: 0-321-70353-7
    • ISBN-13: 978-0-321-70353-8

Register your product to gain access to bonus material or receive a coupon.

  • Description
  • Reviews
  • Sample Content
  • Updates

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

Customer Reviews

9 of 9 people found the following review helpful
2.0 out of 5 stars Feels Like a Chapter in a Bigger Book, July 5, 2011
By 
A. Holzschuh (California) - See all my reviews
(REAL NAME)   
This review is from: Ordering Disorder: Grid Principles for Web Design (Voices That Matter) (Paperback)
I was really excited when I picked up this book and flicked through it in the book store. I am always looking to broaden my perspective on design and incorporate techniques to make my work stronger. I knew right away that this book was conceptual and did not have instructions on how to actually incorporate the grids, this was fine with me. However I feel like the entire book is so bloated with repetition and irrelevancy that the small amount of information could have been present as a chapter in a web design book. Even with what the book does have printed it is incredibly short, if you remove the unneeded there would only be a few pages of useful information. I also feel like the font and formatting was obnoxious and difficult to read(I am young and I don't think I have said that before in my life).

Overall I think this book is an overpriced piece of fluff and your money is better spent elsewhere to improve your design aesthetic.
Help other customers find the most helpful reviews 
Was this review helpful to you? Yes No


25 of 33 people found the following review helpful
3.0 out of 5 stars Lots and lots of padding, December 12, 2010
By 
orangekay (San Francisco, CA United States) - See all my reviews
(VINE VOICE)   
Amazon Verified Purchase(What's this?)
This review is from: Ordering Disorder: Grid Principles for Web Design (Voices That Matter) (Paperback)
I'm not a huge fan of Khoi's work, but I do respect his abilities enough to have had my interests piqued when I learned that he'd written a book on what it is he does. The entire point of titles like these is basically to watch how other people like to work so you can compare and contrast the solutions they arrive at against your own, and in that regard, it does not disappoint. Unfortunately, the bulk of the text is a lot of thoroughly irrelevant filler that talks down to its target audience as though they have no idea what designers do or how they do it. The first four chapters in particular are a complete waste of time, and even when you get to the good parts, there's a lot of over-explanation and exposition that doesn't need to be there. If you took out all the fluff, you'd basically have a really long blog post's worth of information, and I'm hard-pressed to justify the fact that I spent this much money on it.

And the font the entire thing is set in is just ridiculous... Read more
Help other customers find the most helpful reviews 
Was this review helpful to you? Yes No


1 of 1 people found the following review helpful
4.0 out of 5 stars Great book that needs a demo website, July 10, 2011
This review is from: Ordering Disorder: Grid Principles for Web Design (Voices That Matter) (Paperback)
This is a great book that takes you through the design process to construct a fictional website, Designery.us. Unfortunately, you can't go to this site to see how the layout works; a feature that would definitely help the learner. Additionally, I could not find references to sites like [...] where you can overlay a grid system to test your layouts or the 960 Grid System Site (960.gs) to generate CSS. Although not the focus of this book, it would be nice to actually see the code used to construct this site. HTML5 and CSS are sorely missing from this book.

Overall it is a good overview that I enjoyed reading and learned from.
Help other customers find the most helpful reviews 
Was this review helpful to you? Yes No


Share your thoughts with other customers:
 See all 9 customer reviews...

Table of Contents

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.
 
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.

Errata

On Page 70: “For instance, we'll specify our H2s at 24 point with a line-spacing of 26 pixels, or two baselines.”

Should be 36, not 26

 
Best Value

Book + eBook Bundle  $53.98  $32.39

Book Price $23.99
eBook Price $8.40
eBook formats included

Buy

This book includes free shipping!

Buy

Book  $29.99  $23.99

Usually ships in 24 hours.

This book includes free shipping!

Buy

eBook (Watermarked)  $23.99  $19.19

Includes EPUB, MOBI, and PDF
About eBook Formats

This eBook includes the following formats, accessible from your Account page after purchase:

ePubEPUBThe open industry format known for its reflowable content and usability on supported mobile devices.

MOBIMOBIThe eBook format compatible with the Amazon Kindle and Amazon Kindle applications.

Adobe ReaderPDFThe popular standard, used most often with the free Adobe® Reader® software.

This eBook requires no passwords or activation to read. We customize your eBook by discretely watermarking it with your name, making it uniquely yours.

Purchase Reward: 15 Day Trial to Creative Edge
By completing any purchase on Peachpit, you become eligible to try out Creative Edge free for 15 days.

Get unlimited online access to thousands of training resources on creative topics. You will also get a discounted rate of just $17.99/month if you decide to continue with a paid subscription.