Worauf kann das Favicon einer Website basieren, wenn die Website kein Logo hat?

Ein Favicon ist das kleine Symbol, das neben dem Seitennamen in der Tab-Leiste des Browsers angezeigt wird. Normalerweise basieren diese auf dem Logo der Website (oder dem Logo der Firma/Entität, die die Website betreibt), wobei es sich entweder um eine verkleinerte Version des Logos oder um eine vereinfachte Variante handelt, da Favicons in niedrigen Auflösungen funktionieren müssen, verkleinert bis 16x16px. Mich interessiert folgende Frage: Worauf kann ein Favicon basieren, wenn die Seite kein Logo hat?

Ich sehe ein paar Möglichkeiten:

  • Lass es einfach weg.
  • Verwenden Sie ein leeres oder einfarbiges Favicon oder einen Farbverlauf.
  • Verwenden Sie ein allgemeines Symbol, das zum Zweck der Website passt.
  • Verwenden Sie die Initialen entweder des Websitebesitzers oder des Domainnamens. Es ist jedoch schwierig, mehr als 2 bis 3 gut lesbare Buchstaben einzufügen.
  • Eine Kombination der oben genannten Punkte.

All diese Möglichkeiten wirken jedoch generisch und versagen, wenn man die üblichen Qualitätskriterien für die Anmutung eines Logos anwendet, insbesondere die Anforderung, dass ein Logo unterscheidungskräftig sein und einen hohen Wiedererkennungswert haben muss. Natürlich kann argumentiert werden, dass das Fehlen eines Logos auf das Fehlen eines Brandings/CI hindeutet. Eine Website kann jedoch ohne Logo unverwechselbar und gut gestaltet sein, während das Favicon das einzige Element der Website ist, das in einigen Situationen angezeigt wird (z. B. in der Favoritenleiste eines Browsers oder als App-Symbol, wenn die Website vorhanden ist auf dem Startbildschirm eines Smartphones gespeichert). Kein oder ein generisches Favicon zu haben, könnte in diesen Fällen also nachteilig sein.

Deshalb würde ich gerne ein paar Einblicke bekommen, welche Ansätze es gibt, ein Favicon passend zum Inhalt der Seite zu gestalten, dh worauf kann ein Favicon basieren, wenn nicht auf dem Logo der Seite? Natürlich sollte das Favicon auf den Inhalt bezogen sein, aber ich glaube, dass ein Favicon andere Zwecke erfüllt als ein Logo (wie oben beschrieben) und daher anders angegangen werden könnte.

Wenn es keinen 'besseren Weg' gibt und die Antwort darin besteht, einfach ein Logo zu entwerfen, auch wenn es nur als Favicon verwendet wird, würde ich mich auch über eine Antwort freuen, die die von mir oben aufgeführten Optionen diskutiert / bewertet.

Wenn Sie Beispiele für Websites haben, die entweder kein Logo haben, aber ein gutes Favicon haben, oder die ein Logo haben, aber ein nettes Favicon haben, das nicht auf diesem Logo basiert, sind diese ebenfalls willkommen.

Hinweis: Die aktuelle Version von Safari auf Mac OS zeigt überhaupt keine Favicons an.
Dies gilt sicherlich nicht für die meisten Websites, aber ich habe schon früher animierte/cartoonische Profilbilder des Websitebesitzers gesehen, die als Favicons verwendet wurden. Tatsächlich verwende ich eines auf meiner Portfolio-Website, und ich denke, es eignet sich auch sehr gut für persönliche Blogs.
@Wildcard, Sie können das Favicon sehen, wenn Sie auf die Webadressleiste klicken.

Antworten (2)

Von den Websites, auf die ich gestoßen bin, die kein Logo haben, haben die meisten überhaupt kein Favicon (oder eines, das standardmäßig mit ihrem Website-Ersteller/Host geliefert wird). Diejenigen, die ein generisches Symbol verwenden, das sich auf ihre Dienste bezieht, oder nur ein generisches Symbol, das keine Bedeutung in der realen Welt hat . Es gibt sogar Websites für generische Favicons , die Sie sich ansehen können.

Ich habe ein Beispiel gefunden, indem ich eine Liste der Websites lokaler Unternehmen nachgeschlagen habe (weil sie weniger wahrscheinlich ein Logo haben):

Bei persönlichen Websites ist es ziemlich üblich, den ersten Buchstaben eines Namens oder zwei zu verwenden.

Als ich mit diesem Problem für meine persönliche Website konfrontiert wurde, dachte ich, dass ich etwas visuell Interessanteres auf die Seite stellen sollte. Also habe ich einige meiner alten Codeprojekte durchgesehen und eines so modifiziert, dass es weniger ablenkend ist. Sobald ich das getan habe, habe ich das auf meiner Website verwendet (und animiert) und eine kleinere Version als Favicon verwendet .

