Logos für Print versus Online - Identifizieren Sie Ihre Zielgruppe und Design entsprechend

Da die Effektivität und der straffe Ansatz einer Online-Präsenz nach wie vor das wichtigste Mittel der Geschäftskommunikation sind, ist die Marke eines Unternehmens stark darauf angewiesen, wie ein Logo mit seiner Website verbunden ist.

Wir werden eine Reihe von Problemen untersuchen, die sich auf die Arbeit mit und die Integration von Logos beziehen, einschließlich effektiver und ineffektiver Kombinationen und der Tatsache, dass sich online präsentierte Logos von ihren gedruckten Gegenstücken unterscheiden. Außerdem besprechen wir, was ein Logo aus Usability und technischer Sicht erfolgreich macht.

Dieser Beitrag ist der fünfte Tag unserer Grafikdesign-Sitzung. Creative Sessions "Session Day 4Session Day 6"

Skype

Skype ist ein Online-Dienst, bei dem Benutzer online kostenlos telefonieren, Sofortnachrichten senden und Videoanrufe kostenlos führen können (in einigen Fällen eine geringe Gebühr). Das Hauptaugenmerk von Skype liegt auf der Online-Verbindung von Freunden und Familie. Wenn Besucher mit ihrer Marke interagieren, ist alles online. Ihr Logo wird jedoch meistens mit einem 3D- oder abgeschrägten Effekt angezeigt, während das flache Blau für andere Anwendungen reserviert ist, die möglicherweise keine subtilen Farbänderungen zulassen. Diese Fälle treten im Allgemeinen bei gedruckten Teilen wie Faxbögen, bestickten Kleidungsstücken, geätzten Oberflächen und Vinylbeschriftungen auf.

Man kann mit Fug und Recht behaupten, dass Skype den Besuchern hauptsächlich die abgeschrägte Version des Logos vor Augen halten möchte. Diese Version hat eine weichere und ansprechbarere Anziehungskraft, die in mehr Situationen als aus Sicht der Benutzerfreundlichkeit hinsichtlich ihres Geschäftsmodells funktioniert.


Digg

Digg ist eine Online-Plattform, auf der Benutzer abstimmen können digg interessante Geschichten.

Digg hat eine Reihe von Stilen und Symbolen, die seine Marke kennzeichnen. Im Gegensatz zu Skype, dessen primäres Logo überall, wo es auftritt, ziemlich einheitlich ist, ist die Implementierung von Digg einzigartig und vielfältig. Die Homepage von Digg verwendet ein umgekehrtes (weißes) Logo.

Digg hat die visuellen Elemente, die Besucher mit ihnen verknüpfen, durch Verwendung anderer Symbole und nicht durch ihr Logo erweitert, um sich zu identifizieren. Wenn jemand einen Artikel, eine Geschichte, ein Foto oder ein anderes "Digg" erstellen möchte, wird kein Bild des Digg-Logos angezeigt. Stattdessen wird eine Zahl angezeigt, die angibt, wie viele Diggs der betreffende Eintrag enthält, während das Wort "Digg "ist klein geschrieben und unter der Zahl (siehe 1).

Mit einer Website, die genauso beliebt ist wie Digg, ist es schwierig, die Verwendung ihrer visuellen Elemente zu kontrollieren. Das Unternehmen wird regelmäßig von Firmenlogos geändert, was die Wirksamkeit einer starken Marke in der Regel abschwächt. Es ist üblich, benutzerdefinierte Symbole und Grafiken zu sehen, die professionell aussehen oder auch nicht, die ein Unternehmen repräsentieren, das wir kennen. Digg ist selten in der Tatsache, dass sie Besucher dazu auffordern, einige der visuellen Elemente, die sie repräsentieren, zu ändern. Das Digg-Schaufel-Symbol (siehe 2) ist eines dieser Beispiele. Digg erlaubt es offen, dieses Symbol zu ändern, um es den Anforderungen einer Website anzupassen, wie hier angegeben.

Das vollfarbige Digg-Logo (siehe 3) wird in einer anderen Funktion verwendet, nicht unbedingt weniger häufig, aber nicht als primärer Bezeichner, den die Besucher bevorzugen. Dies kann aufgrund der fehlenden Nutzung an einer der prominentesten Stellen, der Website oder unter den Digg-Schaltflächen, festgestellt werden.


Feuerfuchs

Firefox ist ein beliebter Webbrowser. In der Tat lesen die meisten von Ihnen wahrscheinlich diesen Artikel damit!

Firefox ist ein weiteres hervorragendes Beispiel für ein Produkt, das gelegentlich gedruckte Dokumente (möglicherweise auf Unternehmensebene) enthält, während seine Hauptfunktion vollständig online ist. Wenn eine Person Firefox verwenden möchte, klicken Sie auf ein vollfarbiges und prächtiges Firefox-Symbol. Sobald Sie sich in der Anwendung befinden, sehen Sie das Firefox-Logo nicht mehr.

Lassen Sie uns dazu wechseln, wie die Logos in Werbung übersetzt werden. Das Firefox-Logo in seiner Gesamtheit (siehe 1) besteht aus dem Symbol und dem Text. Wenn das Symbol selbst nicht verwendet wird, schreiben sie einfach das Wort "Firefox" (siehe 2.) Die Versionen 3 und 4 werden einfach umgekehrt, wenn der Hintergrund zu ähnlich ist oder eine unangenehme Kombination mit dem orangefarbenen Text ergibt. Sie werden niemals eine offizielle Version des Wortes "Firefox" in einer anderen Farbe sehen.


