デザイン PR

錯視の身近な例を色や画像で紹介!応用や効果とは?

記事内に商品プロモーションを含む場合があります

線や色の重なり方実際とは違った見え方をするのが錯視です。

錯視パターンを知っておけば、デザインする時に事故らずに済みますし、意図して使えばコンセプトを際立たせるテクニックになります。

色んな錯視があるので、よろしければ参考にしてください。

錯視 種類と効果

女性の目元のアップ

錯視(さくし)とは、人間の持つ視覚システムが、実際の物体や状況とは違った認識をもってしまう現象のことです。

脳の情報処理が関係することなので、経験や身体的ポテンシャルに依存しません

色彩心理学と違って再現性が高く、の条件が揃えばたいていの方が誤認します。

ジーナ
ジーナ
ほぼ確定の認知効果ってこと。

ミュラー・リヤー錯視

錯視の中でもシンプルで、汎用性も高いのがミュラー・リヤー錯視 (Müller-Lyer illusion)。

線の両端に描かれた斜め線の向きで、中心線の長さが違って見えるという錯視です。

ミューラー リヤー錯視 図解

これを応用したのが目のアイライン首元・足元のラインで印象を変えるテクニックです。

◎目のアイライン

目のアイラインは上と下に引くと目幅が短く見えます。

長く見せるには、ミュラー・リヤー錯視を応用して上側だけに引いたりつけまつげをつけることです。

錯視 目のミューラー リヤー錯視 図解

◎胴体を長さ・太さ

胴体の長さ・太さは、首元と足元のラインでコントロールできます。

錯視 ファッションのミューラー リヤー錯視 図解

エビングハウス錯視

エビングハウス錯視(Ebbinghaus illusion)は、相対的な大きさ知覚に関連する錯視です。

中心の円の大きさは同じですが、円の周りに大きな円があるパターンと、円の周りに小さい円があるパターンとで大きさが違って見える現象です。

このエビングハウス錯視の面白いのは、見た目だけではなくモノを掴むために手を広げるといった行動にも影響するトコロ。

行動にも影響を与えるので、錯視の中では効果が強い部類です。

ポンゾ錯視

ポンゾ錯視とは、両側に描いた平行線の上に斜め線を描くと、上側の線が長く見える錯視です。

遠くの点から見ると、その点からの距離に応じて線が異なる長さに見えます。

カフェウォール錯視

カフェウォール錯視とは、レンガ模様の壁が、交互に突き出ているように見える錯視です。

実際にはただ均等に並んでいるだけですが、視覚的な影響によって立体的な変化が生じます。

ムンカー錯視

ムンカー錯視(Munker Illusion)とは、同じ色の図形が周囲の色味によって異なる色に見える知覚効果のことです。 

色の同化対比によって、暗い色との組み合わせではより暗く明るい色との組みあわせではより明るく見えます。

 

 

補色残像

補色残像とは、見えた色の補色が残像して残る視覚現象です。

見えた色の補色にあたる刺激を脳に送ってしまい、色が消えたり目を離すと補色のみが情報として残るために起こると言われています。

 

街中にある錯視

澁谷の街並み

日常の風景を見回してみると、身近なものに錯視が見られたり、錯視を利用した設備がパラパラと見られます。

身近なもので気づきやすいのは、道路に関係するものが多いです。

身の回りの錯視

◎道路に浮き上がって見える障害物の絵

道路には、立体的に浮き上がる錯視絵を配置することで、ドライバーの危険運転の抑制注意喚起を効果的に促すのによく利用されます。

立体的な障害物に見えることで、実際よりも道幅を狭く感じて中央を走るようになったり、飛び出しの可能性を想起してスピードを落とすといった効果があります。

あくまでも錯視なので、タイヤが踏んでも物理的な影響はなく、安全を阻害しないのも魅力です。

 

 

◎地面に案内標識

錯視を使うコトで、遠くから視認できるにもかかわらず、通行の邪魔にならない標識を設置することができます。

 

◎上りと下りが逆に見える坂道

実際は下りなのに上りに見える道、実際は上りなのに下りに見える道というのがあります。

一般的に、下りor上りが段々に続くとこういった錯視が起こりやすいです。

 

 

錯視 デザイン

錯視はデザインにも取り入れられ、近年では目を引く広告としての利用が目立ちます。

公共のスペースを利用し、映像を駆使した3DCGや、錯視テクニックをふんだんに使っただまし絵などで、たびたび注目を集めます。

トリックアート 広告

エッシャー的な手法でイラストレーションを手掛けるアーティストも多いです。

 

錯覚と錯視の違い

イラスト 虫眼鏡を使ってよく見ようとする女性

