Visual Identity Essentials: Was hinter dem perfekten Marken-Look and Feel steckt

Veröffentlicht: 2021-03-06

Wenn ein Bild mehr sagt als tausend Worte, dann ist Ihre visuelle Identität eine Million davon wert. Dies ist eine der besten Möglichkeiten, wie Ihre Marke ein zusammenhängendes Image präsentieren kann, das das Publikum inspiriert, ihm das Gefühl gibt, gesehen zu werden oder Teil einer besonderen Gemeinschaft zu sein. Aber welche Rolle spielt die visuelle Identität, um die Loyalität der Verbraucher zu gewinnen und ihre Markenwahl zu beeinflussen?

Betrachten Sie diese beiden Fakten: 95 Prozent der Kaufentscheidungen finden auf einer unbewussten Ebene statt, und Verbraucher entscheiden sich fast sofort für eine Marke aufgrund ihrer visuellen Identität. Studien zeigen, dass Menschen:

  • kann Bilder in nur 13 Millisekunden verarbeiten.

  • sich innerhalb von 50 Millisekunden nach dem Aufrufen eine Meinung über eine Webseite aufgrund ihrer visuellen Attraktivität zu bilden.

  • bewerten eine Marke weitgehend anhand der verwendeten Farbpalette.

Kein Druck, oder?

In diesem Leitfaden zeigen wir Ihnen, wie Sie eine visuelle Identität erstellen, die die Persönlichkeit Ihrer Marke genau widerspiegelt und Ihr Publikum effektiv anspricht. Sie erfahren, warum Farbe, Typografie, Bildsprache und Seitenlayout wichtig sind und wie Sie diese Elemente verwenden können, um die Mission, Vision und Werte Ihrer Marke zu vermitteln.

Was ist visuelle Identität?

Visuelle Identität ist ein Überbegriff, der jedes visuelle Element einer Marke umfasst, von der Farbpalette über die Typografie bis hin zum Layout ihrer Website und ihrer Marketingmaterialien. Zusammen bilden diese Elemente eine visuelle Identität, die als symbolische Bedeutung einer Marke dient. Eine starke visuelle Identität ermöglicht es einer Organisation, die richtige Botschaft über ihren Zweck, ihre Mission und ihre Werte zu verbreiten. Es beeinflusst auch, wie das Publikum die Marke wahrnimmt und wie sie diese Kernprinzipien einhält.


Bildzuordnung: Anthony Rosset bei Unsplash

Wenn es um Content-Marketing geht, ist die Bedeutung der visuellen Identität von größter Bedeutung. Ohne Ihrer visuellen Identität die gebührende Aufmerksamkeit zu schenken, könnten Sie Ihre Marke und alles, wofür sie steht, falsch darstellen. Im Gegenzug kann Ihr Publikum ganz andere Geschichten aus Ihren Inhalten gewinnen als die, die Sie eigentlich erzählen wollten.

Ihre visuelle Identität spiegelt sich in einem gesamten Medienökosystem wider, das eine Website, Präsenz in sozialen Medien, Anzeigen, Blogs, Videos, Mikrografiken, Infografiken, E-Books und mehr umfassen kann. Zusammen vermitteln diese Touchpoints Ihre Schlüsselwerte, Produkte und Botschaften auf eine Weise, die zum Markenzeichen Ihrer Marke wird.

Warum ist visuelle Identität wichtig?

Ihre visuelle Identität überträgt sofort die Persönlichkeit und die Werte Ihrer Marke an ihr Publikum. Eine gut umgesetzte visuelle Identität löst unmittelbare Affinität zu Kunden und Interessenten aus. Visuelle Inkonsistenz hingegen vermittelt Unsicherheit – oder schlimmer noch, Negativität – und kann Ihre Leser, Kunden oder Kunden Ihrer Marke verunsichern oder ihr sogar misstrauen. Eine konsistente, zielgerichtete visuelle Identität unterstützt Ihre allgemeine Markengesundheit in dreierlei Hinsicht:

  1. Es vermittelt die Mission und den Wert Ihrer Marke. Die engagiertesten und ikonischsten Unternehmen betrachten die visuelle Identität als Erweiterung der Persönlichkeit ihrer Marke. Sich als Marke zielgerichtet zu bewegen, zu sprechen und sich zu kleiden, zeigt, dass Sie von Ihren zentralen Zielen und Ihrer Mission überzeugt sind.

  2. Es kommt bei Ihrem Publikum an. Die Kraft der visuellen Identität liegt in ihrer Fähigkeit, sofort eine Affinität zum Publikum zu wecken. Egal, ob Sie eine bestimmte demografische Gruppe erreichen möchten (z. B. Alleinerziehende im Alter von 20 bis 30 Jahren, die in Denver leben) oder abstraktere Personen (wie Spitzensportler, die das Beste aus ihrem Training herausholen möchten), Ihre visuelle Identität ist ein Weg um zu zeigen, dass Sie die emotionalen Bedürfnisse Ihres Publikums verstehen und seine Werte teilen.

  3. Es spiegelt Ihre kulturelle Relevanz wider. Wie Worte sind auch Bilder Produkte unseres soziokulturellen und historischen Kontexts; Sie sind auch die Art und Weise, wie Marken zum kulturellen Kontext ihres Publikums beitragen. Die visuelle Identität kann sich mit Ihrem Publikum weiterentwickeln und zeigt die kulturelle Relevanz Ihrer Marke, wenn sich die Welt um sie herum verändert.

