Tag: structure

Slammer 1.0

A new, robust ver­sion of Slam­mer that super­im­poses a cus­tomiz­able grid over any window.

Create a Grid Based Resume

Use the power of grid based designs to cre­ate a struc­tured and pro­fes­sional page lay­out in InDesign.

Build Typeface

Build is a grid based hand­set type­face designed by Steven Bon­ner to give a struc­tured, geo­met­ric look to short pas­sages of type such as head­lines and is per­fect for display usage.

From Golden Mean to “Rule of Thirds”

An arti­cle by Garr Reynolds that explains the basic tech­nique of the Rule of Thirds and how it relates to the Golden Mean or Golden Section.

Thinking with Type: Grid

An on-line com­pan­ion to the book Think­ing with Type by Ellen Lup­ton that con­tains a sec­tion on single-column, multi-column and modular grids.

Andrew Stewart Photography

Beau­ti­ful, sim­ple, grid based site design for pho­tog­ra­pher Andrew Stewart.

Quiet Structure

Quiet struc­ture is achieved when you de  –  empha­size the struc­tural ele­ments and bring a rhyth­mi­cal con­sis­tency to the layout.

The Grid Book

Exam­ines the his­tory of ten grids that changed the world and charts the evo­lu­tion of each.

The Complex Grid

Cre­at­ing a com­plex grid sys­tem that allows for a lay­out to be divided into 2, 3, 4, and 6 columns and that’s based on Karl Gerstner’s grid for CAPITAL magazine.

Six Creative Column Techniques

Effec­tive ways of get­ting cre­ative with your columns in grid-based Web design.

Grid Computing and Design

Khoi Vinh writes about estab­lish­ing a ratio­nal and sus­tain­able lay­out grid for his Sub­trac­tion site. He explains how he shoe­horns pre­vi­ous arti­cles into the new framework.

Typographic Systems of Design

Typo­graphic Sys­tems explores eight major struc­tural sys­tems beyond the tra­di­tional order­ing sys­tems of the grid  –  includ­ing ran­dom, radial, mod­u­lar, and bilateral systems.

Sarah France

Beau­ti­ful port­fo­lio site by Sarah France with a well designed six col­umn grid system.

UX Magazine

A well designed col­lab­o­ra­tive site, with a very nice grid struc­ture, that focuses on user experience.

The Grid: The Structure of Design

Using a grid is one of those basic design principles. A grid is made up of ver­ti­cal and hor­i­zon­tal lines and is the foun­da­tion of nearly every type of visual media.

Grids: Order Out of Chaos

Many of the pages that you see every­day have a grid. You may not see it but it is there, hold­ing up the design, estab­lish­ing struc­ture, guid­ing the page elements.

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