ICON

Allgemeine Informationen

Icons sind kleine Illustrationen, welche wie Piktogramme eine Bedeutung vermitteln und sehr minimalistisch gestaltet sind. Sie ersetzen immer öfters Textbuttons und mischen Webseiten auf. In diesem Kapitel wird auf folgende Themen genauer eingegangen:

Merkmale

Ein Icon kann ikonisch oder symbolisch dargestellt werden. Eine ikonische Darstellung ist eine verkleinerte Darstellung eines realen Objektes, wie zum Beispiel das Telefon im WhatsApp Icon. Symbolisch dargestellt ist ein Icon, wenn es mithilfe einer frei designten Grafik gestaltet wurde. Generell ist der Einsatz von Icons nur dann von Vorteil, wenn diese selbsterklärend, verständlich und intuitiv verwendbar sind.

Vor- & Nachteile

VORTEILE

Grafische Elemente…

      • …sind international verständlich.
      • …sind schneller erfassbar als Text, sofern die Bedeutung bekannt ist.
      • …können auch von Menschen erfasst werden, welche nicht lesen können.
      • …wirken ansprechend, sofern sie ins Corporate Design passen und gut gestaltet sind.

NACHTEILE

      • Wenn die Bedeutung nicht bekannt oder erkennbar ist, kann der Einsatz von grafischen Elementen zum Ratespiel werden.
      • Die Bedeutung eines grafischen Elements kann sich von Land zu Land unterscheiden.

Gestaltung

Zu Beginn der Gestaltung eines Icons muss man sich nicht nur über die Designelemente Gedanken machen, sondern auch über den Designstil, in welchem das Icon daherkommen soll. Unterteilt wird der Designstil in «flat» und «modern». Ein Icon im Designstil «flat» ist zweidimensional, also flach. Der «moderne» Designstil verfügt über mehr Tiefe und wirkt daher dreidimensional. Schlussendlich fällt die Wahl auf den Designstil, welcher am besten zum Corporate Design passt.

flat

Bild flat Icon

modern

Bild modern Icon

Erstellung

Icons müssen in unterschiedlichen Grössen funktionieren. Aus diesem Grund ist es die einfachste Lösung, ein Icon-Design vektorbasiert zu erstellen. Mit Hilfe des Tools «Adobe Illustrator» können einzigartige Icons gestaltet werden.

Icon-Serie

Ein Icon kommt selten alleine. Aus diesem Grund ist es sehr wichtig, dass eine Icon-Serie eine einheitliche Farbgestaltung und Formsprache besitzt. Dadurch ist eine Icon-Serie leichter wiederzuerkennen und die individuellen Icons strahlen ein Gefühl des Zusammengehörens aus.

× Logo Nerd Sidebar

Diese Webseite dient Entwicklern, welche sich im Designbereich vertiefen möchten, als Hilfestellung im Bereich des Interfacedesigns. Das Verständnis soll zudem dazu dienen, dass Entwickler kleine Änderungen selber vorgenommen werden können und die Entscheidungen von den Designern besser verstanden werden.

Die Webseite «Nerds and Design» wurde im Rahmen der Bachelorarbeit in Multimedia Production von Giada Zacheo entwickelt.

instagram