The Grid System » Articles

Long Live the 12-Column Grid

Antonio Carusone — Fri, 07 May 2010 14:44:14 +0000

When I first crossed the great divide from print to web, one of the earliest things I tried to do was introduce a flexible multi-column grid (you know, like a magazine).

Web Design with Grids

Antonio Carusone — Fri, 07 May 2010 14:42:30 +0000

People, including myself are building sites using grids. Now it seems to me that when you’re designing in a browser you want to be able to follow the grid’s principals all the way through the process.

Applying Mathematics to Web Design

Antonio Carusone — Wed, 03 Mar 2010 03:00:47 +0000

Because of its beautiful nature, mathematics has been a part of art and architectural design for ages. But it has not been exploited much for website design.

Mystery of Golden Ratio Explained

Antonio Carusone — Wed, 03 Mar 2010 02:59:06 +0000

The Egyptians supposedly used it to guide the construction the Pyramids. The architecture of ancient Athens is thought to have been based on it.

The Golden Proportion

Antonio Carusone — Wed, 06 Jan 2010 15:35:05 +0000

The golden section– a precise way of dividing a line, music or anything else-is showed up early in mathematics.

The Golden Ratio in Web Design

Antonio Carusone — Wed, 06 Jan 2010 15:33:48 +0000

You would be surprised to find out that most aesthetically pleasing designs, works of art, objects and even people have math in common. Specifically the Golden Ratio…

Myths & Misconceptions About Grid Systems

Antonio Carusone — Mon, 30 Nov 2009 05:56:00 +0000

A few myths and misconceptions about grids exist in the design community that can be detrimental.

Create a Grid Based Resume

Antonio Carusone — Mon, 23 Nov 2009 03:52:08 +0000

Use the power of grid based designs to create a structured and professional page layout in InDesign.

Grid-based Layout

Antonio Carusone — Thu, 05 Nov 2009 03:59:26 +0000

A grid is a technique that comes from print design but easily be applied to web design as well. In its strictest form a grid is literally a grid of X by Y pixels.

Rule of Thirds

Antonio Carusone — Thu, 08 Oct 2009 18:44:03 +0000

A Wikipedia entry that defines the Rule of Thirds and how it should be applied.

Making a Perfect Grid-aligned Website using Gridfox and Firebug

Antonio Carusone — Thu, 08 Oct 2009 18:36:59 +0000

Have you ever sliced a layout, only for it not to be grid-aligned once it’s scripted?

Typography is a Grid

Antonio Carusone — Fri, 18 Sep 2009 14:25:13 +0000

Grid structures are implicit in the word typography. To mention both typographic, and, in the same breath/sentence, grids, is strictly tautologous.

Designing with a Grid

Antonio Carusone — Fri, 18 Sep 2009 13:58:04 +0000

I wanted to try and give some insight on how I created Version Four using a grid, and how I went from wireframes to the finished website you see here.

Designing With Grid-Based Approach

Antonio Carusone — Mon, 24 Aug 2009 20:02:48 +0000

Smashing Magazine takes a look at over 50 articles about grid-based designs and selected some of the most important and interesting facts.

From Golden Mean to “Rule of Thirds”

Antonio Carusone — Mon, 24 Aug 2009 19:58:32 +0000

An article by Garr Reynolds that explains the basic technique of the Rule of Thirds and how it relates to the Golden Mean or Golden Section.

Thinking with Type: Grid

Antonio Carusone — Thu, 23 Jul 2009 02:30:50 +0000

An on-line companion to the book Thinking with Type by Ellen Lupton that contains a section on single-column, multi-column and modular grids.

Taking the Grids on the Web

Antonio Carusone — Thu, 23 Jul 2009 02:27:50 +0000

An article by Italian designer Andrea Peltrin on how to effectively use grids for web design.

Making Grids in Illustrator 2

Antonio Carusone — Tue, 30 Jun 2009 04:28:19 +0000

The second part to Sigurdur Armannsson excellent article on creating grid systems in Adobe Illustrator. This article is based around the grid system developed by Marcus Gärde.

Seven Smooth Steps to Superb Grids

Antonio Carusone — Tue, 30 Jun 2009 04:23:45 +0000

While grid design is a simple concept, there are now so many tools and ways of doing it that it might get confusing for newcomers.

Making Grids in Illustrator

Antonio Carusone — Mon, 08 Jun 2009 14:04:05 +0000

A detailed article by Sigurdur Armannsson on how to create a grid system in Adobe Illustrator.