Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up...
Transcript of Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up...
![Page 1: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/1.jpg)
Grids Are Good(Right?)
March 10, 2007SXSW InteractiveAustin, TX
Khoi VinhSubtraction.com
Mark BoultonMarkBoulton.co.uk
![Page 2: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/2.jpg)
About Khoi
I’m the Design Director for The New York Times Online.
I’m the author of Subtraction.com, a personal weblog where I write about design, technology and other subjects.
nytimes.com
subtraction.com
![Page 3: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/3.jpg)
Subtraction.com
![Page 4: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/4.jpg)
About Mark
I’m the Founder of a tiny design consultancy Mark Boulton Design.
I also write about design and whatever else takes my fancy at markboulton.co.uk
markboultondesign.com
markboulton.co.uk
![Page 5: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/5.jpg)
MarkBoulton.co.uk
![Page 6: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/6.jpg)
Dots to Design
![Page 7: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/7.jpg)
![Page 8: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/8.jpg)
From Dots to Design
• Any two or more marks on a single plane is a design.
![Page 9: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/9.jpg)
![Page 10: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/10.jpg)
![Page 11: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/11.jpg)
![Page 12: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/12.jpg)
Some History
The grid is the most vivid manifestation of the will to order in graphic design.
![Page 13: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/13.jpg)
A Brief History of the Grid
![Page 14: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/14.jpg)
Looking for Reason
Divining architectural proportion from nature.
Le Corbusier, “Modulor” 1948.Leonardo DaVinci, “The Vitruvian Man” 1492.
![Page 15: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/15.jpg)
Right Up to the Modern Day
![Page 16: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/16.jpg)
Ornamentation
From this…
Leopoldo Metlicovitz, “Fleurs de Mousse,” 1914.Advertising poster for French perfume.
![Page 17: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/17.jpg)
Rational Design
…to this.
Theo Ballmer, “Neues Bauen” 1928.Poster for German Werkbund exhibition.
![Page 18: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/18.jpg)
New Ideas
Rationalism became the new imperative for design.
Out with decoration and formalism, in with logic and standardization.
Jan Tschichold, “Die neue Typographie” 1928.Instructions for the standardized layout of A4 letterhead.
![Page 19: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/19.jpg)
The More Things Change…
Modernists looked to build a new aesthetic by
• Deriving beauty from the innate qualities of the machine
• Championing standardization
Sound familiar?
![Page 20: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/20.jpg)
…The More They Stay the Same
There is a strong overlap between what motivated grid usage nearly a century ago and what motivates grid usage today.
• Deriving beauty from the innate qualities of the browser
• Championing standardization
![Page 21: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/21.jpg)
Paul Rand for IBM
Paul Rand, IBM Annual Report, 1975
![Page 22: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/22.jpg)
J. Müller-Brockmann
Tonhalle-Quartett, 1955. Juni-Festwochen Zürich, 1959
Juni-Festwochen Zürich, 1962
Musica Viva, 1968
![Page 23: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/23.jpg)
Massimo Vignelli for National Park Service
Unigrid as a solution to large-scale design and production of many different publications.
![Page 24: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/24.jpg)
Grids on the Web
![Page 25: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/25.jpg)
Crate & Barrelcrateandbarrel.com
![Page 26: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/26.jpg)
Product Display
![Page 27: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/27.jpg)
‘Inventory’ Display
![Page 28: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/28.jpg)
Text Forms
![Page 29: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/29.jpg)
Comment Is Freecommentisfree.guardian.co.uk
![Page 30: Grids Are Good 1 DaVinci, “The Vitruvian Man” 1492. Le Corbusier, “Modulor” 1948. Right Up to the Modern Day Ornamentation From this… Leopoldo Metlicovitz, “Fleurs de Mousse,”](https://reader033.fdocuments.net/reader033/viewer/2022052712/5b000c1c7f8b9a6a2e8c1087/html5/thumbnails/30.jpg)
Main Page