23
>16 comments (/design/designers-guide-golden-ratio-12121546#comments-list) Jan 27, 2014 13:56 pm Tweet 2,405 2.4k Like 171 GRAPHIC DESIGN FEATURE The Golden Ratio is a simple theory that can help make your designs pleasing on the eye. We explain how to use it. There's a common mathematical ratio found in nature that can be used to create pleasing, natural looking compositions in your design work. We call it the Golden Ratio, although it's also known as the Golden Mean, The Golden Section, or the Greek letter Phi. Based on the Fibonacci Sequence (http://en.wikipedia.org/wiki/Fibonacci_number) (which you may remember from either your school mathematics lessons or Dan Brown's 10 beautiful spirit bottle labels (/spirit-bottle-labels-1131545) < University website is a cut above the competition (/html5/university-website-cut-above-12121547) > Designer's guide to the Golden Ratio > 185 Share We use cookies on this website. By using this site, you agree that we may store and access cookies on your device. Find out more and set your preferences here (http://www.futureplc.com/cookies-policy/) x

Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Embed Size (px)

DESCRIPTION

For design lovers

Citation preview

Page 1: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

gt16 comments (designdesigners-guide-golden-ratio-12121546comments-list)

Jan 27 2014 1356 pm

Tweet

2405 24k

Like

171

GRAPHIC DESIGN FEATURE

The Golden Ratio is a simple theory that can help make your designs

pleasing on the eye We explain how to use it

Theres a common mathematical ratio found in nature that can be used

to create pleasing natural looking compositions in your design work We

call it the Golden Ratio although its also known as the Golden Mean

The Golden Section or the Greek letter Phi

Based on the Fibonacci Sequence

(httpenwikipediaorgwikiFibonacci_number) (which you may

remember from either your school mathematics lessons or Dan Browns

10 beauti ful spi r it bottle

labels

(spirit-bottle-labels-1131545)

ltUni versity websi te is a cut

a bo ve the co mpeti ti on

(html5university-website-cut-above-12121547)

gt

Designers guide to the Golden Ratiogt185

Share

We use cookies on this website By using this site you agree thatwe may store and access cookies on your device Find out more

and set your preferences here(httpwwwfutureplccomcookies-policy)

x

novel The Da Vinci Code) the Golden Ratio describes the relationship

between two proportions

Fibonacci numbers like many elements found in nature follow a 1161

ratio - this is what we refer to as the Golden Ratio and as it forms such a

common sight in nature it feels pleasing to the eye when we use this

same ratio in our design work

The Golden Ratio is the relationship between two numbers on the Fibonacci

Sequence

gt

Its believed that the Golden Ratio has been in use for at least 4000

years in human art and design but it may be even longer than that -

some people argue that the Ancient Egyptians used the principle to build

the pyramids In more contemporary times the Golden Ratio can be

observed in music art and design all around you

Use of the Golden Ratio is well documented in art and design throughout

history and can be seen in everything from architecture to the grand

masters By applying a similar working methodology you can bring the

same design sensibilities to your own work Here are just a couple of

examples to inspire you

The Parthenon

and plotting the relationships in scale provides us with a spiral that can

be seen in nature all around us

gt

Examples of usegt

Ancient Greek architecture used the Golden Ratio to determine pleasing

dimensional relationships between the width of a building and its height

the size of the portico and even the position of the columns supporting

the structure The final result is a building that feels entirely in

proportion The neo-classical architecure movement reused these

principles too

The Last Supper

Leonardo da Vinci like many other artists throughout the ages made

extensive use of the Golden Ratio to create pleasing compositions In the

last supper the figures are arranged in the lower two thirds (the larger

of the two parts of the Golden Ratio) and the position of Jesus is

perfectly plotted by arranging golden rectangles across the canvas

2010 Twitter redesign

Examples in web designgt

Twitterrsquos creative director Doug Bowman posted this screengrab on its

Flickr page to explain how the company used the golden ratio in its 2010

redesign To anyone curious about NewTwitter proportions know

that we didnt leave those ratios to chance he teased

Apple iCloud

Twitter didnt leave its 2010 redesign to chancegt

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 2: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

novel The Da Vinci Code) the Golden Ratio describes the relationship