Bei der Einrichtung einer konsistenten und leistungsstarken visuellen Identität geht es jedoch nicht nur darum, auf Ihrer Website und Ihrer Facebook-Seite dieselben Farben zu verwenden. Es geht darum sicherzustellen, dass die Bilder, Farben, Schriftarten und anderen visuellen Elemente, die Sie verwenden, sich über alle Medien hinweg gegenseitig unterstützen. Darüber hinaus stellen Sie sicher, dass diese Elemente die Persönlichkeit Ihrer Marke und den Wert, den Sie dem Publikum bieten, genau widerspiegeln. Wenn Ihre Website-Besucher schnell feststellen können, was den Kern Ihres Unternehmens ausmacht, bevor sie auch nur ein Wort gelesen haben, dann machen Sie in der Abteilung für visuelle Identität etwas richtig.

Wann benötigen Sie eine visuelle Identitätsanalyse?

Es gibt viele Situationen, die eine visuelle Identitätsanalyse rechtfertigen. Einige dieser Anwendungsfälle umfassen, wenn Sie:

  • einer Umbenennung unterzogen

  • eine neue Website starten

  • Synthetisieren von Inhalten über mehrere Plattformen/Seiten

  • Synchronisierung von Designansätzen zwischen Kreativagenturen

  • eine Social-Media-Kampagne starten

  • Erkunden neuer visueller Inhaltstypen (Video, Infografiken)

  • Schaffung von Markenkonsistenz nach einer Fusion

Unabhängig davon, ob Sie bei Null anfangen oder einen bestehenden Styleguide optimieren, müssen Sie einen dynamischen visuellen Ansatz für Ihre Inhalte beibehalten, um sicherzustellen, dass Ihre übergreifende visuelle Identität zuverlässig und vertrauenswürdig ist.

In den folgenden Abschnitten schlüsseln wir die Elemente der visuellen Identität auf, bei denen Ihre Marke möglicherweise überarbeitet werden muss. Denken Sie bei der Überprüfung jedes einzelnen davon über Ihren Geschäftsplan, Ihr Leitbild und Ihre Vision nach. Analysieren Sie anschließend Ihr Medien-Ökosystem sorgfältig und stellen Sie sicher, dass jedes Element auf eine durchdachte und effektive Weise verwendet wird, die Ihren Wert vermittelt. Wenn dies nicht der Fall ist, ist es an der Zeit, einige Anpassungen vorzunehmen.

Die Elemente der visuellen Identität

Bei der visuellen Identität geht es darum, dass das Ganze mehr ist als die Summe seiner Teile. Um die visuelle Identität wirklich zu verstehen, zu identifizieren und anzusprechen, müssen Sie sich überlegen, wie eine Marke ihre Farbe, Typografie, Bildsprache und räumlichen Beziehungen einsetzt. Es gibt andere Elemente, die Sie als Funktionen der visuellen Identität erkunden können, aber diese sind der Kern jeder intelligenten Branding-Strategie.

1. Farbpalette

Farbe ist das grundlegendste Element der visuellen Identität einer Marke. Es ist die Sache, an die sich das Publikum bei einer Organisation am meisten erinnert; Und wenn es effektiv eingesetzt wird, kann es sogar zum Symbol einer Marke werden. Ein typisches Beispiel: Wenn man an Coca Cola denkt, denkt man wahrscheinlich an ein helles, gesättigtes Rot. Und wenn man an seinen Konkurrenten Pepsi denkt, kommt einem wahrscheinlich ein kräftiges Blau in den Sinn. Obwohl sich diese ikonischen Unternehmen hauptsächlich auf eine Handvoll Volltonfarben verlassen, um die Persönlichkeit ihrer Marken zu vermitteln, verwenden andere komplexere Farbpaletten und Hierarchien, um den Verbrauchern zu sagen, wer sie sind.


Bildzuordnung: Clem Onojeghuo bei Unsplash

Die Kraft der Farbe: Emotionen wecken

Da Farben eine so starke emotionale Bedeutung haben, haben sie einen unmittelbaren Einfluss darauf, wie wir etwas verarbeiten und wie wir reagieren, wenn wir es sehen. Eine Marke, die mutig, kraftvoll und leidenschaftlich rüberkommen möchte, könnte sich für rote, ikonische Fox-Noten entscheiden, während eine, die Wärme und Optimismus vermitteln möchte, Gelb als Hauptfarbe verwendet.

Konnotationen

Farbbedeutungen hängen fast ausschließlich vom sozialen und historischen Kontext ab. Schauen Sie sich einfach diese Grafik von Information Is Beautiful an, um zu sehen, wie Farben je nach Ihrer Kultur drastisch unterschiedliche Bedeutungen haben können. Zum Beispiel wird Liebe in der amerikanischen Kultur mit Rot, in der hinduistischen Kultur mit Grün und in der Kultur der amerikanischen Ureinwohner mit Gelb in Verbindung gebracht. Doch so wie sich kulturelle Normen ständig ändern, ändern sich auch Farbkonnotationen.

