四角形や丸の「真ん中」に正三角形を配置するデザイン（YouTubeほか）、長さ、重心、三角形分割錯視を考慮した視覚調整

ブログの書き過ぎが２週間続いてるので、今週は制限字数１５０００字を厳守しよう。残り１１５５字しかないけど、ちょっと興味深い内容だと思うし、数学的に正確な記述はネット上にほとんど見当たらない。

キッカケは、最近ハマってる画像紹介アプリ・ピンタレストのお勧めの１つ。ピンタレストは、インスタと違って、あらゆる所から様々な画像を借用・表示して来るから、ハズレも非常に多いし、著作権も気になるけど、意外な面白い画像の提示もある。

無料で広告も少ないから、１００枚中、１枚でも当たれば十分。個人を特定できる情報は何も入力してないから実害もない。注意すべきは、たまにある怪しげな外部リンクだけ。

　　　　　☆　　　☆　　　☆

先日お勧めして来たのは、YouTubeのロゴのデザインに関する解説サイト。私がちょっと前、形が似てる錯視立体の画像をクリックしたからだろう。筆者は Balraj Chana 氏。

「optical illusion」、視覚的な錯覚。英単語のopticalは、光学的という意味もあるけど、ここでは視覚的と訳すのが内容的に正しい。１１個の内の最初がこれだった。

上図は本物のロゴで、「視覚的な中心」を考えたデザイン。実は、大きな長方形に対する正三角形の位置は、図形の横幅の長さから計算した「真ん中」から少し右にズレてるけど、人間の目には真ん中にあるように見える。

　　　　　☆　　　☆　　　☆

それに対して、上図は、横幅の長さから計算した真ん中。大きな長方形の真ん中に、正三角形の真ん中を合わせたもので、人間の目には三角形が左にズレてるように見える。

対話型ＡＩのＣｈａｔＧＰＴ－４ｏにたずねると、正確に話を理解。三角形の右端の先端に目が行くから、そこと四角形の真ん中が近づいてるように見えるのかも・・とかいう説明だった。

続いて上図は、大きな長方形の真ん中に、三角形の重心を合わせた図。別のデザイン系ＨＰはこの重心の利用を勧めてたけど、三角形が右にズレてるように見えてしまう。

だから、実際のＹｏｕＴｕｂｅ（ユーチューブ）のロゴでは、左にも右にもズレて見えないような微妙な配置にしてあるのだというお話。「三角形分割錯視」を考慮した「視覚調整」。

　　　　　☆　　　☆　　　☆

私が、画像のピクセル数を画面上でカウントして長さを調べると、確かにそうなってる。ただ、元のサイトの表示とは僅かに比率が違ってた。

なお、同じＧｏｏｇｌｅのＰｌａｙストアの丸いロゴでも、デザイン的に同じ配慮が確認できた。三角形の横幅的な真ん中と、重心との間の微妙な位置が、大きな円の中心に置かれてる。

ちなみに上下方向だと、目には上側が広く感じられるから調整するらしい。今週は計１５０００字で終了。また来週 ☆彡

　　　　　（計　１１５５字）