Ordering Disorder: Grid Principles for Web Design
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
9 of 9 people found the following review helpful
Feels Like a Chapter in a Bigger Book,
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.
25 of 33 people found the following review helpful
Lots and lots of padding,
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
1 of 1 people found the following review helpful
Great book that needs a demo website,
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.
› 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.
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
Book + eBook Bundle
Book Price $23.99
eBook Price $8.40
eBook formats included
This book includes free shipping!
This book includes free shipping!
Includes EPUB, MOBI, and PDF
About eBook Formats
This eBook includes the following formats, accessible from your Account page after purchase:
EPUBThe open industry format known for its reflowable content and usability on supported mobile devices.
MOBIThe eBook format compatible with the Amazon Kindle and Amazon Kindle applications.
PDFThe 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.
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.