Selbst innerhalb derselben Kultur kann eine Farbe mehrere – und manchmal widersprüchliche – Konnotationen haben. Seien Sie gewarnt: Sie müssen den richtigen Farbton, die richtige Sättigung und den richtigen Kontrast verwenden, um Ihre Markenbotschaft genau zu vermitteln. In den Vereinigten Staaten zum Beispiel vermittelt Lila normalerweise Weisheit und Reichtum, kann aber auch Dekadenz darstellen. Wenn Sie ein auf Schnäppchen ausgerichtetes Unternehmen sind, das Geld sparen möchte, kann die Verwendung von Lila die falsche Botschaft an Ihr Publikum senden und letztendlich die Ziele Ihrer Marke untergraben.

Laut Iconic Fox sind hier einige andere gängige Farbkonnotationen in den USA:

  • Rot: Intensität, Furchtlosigkeit, Aufregung, Warnung, Gefahr

  • Blau: Vernunft, Stärke, Wachsamkeit, Weisheit, Loyalität, Zuverlässigkeit

  • Orange: Kreativität, Begeisterung, Mut, Risiko

  • Grün: Gesundheit, Hoffnung, Stagnation, Offenheit, Frische

  • Schwarz: Sicherheit, Macht, Autorität, Kälte

  • Gelb: Jugendlichkeit, Glück, Spaß, Impulsivität

  • Lila: Reichtum, Raffinesse, Fantasie, Exzess

  • Pink: Fantasie, Leidenschaft, Sorgfalt, Kreativität, Leichtsinn

  • Weiß: Sauberkeit, Reinheit, Unschuld, Schlichtheit, Distanz

Kontext und Kontrast

Farbkonnotationen hängen auch vom Kontext ab, den Sie ihnen geben. Grün bedeutet in den USA go und vermittelt Natürlichkeit. Rot hingegen bedeutet Stopp und symbolisiert Aufregung. Wenn Farben so viele verschiedene Bedeutungen haben, wie können Sie dann sicherstellen, dass die von Ihnen ausgewählten Farben auch wirklich das bedeuten, was sie bedeuten sollen? Die Antwort besteht darin, ihren Kontext und Kontrast zu kontrollieren. Eine HubSpot-Studie ergab, dass Rot bei Verwendung von Call-to-Action-Buttons um 21 Prozent besser abschneidet als Grün. Aufgrund der Position des Buttons und seines Kontrasts zu den Farben um ihn herum neigten Website-Besucher eher dazu, auf den roten Button zu klicken, weil er ihn für spannender hielt als den grünen Button.

Eine im American Journal of Psychology veröffentlichte grundlegende Studie ergab, dass sich die Zuschauer eher an Gegenstände erinnern und sich mit ihnen beschäftigen, die sich dramatisch von denen in ihrer Umgebung abheben. Auch als Isolationseffekt bekannt, beweist dieses Prinzip, dass Ort und Kontrast von Farben genauso wichtig sind wie die Farben selbst.

Was das für Sie bedeutet

Von all Ihren visuellen Elementen ist Farbe dasjenige, das am meisten dafür verantwortlich ist, ob Zuschauer Ihre Marke mögen, nicht mögen, vertrauen, misstrauen oder ignorieren. Eine Studie ergab, dass die Wirksamkeit der Farbpalette einer Marke weitgehend von der Kundenmeinung abhängt und davon, ob die Farben für das Produkt angemessen sind. Die Lektion hier? Entscheiden Sie sich nicht nur für eine ansprechende Farbpalette. Wählen Sie stattdessen eine aus, die Ihnen hilft, Markenkongruenz zu erreichen.

Wählen Sie bei der Auswahl der Farben, die Ihre Marke repräsentieren, diejenigen aus, die die Mission, Vision und Persönlichkeit Ihres Unternehmens widerspiegeln. Achten Sie auch darauf, wie Sie diese Farben hierarchisieren; Ihre Palette sollte eine Reihe von Charakteren enthalten, aber nicht jede Farbe kann im Mittelpunkt stehen. Wählen Sie den richtigen Stern für Ihre Palette und gehen Sie strategisch vor, wie Sie sie und ihre unterstützenden Farben verwenden, und berücksichtigen Sie dabei, wie sie in den Kontext Ihrer gesamten Seite und Website passen.

Farbbegriffe, die Sie kennen sollten

  • Farbkontrast: der Tonunterschied zwischen einer Farbe und einer anderen

  • Farbhierarchie: die Dominanz bestimmter Farben gegenüber anderen Farben, die sich auf die Art und Weise bezieht, wie Farben sich voneinander abheben oder nicht

  • Farbpsychologie: die Untersuchung, wie sich Farben bei Menschen fühlen und wie Menschen auf Farben reagieren

  • Hex-Code: eine Messung einer Farbe basierend auf ihrem hexadezimalen Wert

  • Palette/Schema: eine Auswahl aufeinander abgestimmter Farben

