Tag: golden ratio

Applying Mathematics to Web Design

Because of its beau­ti­ful nature, mathematics has been a part of art and archi­tec­tural design for ages. But it has not been exploited much for website design.

Mystery of Golden Ratio Explained

The Egyp­tians sup­pos­edly used it to guide the con­struc­tion the Pyra­mids. The archi­tec­ture of ancient Athens is thought to have been based on it.

Universal Principles of Design

Uni­ver­sal Prin­ci­ples of Design is the first com­pre­hen­sive, cross-disciplinary ency­clo­pe­dia of design.

Atrise Golden Section

Atrise Golden Sec­tion allows you to design using the golden sec­tion pro­por­tion visu­ally over your pre­ferred design software.

Adaptive Grid System based on the Golden Section

A two col­umn grid sys­tem based on Mark Boulton’s Adap­tive Grid Systems article.

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.

Making Grids in Illustrator 2

The sec­ond part to Sig­ur­dur Armanns­son excel­lent arti­cle on cre­at­ing grid sys­tems in Adobe Illus­tra­tor. This arti­cle is based around the grid sys­tem devel­oped by Marcus Gärde.

Making Grids in Illustrator

A detailed arti­cle by Sig­ur­dur Armanns­son on how to cre­ate a grid sys­tem in Adobe Illustrator.

O rule + Golden Proportion for Calculating the Gutter in a Grid

There is prac­ti­cally no (or very lit­tle) doc­u­men­ta­tion about this prob­lem on the web or in many typog­ra­phy or grid design books.

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.

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.

Golden Ratio Calculator

Cal­cu­late the golden ratio of a set width on the fly with this online and OS X wid­get based calculator.

Design and the Divine Proportion

A key com­po­nent in the vehi­cle of com­mu­ni­ca­tion is com­po­si­tion, and in design school­ing it is taught as some­thing you should feel rather than create logically.

Golden Ratio in Modern CSS

Har­mony. A word that sounds so beau­ti­ful, like its own mean­ing. But how is it pos­si­ble to achieve it in every place of our lay­out design? “Golden Ratio” is the answer.

The Vignelli Canon

A 96 page PDF book by the mas­ter Mas­simo Vignelli on bet­ter under­stand­ing typog­ra­phy in graphic design with a nice sec­tion of grids.

Feeling Your Way Around Grids

The Golden Sec­tion, Golden Ratio, and the grandiose Divine Pro­por­tion are all names for the same thing; a ratio of 1.618.

Grids In The Real World

It’s one thing to write about how use­ful and impor­tant grids are for a design, it’s another thing to uti­lize them in a real world project.

Five Simple Steps to Designing Grid Systems

Five steps that cover the ele­ments which make a suc­cess­ful grid sys­tem and how they can be applied to a num­ber of media outputs.

Designing Grid Systems for Flash

This arti­cle walks you through the process of cre­at­ing a grid based on the golden ration for a Flash based site that will work for screen res­o­lu­tions of 1024x768 and up.

Geometry of Design

The book focuses on the clas­sic sys­tems of pro­por­tion­ing, such as the golden sec­tion and root rec­tan­gles, as well as sys­tems such as the Fibonacci Series.

Applying Divine Proportion to Your Web Designs

This arti­cle explains what is the Divine pro­por­tion (Golden Ratio) and what is the Rule of Thirds and describes how you can apply both of them effec­tively to your designs.

Phiculator

Phic­u­la­tor is a sim­ple tool which, given any num­ber, will cal­cu­late the cor­re­spond­ing num­ber accord­ing to the golden ratio.

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