Zeichenarten: Piktogramm, Icon & Logo

Viel häufiger als mit Kategorien arbeiten wir als Designer mit den verschiedenen Zeichenarten – Piktogramme, Icons und Logos. Rein optisch sind sich die drei Zeichenarten sehr ähnlich, denn man unterscheidet sie nicht durch das Design, sondern durch die Anwendungsgebiete.

---

Piktogramme = Universelle Zeichen

Als Piktogramm bezeichnet man ein einfaches und grafisch reduziertes Einzelzeichen. Es soll eine Information leicht, einfach und einprägsam vermitteln – unabhängig von dem Medium, in dem es verwendet wird. Piktogramme sind universelle Zeichen.

Aus diesem Grund werden Piktogramme sehr häufig im öffentlichen Raum wie bei Leitsystemen, Bahnhöfen oder Flughäfen verwendet. Zu den bekanntesten Piktogrammen gehören auch die Verkehrszeichen, die so universell gestaltet sind, dass sie in jedem Land gelesen und verstanden werden.

Typische Eigenschaften von Piktogrammen:

• Aufbau aus geometrischen Grundformen (Kreis, Quadrat, Rechteck, Dreieck)
• Skalierbarkeit
• Starke Kontraste (bevorzugt Schwarz-Weiß)
• Auffällige Farben (Mischtöne vermeiden, Signalfarben bevorzugen)
• Reduzierte, minimalistische Bildsprache
• Negativumkehrung muss ebenfalls funktionieren
• Keine wechselnde Linienstärken für gleiche Elemente
• Innerhalb einer Serie haben alle Piktogramme die gleiche Anmutung
• Eindeutiger, klarer Abstraktionsgrad

---

Icons = Zeichen für Benutzeroberflächen

Die Zunahme von Computern in den 1970er Jahren hatte auch auf die Entwicklung von Bildelementen großen Einfluss. Anstelle von reinem Code traten schnell kleine Zeichen, die auf dem Bildschirm angezeigt wurden, um den Menschen die Benutzung der neuen Technik einfacher zu machen. Diese Bildelemente auf Benutzeroberflächen werden als Icons bezeichnet.

Zu Beginn waren diese Icons noch sehr grob, pixelig und nur in Schwarz darstellbar. Doch mit jeder Weiterentwicklung der Technik kamen auch weitere Farben hinzu und die Detailvielfalt vergrößerte sich. Heute sind dem Icondesign kaum noch Grenzen gesetzt. Technisch ist jedes Detail darstellbar. Trotzdem hat sich ein reduziertes, klares und einfaches Design durchgesetzt, da es für den Nutzer am besten zu lesen, verstehen und nutzen ist.

Icons habe die Besonderheit, dass sie wie eine Sprache erlernt werden müssen. Die Bedeutung der einzelnen Bildzeichen wie z.B. dem Ausschalten-Zeichen oder dem W-Lan-Zeichen erschließen sich nicht automatisch, da sie keine Abbildung aus dem “realen Leben” sind. Vielmehr erlernen wir deren Bedeutung gezielt. Fast alle Icons gehören so zur Kategorie der Symbole. Ist man jedoch mit den Icons und deren Bedeutung vertraut, so ist die Nutzung nahezu intuitiv und leicht.

Typische Eigenschaften von Icons:

• Für Onlineanwendungen
• Quadratische Form
• Alle Farben können verwendet werden
• Wenige Farben sind zu bevorzugen
• Vielfältige Dateiformate (z.B. JPG, PNG, SVG, GIF)
• Schnelle und eindeutige Erkennbarkeit
• Funktionieren unabhängig von Kultur und Sprache
• Icons einer Anwendung haben die gleiche Anmutung
• Erlernte Symbole müssen beachtet werden, da es keinen Sinn hat für ein gelerntes Icon ein anderes Bild einzuführen (z.B. Papierkorb-Icon = Wegschmeißen)
• Kontext und Zielgruppe für die Icons müssen beachtet werden (Briefkästen sind nicht überall in Gelb, das muss man beachten wenn man z.B. ein internationales Icon gestaltet.)

---

Logos / Signets = Zeichen für Unternehmen oder Organisationen

Das Logo für ein Unternehmen oder eine Organisation ist das zentrale Element für jeden Markenauftritt. Es symbolisiert und kommuniziert die Ideen, Werte und die Kultur, für die das Unternehmen steht. Darum ist ein Logo immer mehr als ein reines visuelles Bildelement.

Gleichzeitig muss man bei der Gestaltung beachten, dass ein Logo später in jeder anderen Komponente der Geschäftsausstattung zu sehen sein wird (z.B. auf dem Briefpapier oder der Website). Bildelemente, die für ein Unternehmen gestaltet werden, heißen Logo oder Signet.

Typische Eigenschaften von Logos und Signets:

Anders als bei Piktogrammen und Icons kann man bei Logos deutlich mehr Gestaltungselemente verwenden. Für das Design kannst du wählen zwischen:

• Bildzeichen oder Bildmarke – ein reines Bildelement
  (z.B. die Logos von Apple, der Deutschen Post oder der Lufthansa)
• Wortzeichen oder Wortmarke – der Name als Schriftzeichen
  (z.B. die Logos von Coca Cola, dem Optiker Fielmann oder PayPal)
• Buchstabenzeichen – eine Kombination aus Einzelbuchstaben als Abkürzung
  (z.B. die Logos von H&M, dem Paketdienst DPD oder C&A)
• Zahlenzeichen – ein reines Zahlenelement
  (z.B. von den Logos der Fernsehsender Kabel Eins oder Pro Sieben)
• Kombinierte Zeichen oder Wort-Bild-Marke – eine Mischung aus einem Bild-, Zahlen und/oder Schriftelement
  (z.B. die Logos von WWF, adidas oder amazon)