Vordergrund-Hintergrund-Wahrnehmung eines Logos

Ich entwerfe ein Logo für meine Website. Folgendes habe ich jetzt:

Das Logo

Für die meisten Menschen wird dieses Logo als eine Art Dreifaltigkeit einer weißen Form auf einem blauen kreisförmigen Hintergrund wahrgenommen. Für mich ist es auch eine blaue Kreisform mit drei sich nach oben erweiternden blütenartigen Teilen auf weißem Grund.

Was ich erreichen möchte ist:

Ändern Sie mit den wenigsten Änderungen am Logo die Hauptwahrnehmung dieses Logos von der ersten (weiß auf blauem Hintergrund) zur zweiten (blau auf weißem Hintergrund).

Geringste Änderungen bedeutet, dass ich so viel wie möglich vom Design erhalten möchte, einschließlich der Einfarbigkeit, der Anzahl kleiner Formen (7) und des minimalistischen Gefühls des Designs.

Ich würde gerne das Prinzip hinter diesen Wahrnehmungen verstehen und welche Faktoren bestimmen, wie das Logo auf die eine oder andere Weise wahrgenommen wird.

Vielen Dank für Ihre Hilfe und Ihr Verständnis!

Worüber ich mich zuerst gewundert habe, ist: Warum ist es nicht auf allen 3 Achsen symmetrisch? Es ist zu wenig Unterschied, um absichtlich zu sein.
Ja, fragen sich viele. Dies geschah absichtlich und hat einen nicht designbezogenen Zweck.
Ah! Ich dachte, es sieht ein bisschen daneben aus, solange es absichtlich ist, ist alles gut :-D - Möchten Sie es als einzelnen Blockfarbenvektor behalten?
Ja, im Idealfall möchte ich das so beibehalten. Ich habe bereits einen Artikel über Figur-Grund-Wahrnehmung gelesen, aus dem ich abgeleitet habe, dass eine Mehrfarbigkeit der Form ihre Wahrnehmung als Figur verstärken würde. Aber das ist nicht wirklich das, was ich tun möchte.
Die Asymmetrie wird absolut von allen als Fehler wahrgenommen, ob gewollt oder ungewollt. Das Symbol ist zu erkennbar als typisch symmetrisch und die Asymmetrie ist nicht groß genug, um absichtlich zu erscheinen.
Ich weiß, dass es keine reine Vektorsache als solche ist, aber ein leichter Schlagschatten unter den blauen Segmenten auf dem weißen Hintergrund würde dies wahrscheinlich erreichen.
Ich denke, das Minimalste, um den gleichen Effekt zu erzielen, wäre die Verwendung eines Farbverlaufs mit einer helleren Farbe nach oben und einer dunkleren Farbe nach unten
Unsere Augen nehmen hellere Dinge näher und dunklere Dinge weiter entfernt wahr. Wenn Sie möchten, dass die blauen Bereiche über oder vor dem Weiß liegen, machen Sie sie heller.
@Webster Nein. Es ist anders herum. Die Luftperspektive (Dunst, Nebel, Staub usw.) lässt leichtere Dinge weiter entfernt erscheinen. Dunkle, lebendige, intensive, gesättigte Farbtöne sind sofort sichtbar und kommen Ihnen näher als verblasste Farbtöne. Die wegweisende Arbeit wurde von Frank Mulvey in seiner „Graphic Perception of Space“ geleistet. Wenn Ihnen die Theorie entgeht, schauen Sie natürlich aus einem Fenster nach einem Beispiel.

Antworten (6)

Wenn Sie möchten, dass die drei oberen Formen Blütenblätter oder Blätter sind, machen Sie sie nicht mehrdeutig.

Im Moment hat es zusätzliche Bögen (wenn ich Ihre "drei" richtig verstehe, und ich bin es vielleicht nicht) und alles hat dieselbe Farbe und Form. Also ändere das.

(Entschuldigung für die grobe Grafik; ich bin vorkoffeiniert :)

Geben Sie hier die Bildbeschreibung ein

