ロゴの前景と背景の認識


7

ウェブサイトのロゴをデザインしています。以下は私が今持っているものです:

ロゴ

ほとんどの人にとって、このロゴは青い円形の背景に白い三位一体タイプの形として認識されます。私にとっては、白い背景の上に花のように3つの部分が上に向かって伸びている青い円形の形としても見ることができます。

私が達成したいのは:

ロゴへの変更を最小限に抑えて、このロゴの主な標準的な認識を最初の(青の背景に白)から2番目の(白の背景に青)に変更します。

変更の量が少ないということは、単色、小さな形の数(7)、デザインの最小限の感触など、可能な限り多くのデザインを保持したいということです。

これらの知覚を支配するものの背後にある原理、およびロゴがある方法で別の方法で知覚される方法を決定する要因を理解したいと思います。

あなたの助けと理解をありがとう!


5
私が最初に疑問に思ったことは、なぜそれが3つの軸すべてで対称ではないのですか?意図的にするのは、あまりにも小さな違いです。
トーマスウェラー2017

1
はい、多くの人が疑問に思います。これは意図的に行われたものであり、設計に関連しない目的があります。
ナチム2017

9
非対称性は、それが意図的であるかどうかに関係なく、間違いなくすべての人にエラーとして認識されます。記号は通常対称的であると認識できすぎており、非対称性は意図的に表示するには十分ではありません。
スコット

2
私はそれ自体が純粋なベクトルではないことを知っていますが、青いセグメントの下の白い背景へのわずかなドロップシャドウはおそらくこれを達成します。
Digital Lightcraft 2017

2
私たちの目は、明るいものを近くに、暗いものを遠くに知覚します。青い部分を白より上または前にしたい場合は、それらを明るい色にします。
ウェブスター

回答:


0

これは、白い背景(白い背景に対して示されている)の提案で3つの非対称のミニマリストの平らな青い線形エンレイソウ「葉」を説明するための私のエントリ(およびバリエーション)です。

青白背景形状

関連するゲシュタルトの知覚法/原理はプラニャンツだと思います。


14

上部の3つの形状を花びらまたは葉にする場合は、あいまいにしないでください。

現在、追加の弧があり(私があなたの「3つ」を正しく理解していて、私がそうでない場合があります)、すべてが同じ色と形です。だからそれを変えなさい。

(粗雑なグラフィックで申し訳ありません。私は事前にカフェインされています:)

ここに画像の説明を入力してください

下の弧線を削除して、7つではなく4つの異なるピースを作成しました。これにより、「上位3つ」が明確になります。色を変えてさらに目立たせました。次に、左右の花びらのサイズを小さくしました。

これにより、この画像は「白い背景に3つの青い葉/花びら」になります。企業の要件に応じて必要に応じて微調整しますが、これはあなたが求めているものを得るために目指すべき方向だと私は思います。


2
この答えが好きでも、何らかの理由で他の行を保持したい場合は、ローレンがそこに保持していた分離線よりも細くして実験できると思います
lucidbrot

3
大きな中央の「花びら」で円を分割すると、目が断片に集中するようになります。いいね!
Kys

ある方法で(とにかく、とにかく)トップダウンビューから並べてビューに移動しました。この場合の良い選択と実行。

@HoldOffHungerトップダウン?ええ、私はオリジナルをそのように見さえしませんでした。「あいまいさを取り除く」ことをさらに強調します。
Lauren-Clear-Monica-Ipsum 2017

7

わずかなオフセットシャドウを使用できます。

ここに画像の説明を入力してください

青にグラデーションを追加し、いくつかのエッジに沿って暗い色のストロークを配置して光の方向を示し、青に全体的なハイライトを追加することができます...

ここに画像の説明を入力してください

これらの種類のアイテムに対する「典型的な」認識はありません。多くの人は白い形を見るでしょう…そして多くの人は青い形を見るでしょう。それは古い凸凹のジレンマです。特定の知覚を確実にできる唯一の方法は、他のオブジェクトを介するか、光/影を介して相互作用することです。