between two proportions

Fibonacci numbers like many elements found in nature follow a 1161

ratio - this is what we refer to as the Golden Ratio and as it forms such a

common sight in nature it feels pleasing to the eye when we use this

same ratio in our design work

The Golden Ratio is the relationship between two numbers on the Fibonacci

Sequence

gt

Its believed that the Golden Ratio has been in use for at least 4000

years in human art and design but it may be even longer than that -

some people argue that the Ancient Egyptians used the principle to build

the pyramids In more contemporary times the Golden Ratio can be

observed in music art and design all around you

Use of the Golden Ratio is well documented in art and design throughout

history and can be seen in everything from architecture to the grand

masters By applying a similar working methodology you can bring the

same design sensibilities to your own work Here are just a couple of

examples to inspire you

The Parthenon

and plotting the relationships in scale provides us with a spiral that can

be seen in nature all around us

gt

Examples of usegt

Ancient Greek architecture used the Golden Ratio to determine pleasing

dimensional relationships between the width of a building and its height

the size of the portico and even the position of the columns supporting

the structure The final result is a building that feels entirely in

proportion The neo-classical architecure movement reused these

principles too

The Last Supper

Leonardo da Vinci like many other artists throughout the ages made

extensive use of the Golden Ratio to create pleasing compositions In the

last supper the figures are arranged in the lower two thirds (the larger

of the two parts of the Golden Ratio) and the position of Jesus is

perfectly plotted by arranging golden rectangles across the canvas

2010 Twitter redesign

Examples in web designgt

Twitterrsquos creative director Doug Bowman posted this screengrab on its

Flickr page to explain how the company used the golden ratio in its 2010

redesign To anyone curious about NewTwitter proportions know

that we didnt leave those ratios to chance he teased

Apple iCloud

Twitter didnt leave its 2010 redesign to chancegt

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 3: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Its believed that the Golden Ratio has been in use for at least 4000

years in human art and design but it may be even longer than that -

some people argue that the Ancient Egyptians used the principle to build

the pyramids In more contemporary times the Golden Ratio can be

observed in music art and design all around you

Use of the Golden Ratio is well documented in art and design throughout

history and can be seen in everything from architecture to the grand

masters By applying a similar working methodology you can bring the

same design sensibilities to your own work Here are just a couple of

examples to inspire you

The Parthenon

and plotting the relationships in scale provides us with a spiral that can

be seen in nature all around us

gt

Examples of usegt

Ancient Greek architecture used the Golden Ratio to determine pleasing

dimensional relationships between the width of a building and its height

the size of the portico and even the position of the columns supporting

the structure The final result is a building that feels entirely in

proportion The neo-classical architecure movement reused these

principles too

The Last Supper

Leonardo da Vinci like many other artists throughout the ages made

extensive use of the Golden Ratio to create pleasing compositions In the

last supper the figures are arranged in the lower two thirds (the larger

of the two parts of the Golden Ratio) and the position of Jesus is

perfectly plotted by arranging golden rectangles across the canvas

2010 Twitter redesign

Examples in web designgt

Twitterrsquos creative director Doug Bowman posted this screengrab on its

Flickr page to explain how the company used the golden ratio in its 2010

redesign To anyone curious about NewTwitter proportions know

that we didnt leave those ratios to chance he teased

Apple iCloud

Twitter didnt leave its 2010 redesign to chancegt

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 4: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Ancient Greek architecture used the Golden Ratio to determine pleasing

dimensional relationships between the width of a building and its height

the size of the portico and even the position of the columns supporting

the structure The final result is a building that feels entirely in

