The Grid System

Universal Principles of Design

Antonio — Thu, 05 Nov 2009 04:12:48 +0000

Universal Principles of Design is the first comprehensive, cross-disciplinary encyclopedia of design.

Neutica+

Antonio — Thu, 05 Nov 2009 04:01:54 +0000

Neutica+ is a Wordpress theme that features a strict, grid based design mixed with clean typography.

Grid-based Layout

Antonio — 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.

Atrise Golden Section

Antonio — Thu, 05 Nov 2009 03:56:45 +0000

Atrise Golden Section allows you to design using the golden section proportion visually over your preferred design software.

Designing for the Web

Antonio — Thu, 08 Oct 2009 18:56:30 +0000

A Practical Guide to Designing for the Web has written explanations of the core principles of graphic design in relation to the web.

Evo4 CMS Wordpress Theme

Antonio — Thu, 08 Oct 2009 18:46:22 +0000

A Wordpress theme based on a 4-column grid system.

Rule of Thirds

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

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

Adaptive Grid System based on the Golden Section

Antonio — Thu, 08 Oct 2009 18:40:51 +0000

A two column grid system based on Mark Boulton’s Adaptive Grid Systems article.

Making a Perfect Grid-aligned Website using Gridfox and Firebug

Antonio — 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 — 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.

The Way of Typography

Antonio — Fri, 18 Sep 2009 14:02:12 +0000

The book also goes into depth on how to create grid systems by hand with only pencil, straightedge and compass.

45+ CSS Grid Systems, Layout Generators and Tutorials

Antonio — Fri, 18 Sep 2009 13:59:30 +0000

In this article tripwire magazine presents a large collection of CSS Grid Systems, online generators and tutorial on how to use these in your design.

Designing with a Grid

Antonio — 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.

Grid Calculator 1.3

Antonio — Thu, 27 Aug 2009 13:49:49 +0000

A new version of the excellent Grid Calculator has been released for the Mac. The main feature of this upgrade is the ability to calculate grids for web design.

Designing With Grid-Based Approach

Antonio — 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.

Build Typeface

Antonio — Mon, 24 Aug 2009 19:59:40 +0000

Build is a grid based handset typeface designed by Steven Bonner to give a structured, geometric look to short passages of type such as headlines and is perfect for display usage.

From Golden Mean to “Rule of Thirds”

Antonio — 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.

Baseline

Antonio — Mon, 24 Aug 2009 19:53:48 +0000

Baseline is a CSS typographic framework that makes it easy to develop a website with a pleasing grid and good typography and uses a “real” baseline grid as its foundation.

Thinking with Type: Grid

Antonio — 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 — Thu, 23 Jul 2009 02:27:50 +0000

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