1
ありがとうございましたが、この方向性は抽象性を低下させ、ミニマリストタイプの2Dフィールを奪います。
ナチム2017

2
じゃあ、その時あなたは知覚変えることができないと思います。領域全体に使用される色にシンボルを配置する以外は、白い領域を強制的に透明にします。
スコット

2
提案により、印刷用の使用量が減少する場合があります(たとえば、b / wに変換した場合)。
トーマスウェラー2017

5
  • 円形から青い塗りつぶしを削除し、青い線を追加します。
  • 3枚の葉を取り、これらのストロークを白から青に変更します。
  • すべての形状が同じ重み(厚さ)を使用していることを確認してください。または、外側のリングを少し厚くすることもできます。
  • 最小限の調整で、次のような塗りつぶしなしのストロークのみのロゴができます。

ここに画像の説明を入力してください


あなたが葉っぱで正確に何を意味するのかについてもう少し助けてもらえますか?私にとって、葉は中央の3つの葉のような形ではなく、上部にある3つの大きな形(中央の葉は両方とも葉と見なします)
ナチム2017

2

3つの青い「花びら」を前景として想像するのは少し難しいと思います。どっちがどっちの前にあるのかわからないので、一貫性のある全体を形成しているのではないかと信じ込んでいらいらしています。ただし、青い円は背景として見やすくなっています。フォアグラウンドを削除すれば、それ自体で完全に理にかなっています。そして、線は前景として完全に意味をなすので、それらを背景として見る理由はありません。

これはローレンイプサムの花では逆になります。それぞれの形状は花の花びらとして理にかなっていますが、一緒に取られた青い形状は線の間のギャップのセットとしてはあまり意味がありません。ライン。線は前景になる可能性がありますが、期待どおりに整列しません。背景であれば、完璧に理解できます。

青い領域を前景のように見せるための2つの基本的な方法を見ることができます。まず、2つの円が重なっている部分に別の色を使用できます。これにより、3つの円形領域間に目に見える相互作用が作成され、それらが領域であることは明らかでした。また、ロゴの対称性を維持します。ただし、4つの内部領域が前景にならないように注意する必要があります。

次に、白い線を背景のように見せることができます。どんなパターンの線でも前景として意味があると思います。しかし、線が前景としてよりも背景として意味を成す可能性があると思います。これを行う1つの方法は、花びらの各ペア間の交差領域をそれぞれ少し小さくすることです。その場合、そのような領域の各長いエッジは、中央領域の対応するエッジと完全には一致しません。また、各線の太さは特定の方法で異なります。7つの青い領域の間のギャップとして、さまざまな厚さおよび完全に並んでいないものを説明するのは簡単です。しかし、線の太さがどのように変化したかを説明しようとすると、難しいでしょう。これにより、白い線が背景画像のように見えます。

最後に、ロゴの境界線を変更して、完全な円にならないようにすることができます。各外側領域の外側を表す円弧は、円の中心に配置する必要はありません。領域の2つのコーナーを介して他の円を描くこともできますが、3つの外側の領域すべてに同じ変更を加えた場合でも、対称的なイメージが得られます。これにより、全体的な青色の形状が背景としてあまり意味がなくなります。


0

ここに画像の説明を入力してください

青いパーツを作成して適切な3Dの外観にします。これは押し出され、視野角は数度ずれています。結果はBWでも使用できます。


非常におしゃれですが、知覚の問題は解決しません。まだ「3つの青い花びら/葉」が最初に表示されません。トリニティカットアウトで区切られたクールな形がたくさんあります。私にとっての問題は、すべてが同じ色であることです。「3つ」を「その他すべて」から区別するのに十分な区別はありません。また、OPは本当にミニマリストのロゴを望んでおり、これも見た目はクールですが、「ミニマル」ではありません。
Lauren-Clear-Monica-Ipsum 2017
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.