proportion The neo-classical architecure movement reused these

principles too

The Last Supper

Leonardo da Vinci like many other artists throughout the ages made

extensive use of the Golden Ratio to create pleasing compositions In the

last supper the figures are arranged in the lower two thirds (the larger

of the two parts of the Golden Ratio) and the position of Jesus is

perfectly plotted by arranging golden rectangles across the canvas

2010 Twitter redesign

Examples in web designgt

Twitterrsquos creative director Doug Bowman posted this screengrab on its

Flickr page to explain how the company used the golden ratio in its 2010

redesign To anyone curious about NewTwitter proportions know

that we didnt leave those ratios to chance he teased

Apple iCloud

Twitter didnt leave its 2010 redesign to chancegt

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 5: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Leonardo da Vinci like many other artists throughout the ages made

extensive use of the Golden Ratio to create pleasing compositions In the

last supper the figures are arranged in the lower two thirds (the larger

of the two parts of the Golden Ratio) and the position of Jesus is

perfectly plotted by arranging golden rectangles across the canvas

2010 Twitter redesign

Examples in web designgt

Twitterrsquos creative director Doug Bowman posted this screengrab on its

Flickr page to explain how the company used the golden ratio in its 2010

redesign To anyone curious about NewTwitter proportions know

that we didnt leave those ratios to chance he teased

Apple iCloud

Twitter didnt leave its 2010 redesign to chancegt

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 6: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Twitterrsquos creative director Doug Bowman posted this screengrab on its

Flickr page to explain how the company used the golden ratio in its 2010

redesign To anyone curious about NewTwitter proportions know

that we didnt leave those ratios to chance he teased

Apple iCloud

Twitter didnt leave its 2010 redesign to chancegt

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 7: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

The design of Apples iCloud icon was firmly based on the mathematics

of the Golden Ratio as Takamasa Matsumoto explains in this blog post

(httpstam-design-stamblogspotcouk201106law-of-beauty-

hidden-behind-icloud-iconhtml) (original Japanese version here

(httpstam-design-stamblogspotcouk201106icloudhtml)) and

demonstrates in the annotated image shown below

The iCloud icon design wasnt just a random sketchgt

but clearly based on the Golden Ratiogt

Examples in naturegt

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 8: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

There are numerous examples of the Golden Ratio in nature - you can

observe the ratio all around you Flowers sea-shells pineapples and

even honeycombs all exhibit the same principle ratio in their make-up

So using the Golden Ratio in your design work is both appropriate and

foreshadowed in our everyday environment

Creating a Golden Rectangle is pretty straightforward and starts with a

basic square Follow the steps below to create your own Golden Ratio

Step 01

The Golden Ratio can be seen in nature all around us from seashells to

flowers

gt

How to construct a Golden Ratio rectanglegt

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 9: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Draw a square This will form the length of the short side of the

rectangle

Step 02

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 10: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Divide your square in half with a vertical line leaving you with two

rectangles

Step 03

In one rectangle draw a line from one corner to the opposite corner

Step 04

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 11: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Rotate this line so that it appears horizontally adjacent to the first

rectangle

Step 05

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 12: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Create a rectangle using the new horizontal line and original rectangle as

guides

Using the Golden Ratio is simpler than you might think There are a

couple of quick tricks you can use to estimate it into your layouts or you

can plan a little more and fully embrace the concept

The quick way

If yoursquove ever come across the Rule of Thirds yoursquoll be familiar with the

idea that by dividing an area into equal thirds both vertically and

horizontally the intersection of the lines will provide a natural focal point

for the shape

Photographers are taught to position their key subject on one of these

intersecting lines to achieve a pleasing composition and the same

principle can be used in your page layouts web mockups and poster

designs

Although the rule of thirds can be applied to any shape if you apply it to

a rectangle with proportions approximately 116 you get very close to a

Golden Rectangle which makes the composition all the more pleasing to

the eye

Full implementation

