Tag: golden section

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.

The Golden Proportion

The golden sec­tion– a pre­cise way of divid­ing a line, music or any­thing else-is showed up early in mathematics.

The Golden Ratio in Web Design

You would be sur­prised to find out that most aes­thet­i­cally pleas­ing designs, works of art, objects and even peo­ple have math in com­mon. Specif­i­cally the Golden Ratio…

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.

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.

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.

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.

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