錯覚と錯視の違い

錯視と似た知覚現象が錯覚です。

2つの違いを簡単に言えば、錯視視覚に関する誤った知覚を指し、錯覚あらゆる感覚に関連する誤った知覚を指します。

◎錯視とは

  • 錯視(さくし) は、主に視覚に関連した現象であり、私たちの目が物体やパターンの見え方を誤解する現象を指します。
  • 錯視は、物体の配置やパターン、照明条件などによって引き起こされ、目の情報処理や脳の視覚システムの特性に関連しています。
  • モラー錯視やポンゾ錯視などがその例です。

◎錯覚とは

  • 錯覚(さっかく) とは、広い意味で感覚に関する誤った知覚や認識を指します。
  • 視覚以外の感覚、例えば聴覚や触覚などにも関連する場合があります。
  • これは、私たちの感覚器官や脳の処理によるもので、錯視だけでなく、聴覚的なものや触覚的なものも含まれます。幻覚や幻聴(聴覚の錯覚)などがその例です。

錯視の身近な例 まとめ

イラスト クエスチョンマークを頭に浮かべる男女

錯視は人間の知覚のうち、特に視覚を中心に起こる誤認現象です。

実物に変化を与えることなく認識だけをコントロールできるため安全で、色んなシーンへ応用されています。

【錯視の応用シーン】

  • メイク
  • ファッションコーディネート
  • カラーコーディネート
  • 標識
  • 道路の行動抑制
  • 広告表現

錯視をデザインなどにうまく取り入れると、テキストやモチーフをはっきりと知覚してもらう助けになるなど、メリットが多いテクニックです。

心の動きと違って再現性も高いので、頭の片隅に入れておくとふとしたシーンで役に立ちます。

ジーナ
ジーナ
代表的なものだけでも覚えておくといいカモ。

adobe cc セール
adobeのセールや割引はいつ?価格や時期についてadobe ccをセールはいつ?ストアやプラン別の価格やお得なサービスをご紹介。普通に買うとけっこうなお値段がしますが、セール・割引を使えば30%~OFFも当たり前。コンプリートプランに至っては55%~OFFで購入できることも。....詳しくはコチラ。...
フォトショップ 価格
フォトショップの価格・値段・買い切りとの比較!安く買うには?フォトショップの価格・値段・買い切りとの比較?フォトショップを安く買うとき、まずはっきりさせておきたいのが 必要なadobeアプリの数。フォトショップだけでいい人なら「フォトプラン」が最安値。2つ以上のadobeアプリを使いたい人なら「adobe付き通信講座」が最安値です。キャンペーン・セールも、フォトショに限っては無意味....詳細はコチラ。...
イラストレーター 値段
イラストレーターの値段と価格・安く購入する方法を解説!イラストレーターを安く購入するとき、はっきりさせておきたいのが必要なadobeアプリの数。イラレだけでいい人なら「単体プラン×セール」が最安値。2つ以上のadobeアプリを使いたい人なら「adobe付き通信講座」が最安値です。価格比較と賢い買い方のポイント...詳細はコチラ。...
プレミアプロ 値段
プレミアプロ 値段は?安く買う方法と買い切りとの違いプレミアプロの値段と安く買う方法を紹介。買い切り版とは旧バージョンのことで、今買ってもリスクしかないので購入は辞めるのがベター。で、まずはっきりさせておきたいのは 必要なadobeアプリの数 。◎プレミアプロだけでいい人:単体プランがおすすめ。◎2つ以上のadobeアプリを使いたい人:adobe付き通信講座 or 学生・教職員向けがおすすめ。....詳細・違いはコチラ。...
デジハリ adobe
デジハリadobeマスター講座は2年目も継続できる!?講座更新のデメリットは?デジハリadobeマスター講座は、フリーランス・社会人でも利用可能な学割価格が適用されるので、正規版より3万円も安く利用できる。しかも1年中安い・ライセンスコードの発行が早い・2年目も継続できる・受講はしなくても大丈夫…およそデメリットらしいものもなし。…デジタルハリウッドの詳細はコチラ。...
adobe 学割
adobeの学割とは?学生の購入割引・条件で社会人も安く!?学生ならadobeの学割を使わない理由はありません。学割なら、初年度65%OFF。2年目以降も50%OFF以上安く購入できます。割引率を最大化するポイントは、初年と2年目以降で購入サイトを変える事。購入方法や条件などを詳しく解説していきます。....詳細はコチラ。...
adobe cc クラック
adobe cc クラックadobe ccのクラック版を使用する前に、知っておきたいメリットとデメリット&安全に無料・格安でadobe ccを購入する方法を紹介します。詳細はコチラ...