Eins hier eins da

One Here One There (OHOT) ist ein gemeinnütziger Verein, der durch Bildung das Wachstum in Afrika südlich der Sahara fördert. Die Marke OHOT gewinnt sowohl im Online- als auch im Printbereich gleichmäßiger (verglichen mit den oben genannten Beispielen). Da dies der Fall ist, musste das OHOT-Logo während der gesamten Kampagne weitgehend einheitlich bleiben. Das untenstehende OHOT-Logo verwendet nur zwei Farben, Grün und Grau. Da OHOT eine gemeinnützige Organisation ist, verwendet sie begrenzte Farben in ihrem Logo, wodurch sie wiederum Geld für gedruckte Teile sparen können.

Die OHOT-Website verwendet das Logo in unveränderter Form auf hellgelbem Hintergrund. Da die Verwendung des Logos gleichermaßen Print- und Online-Anwendungen umfasst, bleibt das OHOT-Logo konstant.

Unten ist eine gedruckte Anzeige, die eine umgekehrte Version des Logos enthält. Nicht viel hat sich geändert.

Diese Anzeigenwerbung behandelt das Logo auf ähnliche, jedoch kreative Weise.

OHOT-Logo und -Kampagne entworfen und mit freundlicher Genehmigung von Ad 2 Tampa Bay.


Weniger effektive Nutzung eines Logos online

Als wichtige Informationsquelle ist eine Website ein Eckpfeiler für ein erfolgreiches Markenimage. Es ist wichtig, dass Ihr Logo gut funktioniert, unabhängig davon, ob es sich um einfache, dreidimensionale, kunstvolle, extravagante etc.

Nehmen Sie zum Beispiel das berühmte MGM-Logo. Dieses Logo gibt es schon seit vielen Jahren und ist an und für sich ein gut aussehendes Logo. Andererseits ist die Umsetzung in die Website nicht ideal. Beobachten Sie, wie der Schlagschatten zu groß ist und die Lesbarkeit des Logos beeinträchtigt. Es wäre viel effektiver gewesen, den Schlagschatten zu beseitigen und mit der Hintergrundfarbe zu experimentieren, zumindest direkt hinter dem Logo.

Es ist wichtig, dass Ihre Online-Präsenz das Bild darstellt, das Sie vermitteln möchten. Im Fall von MGM ist die Website eine wichtige Informationsquelle, aber mehr Menschen sehen das Logo eher auf der großen Leinwand als auf ihrer Website.

Das wichtigste zu berücksichtigende Konzept ist, dass ein Logo unter allen Umständen gut funktionieren sollte. Wenn Sie dieses Konzept bei der Erstellung des Logos im Hinterkopf behalten, wird das Ergebnis über viele Jahre hinweg sowohl in digitaler als auch in gedruckter Form funktionieren.


Ressourcen

Nachfolgend finden Sie einige Ressourcen, die ich als hilfreich empfunden habe, wenn es darum geht, Inspiration zu erhalten oder Schritte auszuführen, die zum Erstellen eines Logos erforderlich sind.

Identitätsarbeit

Identityworks bietet eine Vielzahl von Informationen zu Branding, Logos, Logo-Neugestaltungen und mehr. Folgen Sie dem Link, um zu sehen, wie Unternehmen mithilfe von Richtlinien visuell konsistent aussehen.

Veer

Veer ist eine Fotoarchiv-Website, auf der Sie eine große Auswahl an hochwertigen Schriftarten finden und kaufen können, wenn Sie nach der perfekten Schrift für Ihr Logo suchen. Noch besser ist, dass Sie Ihre eigenen Buchstaben setzen können, um zu sehen, wie sie in einer bestimmten Schriftart aussehen.

Einer der größten Vorteile beim Kauf einer Schrift ist, dass die Anzahl der Personen, die dieselbe Schrift in ihrem Logo verwenden, begrenzt ist. Wenn Sie etwas Exklusiveres suchen, ist dies der richtige Weg.

Fawnt

Fawnt hat einige trendige und einzigartige Schriftarten, die kostenlos heruntergeladen werden können. Schauen Sie sich die Schriftart namens Diavlo an, sie ist ziemlich cool.

Kuler

Kuler ist das Online-Tool von Adobe zum Auswählen von Farbkombinationen. Benutzer können ihre eigene Kombination mit verschiedenen Schiebereglern und Optionen erstellen. Sie können Farbpaletten, die von anderen Benutzern erstellt wurden, direkt in Ihre Adobe-Anwendung herunterladen.

SPITZE: Öffnen Sie in Illustrator CS3 Fenster> Adobe Labs> Kuler, um die Palette zu öffnen, die mit der Website verbunden ist.

David Airey

Schauen Sie sich Davidairey.com an, um Ihrem Tag etwas Humor zu verleihen, lesen Sie den Artikel unten. Es gibt auch viele großartige Artikel und Ressourcen zum Thema Logo-Design auf der Website.

Dieser Beitrag ist der fünfte Tag unserer Grafikdesign-Sitzung. Creative Sessions "Session Day 4Session Day 6"