私たちの目にトリックをする:デザインの目の錯覚

公開: 2021-01-19

私たちの目にトリックをする:デザインの目の錯覚

動いていますか? 多分それは少し曲がっているだけですか? 本気ですか? デザインにおける目の錯覚は、私たちにこの影響を与える傾向があります。 私たち全員を一度に魅了し、混乱させます。 目の錯覚としても知られ、それらはすべて目を騙すことに関するものです。

空欄

効果は、画像の配置方法や色の選択が原因である可能性があります。 また、光源の利用方法やその他の多くの要因によっても発生する可能性があります。 テクニックが何であれ、その効果を取り入れることはとても楽しいです。

そしてそれはまた私達の脳と知覚システムがどのように機能するかについて私達に多くを教えてくれます。 目の錯覚で隠された画像を見るのに苦労したことがありますか? もしそうなら、あなたは誰もが同じようにそれらを経験するわけではないことを知っています。 そして実際、一部の人々は、一部の目の錯覚でその効果をまったく見ることができません。

これが、設計者が設計で目の錯覚をどのように使用するかについて非常に注意深く意図的にしなければならない理由です。 最後に必要なのは、インターフェース、ロゴ、またはイラストの錯覚が、接続されていないため、マーケティングクリエイティブの影響を取り除くことです。 デザインで目の錯覚をどのように使用できるかをよりよく理解するために、今日のブログではそれらについて深く掘り下げます。

私たちがどのように幻想を経験するか

空欄

目の錯覚が見られると思うかもしれませんが、不思議なのは、実際に脳内で発生していることです。 目の錯覚は、脳の視覚領域の特性の結果として経験されます。 情報の受信方法と処理方法によっては、目の錯覚が発生する場合があります。 ですから、ここで最も重要なのは、あなたが見るものではなく、それをどのように理解するかということです。 これが、科学者が目の錯覚ではなく視覚的錯覚と呼ばれるべきだと言う理由です。

目の錯覚は、色が主観的であることを教えてくれます

空欄

ブロックAとBは、この錯覚では実際には同じ色です。 信じがたいですよね? これを行う。 編集プログラムでこの画像を開き、スポイトツールを使用するようにデザイナーに依頼してください。 その後、色が実際に同じであることを確認できます。 さて、もう一度画像を見てください。 ブロックが同じ色であることがわかりますか? 私たちの目の錐体細胞は、私たちが色を見るのを助けるものです。 これらの細胞が異なる波長の光を記録し始めると、私たちの目はそれを理解するために最善を尽くします。 この目の錯覚の場合、ブロックBが実際よりも明るい色合いであることを私たちに伝えようとすることによってそうします。

目の錯覚は安全対策に役立ちます

空欄

一部の都市では、目の錯覚を使用して、危険なカーブを運転する速度を制御しています。 彼らはこれをどのように行うのですか? 道路のストライプは、カーブの最も鋭いポイントに近づくにつれて、より近くにペイントされます。 ストライプがより近くに描かれているので、ドライバーは彼らがスピードを出していると思わせるように騙されます。 そのため、速度が低下し、安全な速度を維持できます。

一般的な目の錯覚とその背後にある物語

目の錯覚は魅力的なトピックであり、最も人気のあるものについて知ることは非常に便利です。 その背後にある科学と物語を知るようになると、ブランディングで目の錯覚を使用するのが簡単になります。

スピニングダンサー
空欄

あなたはソーシャルメディアでこの人気のある目の錯覚に出くわしたかもしれません。 バレリーナが回転するのを見た方向に応じて、右脳か左脳かを人々に知らせると考えられていました。 しかし、この幻想は、私たちの脳がバレリーナの回転する姿の周りに空間を構築しようとするために実際に起こります。

回転するダンサーには奥行きの手がかりがないため、実際には、ダンサーが右足で立ってから左に回転していると解釈することができます。 他の人にとっては、彼女は左足で立ってから右に回転しているように見えます。 そして面白いことに、あるポイントを過ぎてアニメーションを見つめると、画像が反転しているように見えます。

同じサイズ以下ですか?
空欄

この画像を見てください。 一人が他の人よりも小さいように見えることがわかりますか? 実際には、どちらも同じサイズです。 これがエイムズの部屋の幻想です。 この特定のスタイルの目の錯覚は、映画でよく使用され、「ロードオブザリング」で見ることができます。

カニッツァトライアングル

空欄

ゲシュタルトの閉鎖の法則によれば、私たちの脳は、近くに配置された物体を1​​つの関連するグループとして認識します。 このカニッツァトライアングルの目の錯覚で、存在すらしない等高線を見ることができます。 そして、あなたが自分自身にそれらを見ることを強制するとき、あなたの脳は、明らかにそこにあるギャップを単に無視することによって、自動的にまとまりのあるイメージを形成します。

デザインにおける目の錯覚

デザインにおける目の錯覚はとても楽しいことがあります。 また、ブランドに関する特定のイメージやアイデアを広めるのに非常に強力です。 以下は、デザインでかなり定期的に使用されるいくつかの目の錯覚です。 デザイナーと一緒に試してみて、どのように機能するかを確認してください。

デザインにおける目の錯覚:三角形の二等分線
空欄
このGIFでは、図心に基づいて三角形が配置されます。

デザイナーの最善の努力にもかかわらず、特定のセット内のすべてのアイコンが対称的、ピクセルパーフェクト、または一貫したアスペクト比を持っているとは限りません。 かなりの調整と変更が必要なものもあります。

再生ボタンのアイコンを見てみましょう。 湾曲したコンテナまたはまっすぐなコンテナの内側に三角形を配置すると、位置がずれているように見える場合があります。 この理由は、三角形の二等分線の錯覚です。 この場合の三角形の重心は、三角形の内側のボックスに基づいて計算されます。 これは、正三角形の高さの半分までドットを配置した場合、ドットは実際にはさらに上にあるように見えることを意味します。

