黄金比を用いたアイコンの正規化にチャレンジしてみた

黄金比を用いたアイコンの正規化にチャレンジしてみた

デザインが美しく見えるとされる黄金比(1: 1.618…)を用いて、ブログやツイッターなどで使っているアイコンの正規化にチャレンジしてみました。雑記です。

 

黄金比

黄金比とは(1+√5)/2で表される比のこと。縦横比が黄金比の矩形から最大正方形を切り落とした残りの矩形は、やはり黄金比の矩形となり、もとの矩形の相似になるという性質がある。Wikipediaより

 

短い方の辺を1とする正方形を切り取ったとき、余りも必ず黄金比になるという「数学のオモシロ」の1つですが、この比をデザインに用いると美しく見えるということを皆さんも聞いたことがあるのではないでしょうか?

その黄金比を意図的に取り入れてロゴをデザインしているのがAppleのリンゴマークです。

 

完全にピッタリとラインを合わせているわけではありませんが、美しく見えるように黄金比に合わせて作られているのが分かりますね~。

 

これに私も挑戦してみます!

デザインするのはツイッターやYoutubeのアイコンとして使っているこの亀です。

私の完全オリジナルデザインで2017年に誕生しました。(10分ぐらいで作りました)

 

名前は「ハイパータートル」です!Tの由来であるturtleから生まれました。

甲羅模様に見せた「T」と「S」の文字に素人感があっていいでしょ~?

 

ということでこいつを黄金比で綺麗にしてみます!

 

 

黄金比を用いてアイコンを正規化する

具体的にはどうやって?って話なんですけど、とりあえず並べてみます。

 

そしたら次は黄金比を重ねて・・・?何をすればいいんだ?

 

とりあえず分かりやすい足から調整してみます。

比率を保ったままサイズを変形して、ピッタリと合わせます。

 

元が長方形なので黄金比にピッタリと合って気持ちがイイですね。

これでグッドデザインに一歩近づいたはず。

 

同じように顔も黄金比に合わせてみると縦が結構足りていないのでシャクレさせます。

 

これでピッタリと顔が黄金比になりました。

なにか不穏な空気が漂っていますが、黄金比を信じて続けます!

 

目も同じように調整して、

 

その他の部分も全て黄金比に合わせて調整を繰り返し、

出来上がったのがこちらです!

 

ジャン!

ん?これは?

えーっと・・・

 

黄金比で美しくなるとは一体?!

 

私の感覚では劣化してますよこれは!

元がショボいのもありますが、さらにショボくなってます。

 

原因は分かりませんが黄金比を正しく使えていなかったんですかね。デザインって感覚的ではありますが、ちゃんと勉強して知識を備えてはじめてできるものなんですよね。

身にしみました・・・。

 

ということで今回は明らかに失敗だったので、出来上がった画像はサブチャンネルのアイコンとして供養します。

 

黄金比は駄目でしたが白銀比なら・・・?

他にも何か私のアイコンをよくするアイディアがあればコメントからお願いします。

 

この記事へのコメント

  1. 名前:名無しさん 2022/05/01(日) 06:22:34返信する

    黄金長方形の回転を思い出すのぅ
    なんか顔がとぼけちゃってるけど、唇はもうちょい下でいいのでわ?www

  2. 名前:名無しさん 2022/05/01(日) 10:43:18返信する

    亀にモザイクがかかってるからいやらしい記事とばかり……

  3. 名前:名無しさん 2022/05/01(日) 11:09:29返信する

    これで近くに馬や生き物が居なくても鉄球を回転させることができそうです。助かります

  4. 名前:名無しさん 2022/05/01(日) 12:21:55返信する

    顔面めっちゃデカくなってて草

  5. 名前:名無しさん 2022/05/01(日) 16:23:04返信する

    甲羅の模様TとSだったとは…

  6. 名前:hyper_T 2022/05/01(日) 17:42:20返信する

    >>1
    >>3
    メメタァ・・・ストーンオーシャンが終わったら次ですね!7部好きなので楽しみ。
     
    >>2
    亀にモザイクって・・・なんで赤くなってるのヒカリ?
     
    >>4
    「黄金比で見れば美しい」
    顔がデカい人を褒めるときに使える言葉です。
     
    >>5
    このトリックを知って驚いたわけですね?もっと褒めてもイイんだも。

  7. 名前:名無しさん 2022/05/05(木) 18:25:09返信する

    比べたら「何見てるんだよ」ってこっち見られている感じがw

  8. 名前:hyper_T 2022/05/05(木) 18:44:29返信する

    >>7
    オリジナルの方もこっちを見てる感じがしていたのですが、偽物と比べたら全然でした。こっち見すぎw

  9. 名前:名無しさん 2022/05/06(金) 18:11:41返信する

    ナイスチャンレジです

コメントを残す

メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。URLを含むコメントは承認待ちになります。