Berücksichtigen Sie bei der Beurteilung der Farbverwendung Ihrer Marke diese kritischen Fragen:

  1. Was sagen die Farben Ihrer Marke über die Persönlichkeit Ihres Unternehmens aus? Entspricht dies Ihren strategischen Zielen?

  2. Wie schneidet die Farbpalette Ihrer Marke im Vergleich zu denen Ihrer Wettbewerber in der Branche ab? Steht deiner genug heraus? Steht es zu sehr auf?

  3. In welchen Szenarien werden Sie Farbe verwenden, um Aktionen auf Ihrer Website oder in Ihren Marketingmaterialien zu fördern? Unterstützen die von Ihnen verwendeten Farben wahrscheinlich die Aktionen, die Ihr Publikum ausführen soll?

  4. Wie kommt das alles zusammen? Sind Ihre Farben ausgewogen? Sehen sie aus wie Ihre Marke?

Wer macht es richtig

Der Green Climate Fund ist ein Zusammenschluss von 194 Ländern, die sich aktiv für den Klimawandel einsetzen – und sein farbliches Branding spiegelt genau das wider. Sein grün-blaues Logo erinnert sofort an seine Hauptanliegen: Erde und Wasser. Durch die Kontrastierung des Logos mit knallweißen und tiefschwarzen Elementen auf seiner Website nutzt der Green Climate Fund strategisch den Isolationseffekt voll aus.

Grüner Klimafonds

Wer braucht etwas Arbeit

Obwohl das Grün in der Masters-Farbpalette einen unberührten Golfplatz genau widerspiegelt, schmälert sein Kontrast zu Gelb das Prestige des Turniers. Tatsächlich bewerteten 22 Prozent der Befragten Gelb in einer Studie als "billige" Farbe und 26 Prozent hielten Orange für die billigste Farbe von allen. Die Verwendung von Gelb, insbesondere in Kombination mit Grün, untergräbt die elitäre Athletik und Raffinesse, die das Turnier repräsentieren soll.

Homepage des Meisters

2. Typografie

Text sagt uns etwas, aber er zeigt uns auch etwas. Die Buchstaben des Alphabets und die daraus gebildeten Wörter sind ebenso visuell wie textlich. Ihre visuellen Aspekte – wie sie auf einer Seite oder einem Bildschirm erscheinen – sagen uns etwas über die Bedeutung dahinter, ob dies beabsichtigt ist oder nicht. Die Kraft der Typografie: Persönlichkeit und Klarheit

Schriftarten haben unterschiedliche Persönlichkeiten. Sie können stoisch, humorvoll, ernst oder sogar skurril sein. Und ihre Persönlichkeit kann sich im Laufe der Zeit ändern. Tatsächlich waren verschiedene Schriftarten zu verschiedenen Zeiten beliebt, und jede trägt heute dieses historische Gewicht mit sich.

Im Jahr 2012 führte Errol Morris eine inoffizielle Studie in der New York Times durch, in der 45.000 Leserreaktionen auf eine Behauptung in sechs verschiedenen Schriftarten gemessen wurden: Computer Modern, Georgia, Helvetica, Trebuchet, Comic Sans und Baskerville. Morris bat die Leser zu notieren, ob die Behauptung ihrer Meinung nach wahr oder falsch war. Das Ergebnis? Die Leute glaubten eher, dass die Behauptung wahr war, als sie in Baskerville geschrieben wurde.

Baskerville ist eine Serifenschrift, die in der Vergangenheit in Zeitungen verwendet wurde und einen Ruf für Ernsthaftigkeit, Wahrheit und Raffinesse hat. Comic Sans hingegen nicht. Es ist keine Überraschung, dass die Visualität der Behauptung von Baskerville die Leser ermutigte, den darin enthaltenen Worten zu vertrauen.

Typografie transportiert die Persönlichkeit Ihrer Marke, hat aber auch einen entscheidenden Einfluss auf die Wirksamkeit Ihrer Botschaften.

Hier ist eine Aufschlüsselung einiger gängiger Schriftarten und ihrer Geschichte:

Serifenschriften:

  • Alter Stil

    • Beispiele: Adobe Jenson, Goudy Old Style

    • Gekennzeichnet durch: eine diagonale Belastung des dünnsten Teils der Buchstaben; häufig in Zeitungen und Zeitschriften

    • Datiert zurück: in die 1400er Jahre; die ältesten Serifenstile

    • Eigenschaften: anspruchsvoll, seriös, weise

  • Übergangszeit

    • Beispiele: Times New Roman, Baskerville

    • Gekennzeichnet durch: eine vertikale Symmetrieachse

    • Datiert zurück: bis ins 18. Jahrhundert

    • Qualitäten: traditionell, geradlinig

  • Neoklassizistisch/modern

    • Beispiele: Didot, Marconi

    • Gekennzeichnet durch: die signifikanten Unterschiede zwischen dicken und dünnen Strichen

    • Datiert zurück: bis ins 18. Jahrhundert

    • Eigenschaften: zeitgenössisch, frisch, weise, selbstbewusst

