Upload
chandra-pathak
View
46
Download
0
Tags:
Embed Size (px)
DESCRIPTION
For design lovers
Citation preview
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
(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
(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
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
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