Ich habe die untere Bogenlinie entfernt, sodass Sie vier statt sieben Teile haben. Damit sind die „Top Drei“ klar. Ich habe sie anders eingefärbt, um sie noch deutlicher zu machen. Ich habe dann die Größe der linken und rechten Blütenblätter reduziert.

Dadurch wird dieses Bild eindeutig zu "drei blauen Blättern/Blütenblättern auf weißem Hintergrund". Optimieren Sie natürlich nach Bedarf für Ihre Unternehmensanforderungen, aber ich denke, das ist die Richtung, in die Sie zielen müssen, um das zu bekommen, wonach Sie fragen.

Wenn Ihnen diese Antwort gefällt, Sie aber aus irgendeinem Grund die andere Linie beibehalten möchten, können Sie meiner Meinung nach damit experimentieren, sie dünner zu machen als die Trennlinien, die Lauren dort beibehalten hat
Das Aufbrechen des Kreises mit dem großen mittleren "Blütenblatt" zwingt das Auge, sich auf die Teile zu konzentrieren. Nett!
In gewisser Weise (zumindest künstlerisch) bist du von einer Top-down-Ansicht zu einer Side-by-Side-Ansicht übergegangen. Gute Wahl und Ausführung für diesen Fall.
@HoldOffHunger Von oben nach unten? Meine Güte, so habe ich das Original gar nicht gesehen. Legt noch mehr Wert darauf, "die Mehrdeutigkeit zu beseitigen".

Sie könnten einen leicht versetzten Schatten verwenden ... das Blau nach vorne drücken ...

Geben Sie hier die Bildbeschreibung ein

Sie könnten dem Blau einen Farbverlauf hinzufügen, einige dunklere Striche entlang einiger Kanten platzieren, um eine Lichtrichtung anzuzeigen, und dem Blau ein globales Highlight hinzufügen ...

Geben Sie hier die Bildbeschreibung ein

Es gibt keine "typische" Wahrnehmung für diese Art von Gegenständen. Viele werden die weißen Formen sehen... und genauso viele werden die blauen Formen sehen. Es ist ein altes konvex/konkaves Dilemma. Nur über andere Objekte oder Interaktion über Licht/Schatten können Sie für eine bestimmte Wahrnehmung sorgen.

Danke, aber diese Richtung würde es weniger abstrakt machen und von der minimalistischen Art des 2D-Gefühls ablenken.
Nun, dann glaube ich nicht, dass Sie die Wahrnehmung dann ändern können . Abgesehen davon, dass das Symbol auf einer Farbe platziert wird, die über einen gesamten Bereich verwendet wird, wodurch die weißen Bereiche transparent erscheinen.
Ihre Vorschläge könnten die Verwendung für Druckzwecke verringern (z. B. bei Umwandlung in s/w).
  • Entfernen Sie die blaue Füllung von der Kreisform und fügen Sie einen blauen Strich hinzu.
  • Nehmen Sie die 3 Blätter und ändern Sie den Strich auf diesen von weiß zu blau.
  • Stellen Sie sicher, dass alle Formen das gleiche Gewicht (Dicke) verwenden. Oder Sie können den Außenring etwas dicker wählen.
  • Mit minimalen Anpassungen sollten Sie dann ein Logo ohne Füllung und nur Striche haben, ähnlich dem untenstehenden.

Geben Sie hier die Bildbeschreibung ein

Können Sie mir etwas mehr Hilfestellung geben, was Sie genau mit den Blättern meinen? Für mich sind die Blätter nicht die mittleren drei blattähnlichen Formen, sondern die 3 größeren Formen oben (die mittlere betrachten wir beide als Blatt)

Ich kann mir die 3 blauen "Blütenblätter" etwas schwer als Vordergrund vorstellen. Ich habe Probleme herauszufinden, welches vor welchem ​​​​ist, und das bringt mich immer wieder ins Wanken und bringt meinen Glauben durcheinander, dass sie ein konsistentes Ganzes bilden könnten. Der blaue Kreis ist jedoch als Hintergrund gut zu erkennen. Es macht von sich aus durchaus Sinn, wenn Sie den Vordergrund entfernen. Und die Linien machen als Vordergrund durchaus Sinn, also gibt es keinen Grund, sie als Hintergrund zu sehen.