If you want to fully implement the Golden Ratio into your design you

can do so easily by ensuring that the relationship between your content

area and sidebar (in a website design for example) adheres to the 1161

ratio

Itrsquos okay to round this up or down by a point or two to make the

numbers worth with pixels or points - so if you have a content area of

640px a sidebar of 400px will match the Golden Ratio well enough to

Use the Golden Ratio in your design workgt

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 13: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

work even though itrsquos actually a ratio of 116

Of course you can also sub-divide the content and sidebar areas up

using the same ratio and the relationship between a webpagersquos header

content area footer and navigation can also be designed using the same

basic Golden Ratio

01 goldenRATIO(httpsitunesapplecomusappgoldenratio-tool-for-everyid485258055mt=12)

Using the Golden Ratio in a web-page layout provides a natural eye-

pleasing result

gt

Golden Ratio toolsgt

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 14: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

GoldenRATIO is an app providing an easy way to design websites

interfaces and layouts according to the golden ratio Available in the Mac

App Store for $299 the app features a built-in calculator with visual

feedback a favourites feature that stores you screen position and

settings for repetitive tasks and a Click-thru mode which means you

can use it as an overlay in Photoshop and still work on the canvas

02 Golden Ratio Typography Calculator(httpwwwpearsonifiedcomtypography)

This calculator from Pearsonified helps you to create the perfect

typography for your website in line with Golden Ratio principles Just

enter a font size content width or both into the field on the website and

click the Set my type button If yoursquod like to optimize for characters per

line you can enter an optional CPL value

03 Phicalculator(httpwwwthismanslifecoukprojectsphiculator)

GoldenRATIOs favourites feature stores your settings for repetitive tasksgt

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 15: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

This simple but useful free app is available for both Mac and PC Give it

any number and it will calculate the corresponding number according to

the golden ratio

04 Atrise Golden Section(httpatrisecomgolden-section)

Phicalculator does one job and it does it very wellgt

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 16: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

This on-screen ruler and grid software saves you all that messing about

with calculations and allows you to design using the golden section

proportion visually You can see and change the harmonious forms and

sizes while being directly in the process of working on your project A

regular license costs $49 but you can download a free trial version thats

good for 30 days

Words Sam Hampton-Smith (httptwittercomsamhs)

Also read

Atrises tool lets you design visually according to the Golden Ratiogt

Underrated web design tools (httpwwwcreativebloqcomweb-

design-tipsunderrated-web-design-tools-1232782)

The best tools for choosing a colour scheme

(httpwwwcreativebloqcomcolourtools-colour-schemes-12121430)

Great online collaboration tools (httpwwwcreativebloqcomdesign-

tools10-great-online-collaboration-tools-designers-912855) for

designers

The best wireframing tools (httpwireframing20tools) for designers

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 17: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

Have you seen a great example of the Golden Ratio in use Let us

know in the comments below

Tags Graphic design (taggraphic-design) Web design (tagweb-design)

Illustration (tagillustration) Feature (tagfeature)

BEST FROM AROUND THE WEB

Recommended by

16 COMMENTS

If You Have Gmail You

Need This

(bijansabetcom)

10 Essential SEO Terms

You Should Know

(Titan SEO)

Artists on Artists |

Richard Tuttle on

Frederic Remington

Purveyor of Wild West

Nostalgia

(httpbijansabetcompost657216787sanebox-a-better-gmail-experience)(httpwwwtitan-seocomNewsArticlesseo-termshtml)

(usersr4ltman)

r4ltman

December 17 2012 at2201

Donald duck in math magic land

