February 2009

Interview on Reading Between The Leading

Aaron and Matt invited me to be a part of their online design talk show, Read­ing Between The Lead­ing, where we dis­cussed grid sys­tems and more.

Gridmaker for Photoshop CS4

Grid­Maker is a script for Pho­to­shop which allows speedy devel­op­ment of simple grids.

Grids, The Rule of Thirds, and Rethinking Slide Presentations

A quest for a sim­ple, design-centric Keynote tem­plate that’s more about com­po­si­tion than gra­di­ents and 3D bullet points.

Almost Modern

The Nether­lands based stu­dio Almost Mod­ern have launched a new grid based site design.

The Grid System in Creative Review

A few weeks ago Cre­ative Review Mag­a­zine con­tacted me about doing a small piece in their Feb­ru­ary issue about The Grid System.

Interview with Khoi Vinh

Khoi Vinh is the Design Direc­tor for NYTimes.com, where he leads the in-house design team in user experience innovation.

Illustrator 974px Grid System (12)

By Neil Bradley. Adobe Illus­tra­tor file with a grid sys­tem for a 974px wide page that is divided into 12 columns and rows using the Rule of Thirds (Golden Ratio). Includes a 16px baseline grid.

A Type Primer

A Type Primer pro­vides a prac­ti­cal guide for begin­ners, pre­sent­ing the basic prin­ci­ples and appli­ca­tions of typog­ra­phy. The book includes a sec­tion on how type is applied to a grid.

The Golden Grid

The Golden Grid is a web grid sys­tem. It’s a prod­uct of the search for the per­fect mod­ern grid sys­tem. It’s meant to be a CSS tool for grid based web sites.

Building the Golden Grid

An arti­cle explain­ing the struc­ture and uses of the Golden Grid, a CSS tool for grid based web sites.

The Grid System Forum

Sign up if you have any ques­tions on grids, need help with a grid you’re con­struct­ing, want to get some feed­back on some work or just want to learn about the his­tory of grid systems.

Plumb

Plumb is a tool by Michael Daines for com­pos­ing web lay­outs for use with the Blue­print CSS framework.

Grids Are Good

A PDF by Khoi Vinh and Mark Boul­ton that was pre­sented at the South by South­west fes­ti­val. The PDF cov­ers the his­tory of grids and the walks through the process of build­ing a grid system.

Barbican Identity Guidelines

Stun­ning guide­line book for Bar­bi­can by UK based firm North Design. The book fea­tures a sec­tion on how grids are applied to the identity.

InDesign A4 Complex Grid System (12)

Adobe InDe­sign file with a grid sys­tem based on Karl Gerstner’s work for Cap­i­tal Mag­a­zine. The grid fea­tures a 4, 6 or 12 col­umn and a 4 or 6 row setup.

TypoGridder

A jQuery based tool that gen­er­ates an image with a base­line grid based on the line­height of an element.

Canons of Page Construction

The canons of page con­struc­tion are a set of prin­ci­ples in the field of book design used to describe the ways that page pro­por­tions, mar­gins and type areas of books are constructed.

LegiStyles

LegiStyles™ are a series of cus­tom styles for the RSS reader Net­NewsWire that focus on design and typography.

Five Simple Steps: A Practical Guide to Designing for the Web

Aimed to teach you tech­niques for design­ing your web­site using the prin­ci­ples of graphic design.

About

Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

Created by Antonio Carusone, graphic designer and author of the design and typography blog AisleOne. Special thanks to Duane King for his help and wisdom.

If you want to say hi or for general inquiries, send an email to: hello@thegridsystem.org

Have an article, tool, template or news you want to submit? Send an email to: submit@thegridsystem.org

Subscribe

Want to stay updated with the most recent content? Subscribe below via email for daily updates or to the RSS feed.

Colophon