Ich habe für mein letztes Website-Update etwas Ähnliches gemacht und einen Screenshot der Seite gemacht, bei dem nur der prominenteste Teil des Designs aktiviert ist (das Z) mit quadratischen Abmessungen. Es ist auch der Anfangsbuchstabe meines Namens, also stimmt es mit beiden der obigen Vorschläge in einem überein.


Letztendlich liegt es an Ihnen, was der Inhalt ist. Es könnte ein guter Grund sein, tatsächlich ein Logo zu entwerfen, das verwendet werden soll. Weitere Informationen dazu finden Sie unter Welche technischen/objektiven Eigenschaften haben gute Logos? oder andere Fragen mit dem -Tag.

Darf ich fragen, was dein verlinktes Favicon inspiriert hat? Das heißt, wie bezieht es sich auf den Inhalt Ihrer Website? Hm, würden Sie sagen, dass die lokalen Unternehmen in diesem Fall gute Arbeit geleistet haben? Es gibt ein Argument dafür, überhaupt kein Favicon gegenüber einem generischen Wench-Symbol vorzubringen. Ich bin mir aber nicht sicher, vielleicht ist es nur das unausstehliche Rot, das mich in diesem Fall irritiert
@MoritzLost Ich habe meinen Beitrag bearbeitet, um ein wenig mehr Details aufzunehmen. Es hat nur insofern mit meiner Seite zu tun, als ich ein Frontend-Entwickler bin und das Projekt im Code erstellt wurde :P Abgesehen davon, dass es nur etwas war, um es visuell erkennbar zu machen
@ZachSaucier Diese Pyramide ist geil! Ich bin schon froh, wenn ich es schaffe, Sachen vertikal zu zentrieren ... das ist auch eine coole Genesis-Geschichte für Ihr Favicon, vielleicht kann ich versuchen, einen visuellen Hinweis aus einem meiner Projekte für meine persönlichen Websites zu nehmen ... danke für die Leads!

Mann, diese Frage nervt mich, auch weil ich gerade Zeichen und Grafik im Bereich Grafik- und Mediendesign studiere. Also habe ich zwei meiner akademischsten Bücher über Grafik- und Mediendesign genommen und möchte mich nur bis zu einem Punkt durcharbeiten, an dem ich eine Antwort geben kann. Los geht's, ich beginne mit den Grundlagen der Zeichen:

Zeichen

Welche Vor- und Nachteile hat die Kommunikation durch Zeichen?

Vorteile:

  • ohne Sprache verständlich
  • spart Platz
  • Benutzer spart Zeit

Nachteile:

  • möglicherweise international unterschiedliche Bedeutung
  • Bedeutung muss zum Teil erlernt werden

Welche Zeichenkategorien gibt es?

Symbol : das Zeichen ist das Ebenbild der Bedeutung
Index : das Zeichen ist nicht das Ebenbild der Bedeutung, sondern auf sie bezogen
Symbol : das Zeichen hat keinen direkten Bezug zur Bedeutung

Beispiele für diese Kategorien

Rolltreppe: SymbolRolltreppenzeichen

Kein Durchgang: SymbolKein Durchgangsschild

WC: InhaltsverzeichnisWC-Schild

Garderobe: IndexGarderobenschild

Was ist ein Piktogramm?

Einfache, reduzierte Schilder zur nonverbalen Übermittlung von Informationen.

Was bewirken Logos und Siegel?

Sie sind Unterscheidungsmerkmale von Unternehmen oder Organisationen.

Es gibt zwei Arten von Symbolen, richtig? Welcher ist welcher?

Es gibt das Symbol als grafisches Zeichen, das in Benutzeroberflächen verwendet wird, und es gibt das Symbol, das die Bedeutung des Zeichens darstellt.

Piktogramme

Was ist ein Piktogramm?

Piktogramme sind einfache, reduzierte Zeichen mit stimulierendem Charakter. Sie müssen leicht zu erkennen, zu merken und ohne Erklärung verständlich sein.

Was ist die Geschichte hinter Piktogrammen?

Wir brauchen eine internationale Verkehrszeichensprache. Wir müssen eindeutige und eindeutige Zeichen für die wichtigsten Transportbedürfnisse finden, die für alle Länder gelten.

Werner Graeff, 1923. Die banale und selbstverständliche Welt der Verkehrszeichen von heute stand am Anfang der Entwicklung der Piktogramme.

Welche Kategorien von Piktogrammen gibt es? Ikonische Piktogramme : basieren auf Darstellungen von Objekten oder Situationen.
Symbolische Piktogramme verwenden symbolische Zeichen, deren Bedeutung durch Konvention definiert wird.
Hybrid-Piktogramme : Mischform aus ikonischem und symbolischem Piktogramm.