Report abuse (futurereportcomment816destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at0046

ive always used the Golden Ratio when designing

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 12

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 18: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 7 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

httpwwwjimkrausedesigncombookshtml

(httpwwwjimkrausedesigncombookshtml)

httpwwwjimkrausedesigncomdbi_1html

(httpwwwjimkrausedesigncomdbi_1html)

Report abuse (futurereportcomment818destination=node2F1546)

(userscharries)

charries(httpprimordialwaterswordpresscomwp-admin)

December 18 2012 at1755

How convenient this article popped up just before I started a

mathematics based design project

Report abuse (futurereportcomment822destination=node2F1546)

(usersalan092177)

alan092177

December 18 2012 at2142

sorry in my earlier post i indicated that the artboard and the line

should be 12 and that the golden ratio marker should be at 7 i

was wrong the width of the artboard and the line should be 13 and

the marker should be at 8

The other way to make a Golden Ratio guide (mine is more of a

ruler though) is by

1) In your vector graphic editor (Illustrator CorelDRAW etc)

make an artboard with the a width of 13

2) Make a horizontal line equivalent of the artboard

3) Place a short vertical line at the 8 mark of the horizontal line

4) Save as EPS

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 19: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

5) Resize by constraining the proportions

More or less thats how I created mine

Above instructions originally appeared on the book Design Basics

Index of designer Jim Krause

Report abuse (futurereportcomment823destination=node2F1546)

(usersstories2wear)

Stories2Wear

December 21 2012 at1807

I am trying to find examples of the Golden Ratio in nature and

insects anyone got any tips Great article

Report abuse (futurereportcomment852destination=node2F1546)

(usersalan092177)

alan092177

January 02 2013 at0055

Stories2Wear

httpenwikipediaorgwikiFileAeonium_tabuliformejpg

(httpenwikipediaorgwikiFileAeonium_tabuliformejpg)

the swirling pattern on the shell of snails are said to be a good

example of the golden ratio i just couldnt find where i readsaw

that

Report abuse (futurereportcomment879destination=node2F1546)

(usersapplexdesign)

applexdesign(httpapplexlogosblogspotit)

January 12 2013 at0952

Great post Thanks for sharing

Report abuse (futurereportcomment960destination=node2F1546)

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 20: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

(userspatriotdesigns)

Patriotdesigns

March 19 2013 at 1610

Is it just me but when I find articles about the Golden Ratio it

always creeps me out a little L

Report abuse (futurereportcomment1434destination=node2F1546)

(usersvoxie)

voxie

March 21 2013 at 1447

Amazing I feel I have always used this technique a little anyway it

just didnt have a name Thanks for highlighting this Ill research

more into it and use it more

Report abuse (futurereportcomment1457destination=node2F1546)

(usersasynsis)

ASYNSIS

March 25 2013 at 0611

Its dynamics-led the static spatial forms we see are the

condensates from thermodynamical temporal processes for the

geometric signatures of these in time for a new paradigm of Form

follows Flow

Cosmomimetic Design in Nature Consciousness amp Culture - Asynsis

Principle-Constructal Law Seminar Shanghai University-Nantes

Lecole de Design wpmep1zCSP-2i via ASYNSIS

Report abuse (futurereportcomment1492destination=node2F1546)

(userspeterwooster)

PeterWooster

March 29 2013 at 1050

Great article I use the Golden Ratio all the time it always provides

a pleasing proportions

One error its the Parthenon in Athens not the Panthenon The

Pantheon (only one n) is in Rome

Report abuse (futurereportcomment1541destination=node2F1546)

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 21: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

(usersdanielflippance)

danielflippance

June 17 2013 at 0308

The fibonacci sequence is not the same as the Golden Ratio - it is an

approximation Each pair of sequential numbers in the fibonacci

sequence has a different ratio

12 = 12

23 = 115

35 = 116666666

58 = 116

Report abuse (futurereportcomment2534destination=node2F1546)

(userskennethhart)

Kennethhart

August 06 2013 at 1435

My appreciation for the Golden Section started my first year in

architecture school and to this day ndash still amazes how intuitively we

respond to the proportional system in both the natural and

manmade environments A great ndash brief ndash but to the point article

THX Ken

