mike afford media LOGO
RSS 

Golden Ratio iCloud icon revisited

Posted by Mike in Mac stuff, recreation, weather

I recently came across an article (albeit from last year I think) by Takamasa Matsumoto concerning the Apple ‘iCloud’ icon and the Golden Ratio. He explains that the basic shape of the cloud icon is based on four circles and both pairs of diameters are in the ratio 1:1.6. The ratio of height to length of the whole cloud shape is also 1.6 – which is ‘close to’ the Golden Ratio.

I’m someone with more than a passing interest in cloud icons, so this got me wondering…


The actual value of the Golden Ratio (a.k.a. Golden Section, Golden Mean, Divine Proportion, and often written as the Greek letter phi, φ) is (√5+1)/2 or 1.6180339887… So why would the Apple iCloud icon use a value of only 1.6? Perhaps by accident, rather than by design?

I mean, if you’re going to the effort of basing something on the Golden Ratio, wouldn’t you try and get the number right, or at least use a better approximation? It’s not as if graphics software can’t handle more than one decimal place…

Would the real iCloud please stand up

To find out if 1.6 really is close enough, I thought it might be interesting to see just what a ‘true’ Golden Ratio cloud icon might look like.
How easy would it be to tell them apart? And might one be more ‘beautiful’ than the other?

golden ratio icloud

How to build a ‘True Golden Ratio Cloud’

First we need a bounding box to fit our cloud in. This time, the ratio of height to length needs to be exactly 1:φ

The ratio of the diameters of our first two circles needs also to be exactly ‘golden’. A very quick and easy method is to halve the width and height of the bounding box and use these values as the diameters. The circles are now precisely in ‘divine’ proportion.

golden ratio cloud

The first circle sits exactly on the line that divides the length of the box according to the golden ratio. The second circle is placed so it’s touching the baseline and the right edge.

golden section cloud

We now need two more ‘divinely proportioned’ diameters for our remaining two circles. Surely it would be churlish not to make them 1/φ and 1/φ²…?

golden ratio icloud construction

Let’s place the larger of them on the baseline at the left. The smaller one can sit in a number of different and potentially ‘pleasing’ locations, but let’s try putting it on the line that splits the height of the bounding box according to the Golden Ratio. We can position it so that its left edge lines up vertically with the centre of the other circle.

golden section icloud sizes

The centre of the small circle also sits exactly halfway along a unit square horizontally. That’s the beauty of sticking to an accurate value for the Golden Ratio – inevitably ‘happy accidents’ tend to be exact.

golden section icloud circle position

So what does that give us…??

Well, as you can see, my ‘true’ Golden Ratio cloud is different, but not wildly different from the actual Apple iCloud symbol.

true golden ratio icloud

I guess there’s a few possible explanations.

Maybe it’s just pure coincindence. The designer of the original Apple iCloud logo just created something that looked visually pleasing to him/her with NO (intentional) reference to the Golden Ratio.

Maybe the designer intended to use the Golden Ratio, but felt that 1: 1.6 was near enough. Or mistakenly thought that phi was 1.6000000…

Or perhaps the original design of the iCloud logo WAS based precisely on the correct value for the golden section, but for reasons unknown was altered slightly somewhere down the line.

Who knows.

Conclusion

Is there a conclusion…? I’m not sure.

But I suppose my point is this. You don’t have to look very far to find designs with proportions that are ‘close to’ the Golden Ratio. But that doesn’t necessarily mean that they’re actually based on anything at all. Any particular ‘beauty’ they possess may simply be the result of good judgement by the designer. And even when the Golden Ratio IS used as a precise starting point, subsequent revisions ‘by eye’ may produce a MORE aesthetically pleasing result. ‘Divine’ proportions aren’t necessarily better than mundane ones.

So, finally, lets see if we can answer the original questions above.

Q. Is one of these clouds the real Apple iCloud icon?
A. Yes. It was the one on the right.

Q. Is one of these clouds more ‘visually pleasing’ than the other?
A. Well, you decide. Which is it? Personally I think the Apple one is still better – somehow more ‘balanced’.

Further Reading

You can read the original article by Takamasa Matsumoto here (English version) The law of beauty hidden behind the iCloud icon

I was also inspired by Scott Hanselman’s article There is only one Cloud Icon in the Entire Universe

You can read about some of my own work for BBC Weather on the BBC’s cloud icons here

Share this page
  • email
  • Twitter
  • Facebook
  • del.icio.us
  • Digg
  • LinkedIn
  • StumbleUpon
  • Reddit

Leave a Reply



I'm SO sorry to have to do this, but here's a quick anti-SPAM question...



And now please enter your comment below...