その他

2023.12.07

デザイナーなら知っておきたい!「ミュラーリヤー錯視」とは?

こんにちは!デザイナーのShimazakiです。

先日、Xでとても役立つ記事を見つけました。

こちらの記事では、錯視の種類と調整方法について映像と画像つきでかなり分かりやすく解説されています。

今回は紹介されている11の錯視の中から、「ミュラーリヤー錯視」についてお話していこうと思います。

「ミュラーリヤー錯視」は下の画像のように矢羽の角度によって長さの感覚が異なって見えることで有名な錯視です。

こちらの画像を見ると、上の方が線が長く見えますが、実はどちらも同じ長さの線になっています。

記事の中では、アルファベットが例に挙げられており、大きく2点のポイントが書かれています。

1.アルファベットは文字の並べ方によって上下に視覚的錯覚を生み出しやすく、同じサイズの文字を並べていても揃って見えない箇所がある

2.ミュラーリヤー錯視に対応するために、ロゴのデザインなどをする際には、オーバーシュートと呼ばれるデザイン手法を使って微調整を行う必要がある

パッと見、誤差の範囲かもしれませんが、オーバーシュートで調整することでデザインのクオリティアップにどれだけ繋がっているかが一目瞭然ですよね。

WEBをメインにしていると、グラフィックデザイナーやロゴデザイナーの方に比べ、タイポグラフィに対しての意識が欠けてしまっており、ここまで意識して微調整できていなかったなと反省しました。

まずは意識的に取り組み、WEBだけでなくグラフィック分野のデザインのクオリティも上げていけるようにしたいです!

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2024.02.02

    Webデザインにおけるアニメーションについて考えてみた〜目的編〜

    その他

おすすめ記事

  • 2020.11.25

    CSSのみでグラデーションをつくる方法(簡単に作れるジェネレーターも紹介)

    その他

  • 2023.12.01

    レイアウトを学ぶならResponsive Viewer

    その他

  • 2021.05.18

    上付き文字のsupタグと下付き文字のsubタグの使い方

    その他

TAG

×