Sans-Serif-Schriften:

  • Grotesk:

    • Beispiele: Venus, News Gothic

    • Gekennzeichnet durch: ihre Ähnlichkeit mit Serifen, jedoch ohne Serifen; gut für Titel und Schlagzeilen

    • Datiert zurück: bis ins 18. Jahrhundert
    • Eigenschaften: Autorität, Kühnheit

  • Neogrotesk:

    • Beispiele: Helvetica, Roboto

    • Gekennzeichnet durch: ihre Ähnlichkeit mit Grotesken, aber schlichter im Aussehen

    • Daten zurück: in die 1900er Jahre
    • Eigenschaften: geradlinig, präzise, ​​sauber, einfach

  • Humanist:

    • Beispiele: Verdana, Calibri

    • Gekennzeichnet durch: ihre geringe X-Höhe und den geringen Kontrast zwischen den Strichen

    • Datiert zurück: in die 1400er Jahre
    • Eigenschaften: Weich, geradlinig

  • Geometrisch:

    • Beispiele: Gotham, ITC Avantgarde

    • Gekennzeichnet durch: ihr geometrisches Aussehen, insbesondere in O-förmigen Buchstaben

    • Daten zurück: in die 1900er Jahre
    • Eigenschaften: Modern, clean aber verspielt, voll, satt

Was es für Sie bedeutet

Die Auswahl einer Schriftfamilie, die zu Ihrer Marke, Ihrer Farbpalette, Ihrem Logo und Ihren Bildern passt, trägt dazu bei, die Persönlichkeit Ihres Unternehmens zu vermitteln und die Stimmung hinter jeder Botschaft an Ihr Publikum zu verstärken.

Aber nicht nur die Schriftart beeinflusst die Bedeutung Ihrer Nachrichten. Lage, Größe, Form, Farbe und Kontrast von Wörtern tragen alle dazu bei, wie die Leser sie verstehen. Sogar in diesem Whitepaper haben wir bestimmte Wörter fett gedruckt, andere kursiv gesetzt und die Größe bestimmter Zeilen angepasst, damit Sie sich leichter durch den Inhalt bewegen und Informationen herausziehen können. Ohne den Text zu lesen, wissen Sie wahrscheinlich, welche Zeilen Überschriften sind, welche Wörter die wichtigsten sind und welche Phrasen auf Abschnittswechsel hinweisen. Sie haben diese Informationen visuell gesammelt, nicht nur textuell. Das ist die Macht der Typografie.

Typografiebegriffe, die Sie kennen sollten

  • S erif: die Füße eines Buchstabens, die abgerundet oder eckig sein können
  • Sans Serif: Schriften mit Buchstaben ohne Füße
  • Schrift: eine Gruppe von Schriftstilen mit ähnlichen Grundeigenschaften
  • Strich: die Zeilen innerhalb eines Buchstabens, ohne Serifen
  • Schriftstärke: die Stärke der Striche innerhalb einer Schrift
  • Ascender: alle Striche, die über die Mittellinie hinausragen, wie die oberen Hälften der Buchstaben l, h und f
  • Grundlinie : die horizontale Linie, die am unteren Rand der Buchstaben verläuft
  • Versalhöhe: die Höhe eines Buchstabens von seiner Grundlinie bis zum oberen Ende seiner Oberlänge
  • Abstieg: alle Striche, die unter die Grundlinie fallen, wie die unteren Hälften der Buchstaben p, q und y
  • Medianlinie: die horizontale Linie, die am oberen Rand von Kleinbuchstaben verläuft
  • Kerning: der Vorgang der manuellen Anpassung des Abstands zwischen einzelnen Buchstaben in einem Wort aus Gründen der Lesbarkeit und des Stils
  • Führen: der Prozess der Anpassung des Abstands zwischen den Zeilen
  • Tracking: der Vorgang des manuellen Anpassens des Abstands zwischen allen Buchstaben in einem Wort für Lesbarkeit und Stil
  • Typografische Hierarchie: Wie Text auf Ihrer Seite priorisiert wird, um die Bedeutung hervorzuheben
  • X-Höhe: die Höhe eines Kleinbuchstabens von seiner Grundlinie bis zu seiner Mittellinie

Berücksichtigen Sie bei der Bewertung des Einsatzes von Typografie durch Ihre Marke die folgenden Fragen:

  1. Wie haben Sie die Schriftarten für Ihre Marke ausgewählt? Was sagt Ihre Schriftauswahl über Ihre Inhalte aus?

  2. Inspiriert Ihre Typografie irgendwelche Emotionen oder Gedanken? Entsprechen diese der Persönlichkeit und Strategie Ihrer Marke?

  3. Wie schneiden Ihre typografischen Entscheidungen im Vergleich zu denen Ihrer Mitbewerber ab? Helfen sie Ihrer Marke, sich abzuheben oder sich einzufügen?

  4. Was sagt Ihre typografische Hierarchie Ihrem Publikum über Ihre Prioritäten? Stehen die richtigen Botschaften hervor?

  5. Verwendet Ihre Marke Typografie absichtlich und nachdenklich?

Wer macht es richtig

Im Jahr 2012 gründeten die Twitter-Mitbegründer Ev Williams und Biz Stone Medium, eine beliebte Publishing-Plattform, die davon überzeugt ist, dass „Worte zählen“. Ihre Site verwendet eine Transitional-Schriftart für Überschriften, um einen zugänglichen, aber vertrauenswürdigen Ton zu vermitteln, und eine humanistische Sans-Serif-Schrift (Freight Sans) als Absatztext, um ein warmes und einladendes Erscheinungsbild auszustrahlen. Es verwendet auch eine starke typografische Hierarchie – die unterschiedlich große Linien, unterschiedliche Großschreibung und Strichstärke sowie leicht unterschiedliche Schriftfarben umfasst – um zu signalisieren, welche Bereiche der Seite am wichtigsten sind.

