デザインが美しく見えるとされる黄金比(1: 1.618…)を用いて、ブログやツイッターなどで使っているアイコンの正規化にチャレンジしてみました。雑記です。
黄金比
黄金比とは(1+√5)/2で表される比のこと。縦横比が黄金比の矩形から最大正方形を切り落とした残りの矩形は、やはり黄金比の矩形となり、もとの矩形の相似になるという性質がある。Wikipediaより
短い方の辺を1とする正方形を切り取ったとき、余りも必ず黄金比になるという「数学のオモシロ」の1つですが、この比をデザインに用いると美しく見えるということを皆さんも聞いたことがあるのではないでしょうか?
その黄金比を意図的に取り入れてロゴをデザインしているのがAppleのリンゴマークです。
完全にピッタリとラインを合わせているわけではありませんが、美しく見えるように黄金比に合わせて作られているのが分かりますね~。
これに私も挑戦してみます!
デザインするのはツイッターやYoutubeのアイコンとして使っているこの亀です。
私の完全オリジナルデザインで2017年に誕生しました。(10分ぐらいで作りました)
名前は「ハイパータートル」です!Tの由来であるturtleから生まれました。
甲羅模様に見せた「T」と「S」の文字に素人感があっていいでしょ~?
ということでこいつを黄金比で綺麗にしてみます!
黄金比を用いてアイコンを正規化する
具体的にはどうやって?って話なんですけど、とりあえず並べてみます。
そしたら次は黄金比を重ねて・・・?何をすればいいんだ?
とりあえず分かりやすい足から調整してみます。
比率を保ったままサイズを変形して、ピッタリと合わせます。
元が長方形なので黄金比にピッタリと合って気持ちがイイですね。
これでグッドデザインに一歩近づいたはず。
同じように顔も黄金比に合わせてみると縦が結構足りていないのでシャクレさせます。
これでピッタリと顔が黄金比になりました。
なにか不穏な空気が漂っていますが、黄金比を信じて続けます!
目も同じように調整して、
その他の部分も全て黄金比に合わせて調整を繰り返し、
出来上がったのがこちらです!
ジャン!
ん?これは?
えーっと・・・
黄金比で美しくなるとは一体?!
私の感覚では劣化してますよこれは!
元がショボいのもありますが、さらにショボくなってます。
原因は分かりませんが黄金比を正しく使えていなかったんですかね。デザインって感覚的ではありますが、ちゃんと勉強して知識を備えてはじめてできるものなんですよね。
身にしみました・・・。
ということで今回は明らかに失敗だったので、出来上がった画像はサブチャンネルのアイコンとして供養します。
黄金比は駄目でしたが白銀比なら・・・?
他にも何か私のアイコンをよくするアイディアがあればコメントからお願いします。
黄金長方形の回転を思い出すのぅ
なんか顔がとぼけちゃってるけど、唇はもうちょい下でいいのでわ?www