Zum Inhalt springen
IconiseIcon-Werkstatt
Deutsch
Zugang anfragen

Iconise-Leitfaden

App-Icon-Entwürfe vergleichen und auswählen

Vergleichen Sie Vorschläge in mehreren kleinen Größen und auf verschiedenen Hintergründen. Wählen Sie eine Silhouette und einen Kontrast, die zur Produktidee passen.

Legen Sie mehrere Vorschläge nebeneinander auf denselben Hintergrund und betrachten Sie sie mit 64, 32 und 16 Pixeln. Prüfen Sie Silhouette, Lesbarkeit, Kontrast, Unterscheidbarkeit und Produktbezug. Halten Sie qualitative Beobachtungen fest statt einer Zahl, die Nutzerreaktionen vortäuscht.

Einen fairen Vergleich vorbereiten

  1. Legen Sie die Vorschläge in ein Raster und vergeben Sie neutrale Namen wie A, B und C.
  2. Zeigen Sie alle in gleicher Größe und auf demselben Hintergrund. Prüfen Sie zusätzlich einen hellen und einen dunklen Hintergrund.
  3. Verkleinern Sie die Grafiken auf 64, 32 und 16 Pixel. Das sind Prüfgrößen für diese Übung, keine Store-Konformitätswerte.
  4. Blenden Sie Dateinamen bei der ersten Betrachtung aus, damit die Formen im Mittelpunkt stehen.

Fragen statt künstlicher Punktzahlen

Notieren Sie pro Vorschlag eine Beobachtung. Die letzte Spalte begründet eine Entscheidung; sie ist kein Messwert.
KriteriumFrageBeobachtung
LesbarkeitBleibt die Hauptform bei 16 px sichtbar?Detail bleibt erhalten, verschmilzt oder verschwindet.
SilhouetteSind die Optionen auch ohne kleine Details unterscheidbar?Eigenständiger oder sehr vertrauter Umriss.
KontrastHebt sich das Symbol von hellem und dunklem Hintergrund ab?Lesbare oder mit dem Hintergrund verschmelzende Fläche.
UnterscheidbarkeitStehen die Optionen für wirklich verschiedene Richtungen?Unterschied bei Metapher und Form oder nur bei der Ausführung.
ProduktbezugPasst die Idee zu Funktion und Zielgruppe aus dem Briefing?Klarer, unsicherer oder fehlender Bezug.

A bis C sind Illustrationen aus der öffentlichen Iconise-Galerie. Sie dienen der Betrachtung; ihnen werden weder Prompt noch Rangfolge oder Testergebnis zugeschrieben.

Illustrative Entscheidung

Angenommen, A behält in Ihrer verkleinerten Ansicht einen klareren Umriss als B. Notieren Sie das und prüfen Sie, ob A auch die App-Funktion besser vermittelt. Wenn B das Produkt verständlicher macht, entscheidet die Silhouette allein nicht. Das Beispiel erklärt ein Vorgehen und berichtet weder von einem SVG-Test noch von einer gemessenen Präferenz.

Die Auswahl im tatsächlichen Kontext prüfen

Eine kleine Vorschau ersetzt nicht die Prüfung in der Oberfläche und auf den Hintergründen, auf denen das Icon erscheinen wird. Masken und Regeln unterscheiden sich zwischen Betriebssystem, Store-Eintrag und Browser. Wenn die Kriterien geteilt bleiben, behalten Sie zwei Optionen und holen Sie Rückmeldungen mit demselben Kontext ein; nennen Sie die Übung keinen repräsentativen Nutzertest.

  • Wählen Sie eine Hauptrichtung und erklären Sie, wie sie das Briefing beantwortet.
  • Behalten Sie eine Alternative nur, wenn sie eine eigene Stärke hat.
  • Prüfen Sie vor dem Export die benötigten Dateien für iOS, Android oder Web.

Der Leitfaden zu Größen und Formaten beschreibt diese Einsatzzwecke und verlinkt die offiziellen Quellen.