Mittel

Wer braucht etwas Arbeit

Obwohl das Logo von AutoZone eine ziemlich starke typografische Hierarchie aufweist, fehlt diese Organisation auf dem Rest der Homepage. Das Auswahlmenü, der Call-to-Action und die Bannerüberschrift verwenden alle ähnlich große Schriftarten und sind mit wenig Spielraum eng aneinander strukturiert. Darüber hinaus verwendet die Marke Helvetica Neue, eine gängige neogroteske Schrift, die sich durch ihren engen Buchstabenabstand auszeichnet. Dieser Schriftart fehlt es an Unterscheidung, was es den Lesern leicht macht, wichtige Bereiche der Seite zu beschönigen.

AutoZone

3. Bildmaterial

Obwohl die visuelle Identität aus vielen Elementen besteht, sind Bilder und Symbole diejenigen, die Ihre Seitenbesucher am meisten beeinflussen können. Bilder erzählen eine Geschichte, und Ihre Auswahl an Bildern sollte eine Erzählung schaffen, die sowohl beim Publikum ankommt als auch mit dem Rest Ihrer Botschaft übereinstimmt.

Die Macht der Bilder: Instant Storytelling

Laut einer in Attention, Perception, & Psychophysics veröffentlichten Studie können Menschen Bilder in nur 13 Millisekunden verarbeiten – das ist 60.000 Mal schneller als die Geschwindigkeit, mit der wir Text verarbeiten. Das richtige Bild zur richtigen Zeit am richtigen Ort zu haben ist entscheidend, um Ihren Leser durch das Inhaltserlebnis zu führen.

Eine Studie im Journal of Business & Industrial Marketing ergab, dass dienstleistungsbezogene Bilder einen direkten positiven Effekt auf den Aufbau der Kundenbindung haben, während die durch warenbezogene Bilder aufgebaute Loyalität von der Zufriedenheit des Kunden mit dem Bild abhängt. Diese Studie zeigt, dass Ihre Bilder keine Ergänzung zu Ihren Texten und Produkten sind, sondern eine andere Art der Kommunikation und Interaktion mit Ihrem Publikum. Bei richtiger Verwendung können Bilder Ihnen helfen, ihr erstes Geschäft und eine langfristige Loyalität zu gewinnen.

Was es für Sie bedeutet

Wenn Sie an visuelle Identität denken, sind Bilder wahrscheinlich das erste Asset, das Ihnen in den Sinn kommt. Bilder unterstützen und kontextualisieren Erzählungen. Sie können auch eine eigene Geschichte erzählen. Bei sorgfältiger Verwendung können Bilder sofort eine sinnvolle Verbindung zwischen Ihrer Marke und Ihrem Publikum herstellen. Wenn sie willkürlich oder ohne Absicht verwendet werden, können Bilder jedoch die Sicht Ihres Publikums auf Ihre Marke trüben und Botschaften senden, die nicht mit der Gesamtgeschichte, die Sie erzählen möchten, übereinstimmen.

Bei der Auswahl von Bildern ist es wichtig, Inhalts- und Stilelemente zu berücksichtigen:

  • Inhaltselemente umfassen Einstellungen, Akteure, Themen, Umgebungen und Interaktionen.
  • Stilelemente umfassen Farbpaletten, Filter, Flares, Bearbeitung und Komposition.

Zusammen beeinflussen diese Komponenten, wie das Publikum Ihre Bilder und letztendlich Ihre Marke wahrnimmt.

Es ist wichtig, dass Ihre Bilder Ihre anderen visuellen Elemente ergänzen, aber sie müssen auch miteinander konsistent sein. Sie sollten auch die Figuren und Personen berücksichtigen, die Sie in Ihre Bilder aufnehmen. Spiegelt Ihre Fotografie die Zielgruppe wider, die Sie ansprechen? Sind Ihre Bilder eine wahre Darstellung Ihrer Branche und der Welt Ihres Publikums?

Bildsprache, die Sie kennen sollten

  • Komposition: wie die Elemente – textuell, visuell oder abstrakt – eines Bildes innerhalb eines Rahmens angeordnet sind

  • Symbol: eine grafische Darstellung einer Marke oder eines Artikels

  • Filtern: der Prozess der Verbesserung eines Bildes durch Reduzierung von Rauschen, Hervorhebung von Merkmalen, Trennen von Merkmalen oder Abstumpfen von Merkmalen

  • Lens Flare: Wenn das Licht durch die Linse verteilt wird, entsteht ein helles sternähnliches Bild

  • Rand : der Raum um den Rand eines Bildes

  • Drittelregel: Wenn ein Bild in ein Raster von neun gleichmäßig verteilten Feldern unterteilt ist, sollten die Punkte, an denen sich die Rasterlinien treffen, Brennpunkte des Bildes sein

  • Sättigung: die Intensität eines Farbtons

  • Textur: der taktile Effekt, der von einem Bild erzeugt wird