コンテナ内の三角形を光学的に中央に配置するには、三角形の図心を見つける必要があります。 これは、各側から反対側の頂点までの距離の3分の1です。

デザインにおける目の錯覚:マッハバンド
空欄

フラットなデザインの時代が本格化したとき、同じ色の色合いを並べて配置するのは大変なことでした。 画像をよく見ると、各シェードのエッジの間に偽の影が表示されていることがわかります。 これはマッハバンドとして知られているものです。 ほら、実際には画像に影は追加されていません。それは単に私たちの目がそれを認識する方法です。

技術用語では、これを横方向の抑制と呼びます。 これは、暗い領域が誤って実際よりも暗く見えること、および明るい領域がさらに明るく見えることを意味します。 この効果は、視覚的なデザインでは非常に微妙です。

デザインにおける目の錯覚:ヘリング錯視
空欄
完全な効果を得るには、上下にスクロールします。

非常に細い線のロゴや、スクロールすると脈動したり動いたりするように見える小さな点のある画像を見たことがありますか? 波状の線が背景にテレビがあるビデオを見ている場合も同じです。

これは、2つのグリッドが互いに重なっているモアレパターンによるものです。 これは、それらが動かされたときに誤った動きの感覚を生成します。 この場合、2つのグリッドパターンは、錯覚を作成できるように常に更新される画像とモニターになります。 効果は本当にクールですが、モアレは正確には幻想ではありません。 それは推論のパターンです。 Sonosのロゴは、このパターン、ヘリング錯視、幻想的な動きを使用した良い例です。

デザインに目の錯覚を使用したブランド

デザインで目の錯覚を有利に使用したい場合は、それらをうまく利用しているブランドについて知っておくと役に立ちます。 ロゴやデザインに目の錯覚を利用した非常に有名なブランドがいくつかあります。 それらのいくつかを見てみましょう。

ディオールが謎めいたとき
空欄

ファッションとは、大胆で大胆であることです。 ディオールはこれを心に留め、ポイズンフレグランスのキャンペーンのためにそれを実行しました。 頭蓋骨と鏡を見ている女性が同時に写っています。 この広告は、実際にはチャールズアランギルバートによる「AllisVanity」と呼ばれる有名なアートワークを再現したものです。 この絵の複製は、顧客に2回見て、その背後にある二重の意味を理解させるものです。

シンガポールのノキアの舗装ピカソ
空欄

Nokiaは、Nシリーズの電話を宣伝する方法を望んでいました。 2007年にノキアのために3Dアートワークを作成した英国のアーティストジュリアンビーバーを入力してください。 これは「アジアの魂」と呼ばれ、36時間の芸術性を駆使して制作された素晴らしい作品です。 これは、従来のアジアの設定と見なされているものに対するNシリーズの電話モデルを示しています。 コントラストは本当に魅力的です。

スヌーティーピーコック
空欄

何が見えますか? 孔雀? 女性? 両方? 一度見たら、見えなくなることはありません。 それは確かだ。 Snooty Peacockは、テキサスを拠点に活動する小規模なジュエリーブティックです。 彼らのデザインでは、ネガティブスペースを巧みに利用して、女性と孔雀の二重のイメージを同時に作成しています。

彼らはソーシャルメディア、店先、さらには商品にもこのロゴを持っています。 また、会社の名前と提供するサービスを反映するための非常にインテリジェントな方法でもあります。 紫と白を使っているのでとてもシンプルで印象的です。

AnarFoundationによる「OnlyforChildren」広告

これは、GraySpainによって行われた種類の広告の1つです。 彼らはレンチキュラー印刷技術を使用して、大人が1つの画像を表示し、子供が高さとアイラインに基づいて別の画像を完全に表示するようにしました。 この広告により、慈善団体は虐待の影響を受けた10歳未満の子供たちを支援することができました。 それは彼らに秘密のメッセージとブランドの連絡先の詳細を与えました。 すごいですね。

その時キットカットの運転手は運転していなかった
空欄

キットカットの有名なスローガンは「休憩してキットカットを持っている」であり、この目の錯覚は本当に両方を示唆しています。 実際には、運転手が運転する代わりにハンモックにぶら下がっているように見えます。 あなたがラッシュアワーの間にこのトラックと一緒に運転している場合、私たちはあなたがこの幻想をもっとよく見たいと思うことを保証することができます。 そして、近くを見るのをやめるので、キットカットを切望し、ハンモックで休憩することさえあります。

超大型マクドナルドコーヒー
空欄

浮かんでいる巨大なサイズのコーヒーポットが見えますか? このファーストフード店は、そのマーケティングで超大型になり、典型的な屋外広告の代わりに街灯を使用しました。 最終的な結果は、アートインスタレーションのようなものです。 これは、既成概念にとらわれずに考えることが、ブランドの宣伝にどのように役立つかを示す非常に良い例です。 幻想を取り入れることで、広告の面白さも増します。 すべての注目を考えて、このような広告があなたを得るのが好きです!

その幻想を実際に作成する

私たちの脳は、科学者がまだ明らかにしようとしている方法で動作します。 彼らは視覚的な手がかりに基づいて自分の周りにあるものを理解しようとします。 そして、目の錯覚はしばしばこの知覚を妨害します。 デザインに目の錯覚が見られると、私たちはそれらに疑問を投げかけ、おそらく私たちの周りの人々とそれらについて議論することさえあります。 あなたが本当にあなたのブランドについて言葉を出したいとき、あなたはデザイン戦術でこれ以上何を求めることができますか?