先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。
では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。
まずは、なんとなく眺めてみましょう。
雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。
なんとなく眺めているだけでは美しさの理由に迫れないので、もう少し目を凝らして見てみましょう。
勘の良い方は既にお気づきだったかと思いますが、形の中に4つの円が隠れていることに気がつきます。一見、何となく描いたように見えるカーブでも正円で構成することでバランスのとれた形になっていることが分かります。
つまり、「アイコンの美しさは幾何学で構成することにあり」ということが分かるわけですが、単純にランダムな円を配置していくだけでバランスのとれたデザインに仕上げることができるか、と考えるとあらゆる可能性が頭をもたげ、少し疑問に思えてきてしまいます。
そこで、さらなる理由を追い求めて、今度は円の直径を測ってみました。
すると…
なんとまあ、それぞれ左右の円の比率が1:1.6と、見事に黄金比に近い比率になっているではありませんか。
さらにさらに、雲の形の比率も調べてみると…。
まさに、「One more thing」。
幾何学だけでなく、黄金比のような原理的な法則を駆使しながら、美しさを無意識に訴えかけるスキのないデザインに仕上がっていますね。
まとめてみると…
・曲線を幾何学で構成(補正)することでバランスのとれた形になる
・細部のランダムな大きさの中にも一定の法則を適用することで、全体的にバランスのとれたデザインになる
シンプルなのに奥深い。
恐るべし、appleのデザイン哲学。
Tweet




失礼。
ReplyDelete>なんとまあ、それぞれ左右の円の比率が1:6と、見事に黄金比に近い比率になっているではありませんか。
比率の部分「1:6」ではなく「1:1.6」ですね。
話の流れでわかりますけど、ちょっと気になったので。
>SAKITA Masaoさん
ReplyDeleteご指摘ありがとうございます。
早速訂正いたしました。
> 今度は円の面積を測ってみました。
ReplyDelete本当に測りましたか?
1:1.6になっているのは円の直径(もしくは半径)で、面積は1:2.56になっていますよ。
>bun*cさん
ReplyDeleteですね。初歩的なところを間違っていました。
お恥ずかしい限りです。
記事訂正いたしました。
ご指摘ありがとうございました。
素早い修正ありがとうございます。
ReplyDeleteって私が「ありがとう」っていうのもヘンですが・・・。
細かい間違い指摘しちゃってすみません。
記事の内容が素晴らしかったもので、つい。
目の付け所がいいですね。
Wow. Nice.
ReplyDeleteinteresting observations, i'd love to see more design break down and analysis like this, the ministry of type and temple of seven golden camels are other good sources, but they are hard to come by.please consider translating more articles for your internationnal audience ! thank you
ReplyDelete>pat
ReplyDeleteThank you for your comments.
Your comment is very encouraging to me.
I'll try to live up to more readers expectations:)
とても素晴らしい洞察です。こういう見事なデザインの説明をWeb上で読むと、幸せを感じます。
ReplyDelete素晴らしいですね。素晴らしいデザインにはやはり素晴らしい受け手側のセンスが必要なのだと再確認しました。
ReplyDelete