Berücksichtigen Sie bei der Bewertung des Zustands des Bildportfolios Ihrer Marke (einschließlich Ihrer Bilder, Symbole und Logos) die folgenden Fragen:

  1. Sind die Bilder Ihrer Marke in Qualität und Stil konsistent?

  2. Was sagen die Symbole und Bilder Ihrer Marke dem Publikum über die Persönlichkeit Ihrer Marke?

  3. Was lernt das Publikum aufgrund seiner Symbole und Bilder über Ihre Marke?

  4. Unterstützen Ihre Bilder Ihre gesamte Markenerzählung?

  5. Wen repräsentieren Ihre Bilder?

Wer macht es richtig

The North Face zeichnet sich dadurch aus, dass es die narrative Konsistenz zwischen seiner Marke und seinen Bildern fördert. Auf der gesamten Website sind die Bilder vollgepackt mit Abenteuerrahmen, Menschen, die den Elementen trotzen, und klaren, klaren, schnörkellosen Kompositionen, die alle perfekt zur Persönlichkeit der Marke und ihrem Slogan passen: "Never stop explore."

Die Nordwand

Wer braucht etwas Arbeit

Die Website des Grand Canyon National Park bietet unzählige nützliche Informationen, die Touristen und Einheimische nutzen können, um das Beste aus ihrem Urlaub zu machen, aber den Bildern auf der Website fehlt die gleiche Raffinesse und Kontinuität. Originalfotos und Archivfotos stehen neben Illustrationen und Animationen, alles ohne die konsistente Filter- und Farbpalette, die für ein einheitliches Marken-Look and Feel erforderlich ist.

Grand-Canyon-Nationalpark

4. Räumliche Beziehungen und Seitenlayout

Bei dem Mantra „Ein Platz für alles und alles an seinem Platz“ geht es um mehr als organisierte Schubladen und einen sauberen Raum. Wenn es um Ihre visuelle Identität geht, können räumliche Beziehungen und das Layout von Bildern und Texten einen großen Einfluss auf die Fähigkeit Ihres Publikums haben, auf Ihrer Website zu navigieren und mit Ihren Inhalten zu interagieren. Wenn Ihre Seite zu überladen ist, könnte sie einen Benutzer überfordern. wenn es zu leer ist, kann es unfertig oder unscheinbar erscheinen.

Die Macht räumlicher Beziehungen: Aufmerksamkeit lenken

Ästhetische Entscheidungen und Seitendesign-Layouts wirken sich direkt auf die Interaktion der Benutzer mit Ihrer Marke aus. Sie können auch beeinflussen, wie sehr das Publikum Ihrer Marke vertraut. Eine Studie ergab, dass 94 Prozent der Teilnehmer beim ersten Aufrufen der Website einer Marke der Organisation misstrauten, wenn ihre Seite ein problematisches Design hatte. In der Studie heißt es weiter, dass überladene, langweilige und geschäftige Layouts Misstrauen und Verwirrung auslösen können.

Um zu verstehen, wie das Publikum mit Inhalten navigiert, ist eine grundlegende Vertrautheit mit den Gestaltprinzipien der Gruppierung erforderlich. In den 1920er Jahren entwickelten die Psychologen Max Wertheimer, Kurt Koffka und Wolfgang Kohler die Gestaltprinzipien der Gruppierung, die bestimmte Gesetze der Wahrnehmung beschreiben. Menschen gruppieren beispielsweise visuelle Elemente, die ähnlich aussehen oder nahe beieinander liegen. Letztendlich erklären diese Prinzipien drei Hauptgrundsätze der menschlichen Wahrnehmung:

  1. Wir sehen das Ganze, bevor wir die Teile sehen.

  2. Das Ganze ist anders als die Summe der Teile.

  3. Wir machen instinktiv Muster und Gruppierungen mit den Teilen.

Stellen Sie sich den ersten Grundsatz als den ersten Eindruck Ihres Publikums von Ihrer Website vor und den zweiten als die Reise Ihres Publikums durch Ihre Seite. Der dritte Grundsatz ist, wie Ihr Publikum die Seite als Ganzes verarbeitet und von dort aus seine Wahrnehmung Ihrer Website bildet.

Was es für Sie bedeutet

Ein logischer Fluss von Text und Bildern hilft Ihrem Publikum, durch Ihre Website zu führen. Englisch lesende Zielgruppen neigen dazu, beim Betrachten von Bildern und Webseiten automatisch einem Z-Pfad-Muster (von oben nach unten, von links nach rechts) zu folgen, das die Art und Weise nachahmt, wie sie geschriebenen Inhalt scannen. Wenn diese Benutzer jedoch zu viel vom Z-Pfad in Ihrem Seitendesign finden, werden sie oft darauf zurückgreifen, Bereiche zu überfliegen oder zu beschönigen, die nicht auffallen.

Eine gut gestaltete Seite kann Benutzer aus dem Z-Pfad herausführen und sie ermutigen, sich mit bestimmten Elementen zu beschäftigen. Die bewusste Anordnung der Elemente Ihrer Seite in einer Containerhierarchie kann Ihnen dabei helfen, die Interaktion des Publikums mit Ihren Inhalten zu steuern.