Report abuse (futurereportcomment3120destination=node2F1546)

(userstimgcreative)

timgcreative

August 07 2013 at 1725

Technically not 161 Ratio is 11618 (1618033988749895) ie

closer to 162

Report abuse (futurereportcomment3136destination=node2F1546)

(usersychampo)

ychampo

October 25 2013 at1005

danielflippance -

youre right the fibonacci sequence is not the Golden ratio - but I

believe no-one made that claim However the two are closely

related The growth rate in the Fibonacci sequence for example

tends toward the Golden Ratio (the two would meet toward

inifinity if that were possible) and that has always filled me with

awe

Report abuse (futurereportcomment4263destination=node2F1546)

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 22: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

log in with your Creative Bloq account

Username Password

or

Advertising (Advertising) About Us (About-Us) Contact (Contact)

Future is AOP amp PPA Digital Publisher of the Year and BMA Media Company of the Year

Creative Bloq is part of Future plc an international media group and leading digital publisher We produce content across f ive core areas

TechRadar (httpw w w techradarcom)

Technology

CVG (httpw w w computerandvideogamescom)

Entertainment

MusicRadar (httpw w w musicradarcom)

Music

Digital Camera World (httpw w w digitalcameraw orldcom)

Creative

Top

Log in to Creative Bloq with your preferred social network to comment

Log in

Forgotten your username or password (userpassword)

(userscleverthinkingmedia)

cleverthinkingmedia

January 30 2014 at1605

Hi might want to check out these t-shirt designs

httpwwwdsyfacomproductspiral-tee

(httpwwwdsyfacomproductspiral-tee)

Report abuse (futurereportcomment5596destination=node2F1546)

Dont have an accountJoin now Its completely free and takes seconds Join (userregister)

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885

Page 23: Guide to the Golden Ratio _ Graphic Design _ Creative Bloq

T3 (httpw w w t3com)

Mac|Life (httpw w w maclifecom)

Gizmodo UK (httpw w w gizmodocouk)

More (httpw w w futureplccomw hat-w e-doportfoliostechnology)

PC Gamer (httpw w w pcgamercom)

GamesRadar (httpw w w gamesradarcom)

Total Film (httpw w w totalf ilmcom)

More (httpw w w futureplccomw hat-w e-doportfoliosentertainment)

Guitarist (httpw w w musicradarcomguitarist)

FutureMusic (httpw w w musicradarcomfuturemusic)

Rhythm (httpw w w musicradarcomrhythm)

More (httpw w w futureplccomw hat-w e-doportfoliosmusic)

Mollie Makes (httpw w w molliemakescom)

Photography Week (httpphotographyw eekdigitalcameraw orldcom)

The Simple Things (httpw w w thesimplethingscom)

More (httpw w w futureplccomw hat-w e-doportfolioscreative)

BikeRadar (httpw w w bikeradarcom)

Cyclingnew s (httpw w w cyclingnew scom)

Football Week (httpw w w thefootballw eeknet)

TriRadar (httpw w w triradarcom)

More (httpw w w futureplccomw hat-w e-doportfoliossport-and-auto)

Sport amp Auto

About Future (httpw w w futureplccomabout) Jobs (httpw w w yourfuturejobcom) PR (httpw w w futureplccomnew s)

Advertising (httpw w w futureplccomw hat-w e-doadvertising-solutions) Digital Future (httpadvertisingdigitalfuturecom)

Privacy Policy (httpw w w futureplccomprivacy-policy) Cookies Policy (httpw w w futureplccomcookies-policy)

Terms amp Conditions (httpw w w futureplccomterms-and-conditions) Subscriptions (httpw w w myfavouritemagazinescouk)

Investor Relations (httpw w w futureplccominvestors) Contact Future (httpw w w futureplccomcontact)

copy Future Publishing Limited Beauford Court 30 Monmouth Street Bath BA1 2BW All rights reserved England and Wales company registration

number 2008885