Bei Lauren Ipsums Blume ist dies umgekehrt: Jede Form ergibt einen Sinn als Blütenblatt einer Blume, aber die blauen Formen ergeben zusammengenommen keinen Sinn als eine Reihe von Lücken zwischen Linien, während die Linien einfacher als Lücken zu beschreiben sind als als Linien. Die Linien könnten ein Vordergrund sein, aber sie richten sich nicht ganz dort aus, wo sie es erwarten. Wenn sie ein Hintergrund sind, machen sie absolut Sinn.

Ich sehe zwei grundlegende Möglichkeiten, um Ihre blauen Bereiche wie einen Vordergrund erscheinen zu lassen. Erstens könnten Sie für die Teile, an denen sich zwei Kreise überlappen, eine andere Farbe verwenden. Dadurch würde eine sichtbare Interaktion zwischen den drei kreisförmigen Regionen entstehen, sodass klar wäre, dass es sich um Regionen handelte. Es würde auch die Symmetrie des Logos bewahren. Sie müssen jedoch darauf achten, dass die 4 inneren Regionen nicht in den Vordergrund rücken.

Zweitens könnten Sie die weißen Linien eher wie einen Hintergrund erscheinen lassen. Ich denke, dass jedes Linienmuster als Vordergrund sinnvoll sein wird. Aber ich denke, es ist möglich, dass die Linien als Hintergrund sinnvoller sind als als Vordergrund. Eine Möglichkeit, dies zu tun, wäre, jeden der Schnittbereiche zwischen jedem Blütenblattpaar etwas kleiner zu machen. Dann würde jede lange Kante eines solchen Bereichs nicht ganz mit der entsprechenden Kante des Mittelbereichs ausgerichtet sein. Außerdem würde die Dicke jeder Linie auf eine bestimmte Weise variieren. Es wäre einfach, die unterschiedlichen Dicken und nicht ganz aneinandergereihten Linien als die Lücken zwischen den sieben blauen Regionen zu beschreiben. Aber wenn Sie versuchen würden zu beschreiben, wie sich die Dicke der Linien änderte, wäre es schwierig. Dadurch würden die weißen Linien eher wie ein Hintergrundbild erscheinen,

Schließlich könnten Sie den Rand Ihres Logos so ändern, dass es kein perfekter Kreis ist. Der Bogen, der die Außenseite jedes äußeren Bereichs beschreibt, muss nicht in der Mitte des Kreises zentriert sein. Sie könnten einen beliebigen anderen Kreis durch die beiden Ecken der Region ziehen, und Sie würden immer noch ein symmetrisches Bild erhalten, wenn Sie an allen drei äußeren Regionen die gleiche Änderung vornehmen würden. Dadurch würde die insgesamt blaue Form als Hintergrund weniger Sinn machen.

Hier ist mein Eintrag (und eine Variation), um drei asymmetrische, minimalistische, flache, blaue, lineare Trillium-„Blätter“ auf einem Vorschlag eines weißen Hintergrunds (vor einem weißen Hintergrund gezeigt) zu veranschaulichen.

Blau auf weißer Hintergrundform

Ich glaube, das relevante Gesetz/Prinzip der Gestaltwahrnehmung ist Pragnanz.

Geben Sie hier die Bildbeschreibung ein

Machen Sie den blauen Teil, um einen richtigen 3D-Look zu haben. Dies ist extrudiert und der Betrachtungswinkel ist einige Grad daneben. Das Ergebnis ist auch im BW nutzbar.

sehr schick, aber es löst nicht das Wahrnehmungsproblem. Ich sehe die "drei blauen Blütenblätter / Blätter" immer noch nicht zuerst. Ich sehe viele coole Formen, die durch einen Dreifaltigkeitsausschnitt getrennt sind. Das Problem für mich ist, dass alles immer noch die gleiche Farbe hat. Es gibt nicht genug Unterscheidung, um die „drei“ von „allem anderen“ zu trennen. Außerdem wollte das OP wirklich ein minimalistisches Logo, und auch wenn es cool aussieht, ist es nicht „minimal“.