Bei der Gestaltung Ihrer Website ist es wichtig, Ihren Inhalten Raum zum Atmen zu lassen. Dies kann durch die Verwendung von Leerräumen und Rinnen erreicht werden. Denken Sie daran, dass ein durchdachtes Layout der Schlüssel ist, um den Besuchern bei der Navigation auf Ihrer Website zu helfen.

Layoutbegriffe, die Sie kennen sollten

  • Above the fold: der Teil einer Webseite, der vor dem Scrollen nach unten sichtbar ist

  • Artefakte: Grafiken, Objekte oder anderes Marketing, das nicht Teil des erstellten Inhalts ist
  • Container: die Elemente einer Seite, die Inhalte enthalten und der Seite Struktur verleihen

  • Gutter: der Abstand zwischen Containern auf einer Seite

  • Raster: die Struktur der Container, aus denen eine Seite besteht

  • Waffeleisengitter: eine Standardstruktur aus neun (manchmal mehr oder weniger) gleich großen und positionierten Behältern

  • Hyperframe/Margin: der Raum um den Rand einer Seite

  • Multiframe: der Raum um das gesamte Design-Asset (nicht nur eine einzelne Seite dieses Assets)

  • Rail: die vertikalen Container, die entlang der rechten oder linken Seite des Inhaltskörpers verlaufen

  • Leerraum: Leerraum zwischen und um Behälter, der den Inhalt atmen lässt

Berücksichtigen Sie bei der Beurteilung des Layouts Ihrer Seiten und Ihres Inhalts die folgenden Fragen:

  1. Wie priorisieren Sie die Elemente Ihrer Markenseite? Gibt es eine bewusste Hierarchie in Ihrem Layout?

  2. Welchen Eindruck wird das Publikum von Ihrem Layout bekommen? Zeigt es Vertrauen oder Unsicherheit?
  3. Ist die Seite zu überladen? zu spärlich?
  4. Wie führt Ihr Layout die Augen durch die Seite? Ist es effektiv?

  5. Folgt Ihre Seite dem Z-Pfad-Lesemuster? Oder leitet es das Publikum zu verschiedenen Ecken Ihrer Website?

Wer macht es richtig

Durchdacht platzierte Container unterschiedlicher Größe helfen dabei, Inhalte im Slack-Blog zu priorisieren, ohne den Leser zu überfordern oder ihn zum Scrollen zu zwingen. Die Marke setzt verschiedene Inhaltskategorien mit einem Standardüberschriftenstil, aber unterschiedlichen Containerkonfigurationen, die das visuelle Interesse wecken und gleichzeitig eine subtile Veränderung der Art des Inhalts signalisieren, den der Leser betrachtet.

Locker

Wer braucht etwas Arbeit

Beim Design von Webseiten ist es wichtig, Elementen Raum zum Atmen zu geben. Zu viel Leerraum kann jedoch dazu führen, dass Ihre Website wie eine laufende Arbeit aussieht, wie dies bei der Landingpage von PBS der Fall ist.

PBS

Alternativ verfehlt der Rolling Stone seine Seite, indem er seine Seite überfüllt. Zu viele Container und eine übermäßige Nutzung des Schienenraums lassen diese Seite überladen und unorganisiert erscheinen.

Rollender Stein

Zeigen Sie der Welt, wofür Ihre Marke steht

Von der Farbpalette und Typografie bis hin zu Bildern und Layout ist die visuelle Identität Ihrer Marke von zentraler Bedeutung dafür, wie das Publikum Ihre Inhalte wahrnimmt, mit ihnen interagiert und sie teilt. Mit den Best Practices und Erkenntnissen, die in diesem Vordenker-Asset vorgestellt werden, können Sie Ihre visuelle Identität verfeinern. Denken Sie jedoch daran, dass die Einrichtung einer visuellen Identität weder eine Einheitsübung noch ein einmaliger Prozess ist.

Was für eine Marke funktioniert, funktioniert möglicherweise nicht für Ihre, und was sich heute wie eine solide visuelle Identität anfühlt, kann in einem Jahr völlig daneben sein. Es ist nicht nur wichtig, bei der Gestaltung Ihrer visuellen Identität ein Gleichgewicht zwischen Markenkonsistenz und Design-Best Practices zu finden, sondern Sie möchten auch sicherstellen, dass Ihre ästhetischen Entscheidungen Ihre aktuelle Mission, Werte und Vision genau widerspiegeln.

Sie sind der Experte für Ihre Marke und es liegt an Ihnen, sicherzustellen, dass ihre Persönlichkeit bei allem, was Sie tun, wahr wird, vom Design Ihrer Website bis hin zu den Schriftarten, die Sie in Ihren Inhalten verwenden. Sie müssen auch Bilder auswählen, die Ihre Marke und ihr Publikum repräsentieren. Denn wie das alte Sprichwort sagt: „Sehen heißt glauben“. Wenn Ihrem Publikum gefällt, was es sieht und sich gesehen fühlt, wird es Ihre Marke wahrscheinlich unterstützen und sich auf alles freuen, was es als nächstes tut.

Namensnennung des angesagten Bildes: Mahir Uysal auf Unsplash