Welche Eigenschaften haben moderne Piktogramme?

  • Gleiches Layout.
  • Darstellung in gleicher Größe.
  • Einheitliche, einfache Figurformung.
  • Eindeutige Bildaussage.
  • Logische und gemeinsame Farbverwendung.
  • Unabhängig vom kulturellen Milieu.
  • International lesbar und verständlich.

Symbole

Evolution der Icons
Die Erfindung des PCs mit grafischer Benutzeroberfläche brachte Piktogramme mit sich, die als Icons bezeichnet werden.

Was ist die Definition dieses Symbols?
Ein Icon ist ein Piktogramm als Teil einer Benutzeroberfläche.

Was sind die Gestaltungskriterien für Icons?

  • schnelle und eindeutige Erkennbarkeit.
  • unabhängig von Sprache und Kultur.
  • als Teil der Benutzeroberfläche wenig Platz benötigen.
  • Alle Icons einer Anwendung sollten ein einheitliches und unverwechselbares Design haben.
  • Normen sind zu berücksichtigen.

Wie werden Symbole entworfen?

  • Definieren Sie seine Verwendung und seinen Zweck.
  • Beschreiben Sie das Publikum und achten Sie auf dessen Vorwissen.
  • Sammeln Sie Ideen.
  • Skizzensymbol.
  • Testskizze mit Zuhörern.
  • Icon mit geeigneter Software erstellen.

Was ist der Zweck von Symbolen?

Gut gestaltete Icons unterstützen die Bedienbarkeit eines elektronischen Systems. Ein auf Gebrauchstauglichkeit ausgelegtes System führt zu hoher Kundenzufriedenheit, insbesondere wenn Funktion, Sicherheit, Optik und Grafik eines Systems perfekt aufeinander abgestimmt sind.

Logo und Signet

Welche Arten von Logos gibt es?

  • Glyphe (Siegel)
  • Wortcharakter
  • Buchstabenzeichen
  • Ziffer
  • Eine Kombination der oben genannten

Was ist ein Logo?

Das Wort Logo ist griechischen Ursprungs und kann mit „sinnvolles“ Wort übersetzt werden. Ein Logo dient immer sowohl der Identifikation als auch der Kommunikation. Ein Logo kann aus Buchstaben, Zahlen, einem Bild oder einer beliebigen Kombination davon bestehen. Viele Logos stellen Bildelemente in den Vordergrund, da diese vom Betrachter leicht erinnert werden können. Denken Sie an Apple, Coca Cola, McDonald's, IBM.

Welche Funktion hat ein Logo?

Um sich zu identifizieren und zu kommunizieren, muss sich ein Logo von anderen Logos und damit von anderen Unternehmen unterscheiden. Logos müssen im Gedächtnis der Konsumenten bleiben und weitgehend unbewusst gespeichert werden.
Das Vorhandensein und Vorhandensein eines Logos ist Voraussetzung dafür, dass ein Unternehmen als Marke wahrgenommen wird. Mit einem Logo verbinden die meisten Menschen nicht nur ein Produkt oder Label, sondern oft auch eine emotionale Wahrnehmung. Darüber hinaus muss das Erscheinungsbild eines Unternehmens zu seinem/n Markenprodukt(en) passen.


So können Sie dieses Wissen anwenden:

Nachdem ich das alles gesagt habe, habe ich das Gefühl, dass ich Ihre Frage jetzt klarer erörtern kann. Wenn ein Favicon kein Logo ist, was für ein Zeichen kann es stattdessen sein? Nach den hier bereitgestellten Informationen zu diesem Thema zu urteilen, kann ein Favicon also sein

  • eine (sprachliche) Ikone
  • ein Symbol
  • ein Index
  • ein ikonisches Piktogramm
  • ein symbolisches Piktogramm
  • ein hybrides Piktogramm
  • ein UI-Symbol

und es wäre immer noch kein Logo, was sowohl meine Neugier auf die Beantwortung Ihrer faszinierenden Frage als auch Ihre Prämisse befriedigt. Danke, dass ich mein Wissen sortieren durfte. Am Ende werden Sie wohl ein Logo entwerfen, aber angesichts dieser Definitionen dessen, was ein Logo ist und wie ein Logo entworfen und gestaltet wird, sind Sie es wirklich nicht.

Hier sind einige Beispiele dafür , wie andere Designer Ihre Frage beantwortet haben.

PS: In Bezug auf Transmission Repair Georgia haben sie ein Logo: Überzeugen Sie sich selbst . Sie haben sich einfach entschieden, es aus Gründen nicht auf ihrer Website zu verwenden. ???