Ein Icon-Set für Website oder App: So planen und bestellen Sie es

Icons sind die kleinen Bilder, die zeigen, wohin man tippen soll: Startseite, Warenkorb, Lieferung, Support, Profil. Stammen sie aus verschiedenen kostenlosen Paketen, wirkt eine Website zusammengestückelt, mit dicken Linien neben dünnen und runden Ecken neben spitzen. Ein einheitliches Set behebt das und lässt selbst eine einfache Website fertig aussehen. So planen Sie es.

Zuerst eine Liste erstellen

Gehen Sie Ihre Website oder App durch und notieren Sie jede Stelle, an der ein Icon helfen würde:

• Hauptmenü: Startseite, Katalog, Suche, Warenkorb, Konto.
• Funktionen oder Vorteile: schnelle Lieferung, sichere Zahlung, Rückgabe, Support.
• Kontakte und Aktionen: Telefon, E-Mail, Standort, Teilen, Herunterladen.

Beschreiben Sie jedes Icon in wenigen Worten, zum Beispiel „Lieferung: ein kleiner Lieferwagen“ oder „Rückgabe: eine Schachtel mit Pfeil“. Je klarer die Liste, desto weniger Änderungen später.

Wie viele Icons Sie brauchen

• Etwa 4: eine Landingpage mit drei oder vier Vorteilen oder eine kurze Präsentation.
• Etwa 8: die Hauptbereiche und Funktionen einer kleinen Website.
• Etwa 16: ein vollständiges Set für eine App oder eine größere Website mit vielen Bereichen.

Meist ist es besser, ein paar mehr zu bestellen, als Sie heute brauchen. Icons, die später in einer separaten Bestellung gezeichnet werden, lassen sich schwerer exakt angleichen.

Einen Stil wählen

Wählen Sie einen Stil und behalten Sie ihn für das ganze Set bei:

• Outline: dünne Linien, leicht und modern, gut für aufgeräumte Oberflächen.
• Gefüllt: volle Flächen, auch in sehr kleinen Größen gut erkennbar.
• Duotone: zwei Abstufungen einer Farbe, etwas mehr Charakter.
• 3D: weiches Volumen und Schatten, gut für farbenfrohe Landingpages.

Wenn Sie schon ein paar Icons haben, die Ihnen gefallen, schicken Sie einen Link dazu, damit die neuen denselben Look bekommen.

Farben

Verwenden Sie Ihre Markenfarben und geben Sie sie als Hex-Codes an, etwa #1A73E8, falls vorhanden. Eine Hauptfarbe und eine Akzentfarbe reichen meist aus. Haben Sie noch keine Markenfarben, funktioniert eine neutrale Palette auf jedem Hintergrund.

Kleine Größen entscheiden alles

Ein Icon im Menü ist oft nur 24 Pixel breit. In dieser Größe verschwinden Details, deshalb gewinnen einfache Formen:

• Eine Idee pro Icon. Ein Lieferwagen für Lieferung, nicht ein Lieferwagen mit Straße, Uhr und Paket.
• Kein Text im Icon. Wörter werden unlesbar, wenn das Icon klein ist.
• Vertraute Symbole. Eine Lupe für die Suche und ein Warenkorb fürs Einkaufen werden überall verstanden.

Was Sie erhalten und wie Sie es nutzen

Ein typisches Set kommt als einzelne PNG-Dateien mit transparentem Hintergrund, sodass sich jedes Icon auf jede Farbe setzen lässt. PNG ist ein Rasterformat: Es eignet sich für Websites, Apps und Folien, ist aber keine Vektordatei, die sich beliebig vergrößern lässt. Wenn Sie ein Favicon brauchen, wandelt ein kostenloser Online-Konverter eine PNG-Datei in einer Minute in eine ICO-Datei um.

Kurz gesagt

Eine klare Liste, die richtige Anzahl an Icons, ein Stil und Ihre Markenfarben: So wirkt ein Set auf jedem Bildschirm stimmig. Wenn Sie das Set lieber zeichnen lassen, bestellen Sie ein Icon-Set: Sie schicken die Liste der Icons, den Stil und Ihre Farben und erhalten 4, 8 oder 16 einheitliche Icons als einzelne PNG-Dateien mit transparentem Hintergrund. Die Zahlung wird erst freigegeben, nachdem Sie die Arbeit abgenommen haben.