Ikonologie
12
Icons bringen komplexe Funktionen in Sekundenbruchteilen auf den Punkt und sparen Platz, wo Text zu sperrig wäre. Als visuelle Abkürzungen sorgen sie für einen schnellen Scan der Seite und machen die Bedienung instinktiver.
Ikonologie
12
Icons bringen komplexe Funktionen in Sekundenbruchteilen auf den Punkt und sparen Platz, wo Text zu sperrig wäre. Als visuelle Abkürzungen sorgen sie für einen schnellen Scan der Seite und machen die Bedienung instinktiver.
12.1 Konstruktion
Wie das Key-Visual bestehen die Icons aus Quadraten mit den Deckkraftstufen 100%, 70%, 50% und 20%. Jedes Icon entsteht aus einem Raster von 25x25 Pixeln. Geringe Deckkraft und Löschen Von Pixeln können genutzt werden um Details entstehen zu lassen. Jedes Icon hat freie, “schwebende” Pixel in seiner Umgebung.
12.1 Konstruktion
Wie das Key-Visual bestehen die Icons aus Quadraten mit den Deckkraftstufen 100%, 70%, 50% und 20%. Jedes Icon entsteht aus einem Raster von 25x25 Pixeln. Geringe Deckkraft und Löschen Von Pixeln können genutzt werden um Details entstehen zu lassen. Jedes Icon hat freie, “schwebende” Pixel in seiner Umgebung.
100%
70%
50%
20%
12.2 Icons
Die Power-Pixel-Icons funktionieren am besten wenn man sie groß und plakativ einsetzt. Sie können dann die Rolle des Key-Visual übernehmen, aber auch damit kombiniert werden. Die Power-Pixel-Icons funktionieren am besten wenn man sie groß und plakativ einsetzt. Sie können dann die Rolle des Key-Visual übernehmen, aber auch damit kombiniert werden.
12.2 Icons
Die Power-Pixel-Icons funktionieren am besten wenn man sie groß und plakativ einsetzt. Sie können dann die Rolle des Key-Visual übernehmen, aber auch damit kombiniert werden. Die Power-Pixel-Icons funktionieren am besten wenn man sie groß und plakativ einsetzt. Sie können dann die Rolle des Key-Visual übernehmen, aber auch damit kombiniert werden.
12.3 Einsatz
Die Power-Pixel-Icons funktionieren am besten wenn man sie groß und plakativ einsetzt. Sie können dann die Rolle des Key-Visual übernehmen, aber auch damit kombiniert werden.
12.3 Einsatz
Die Power-Pixel-Icons funktionieren am besten wenn man sie groß und plakativ einsetzt. Sie können dann die Rolle des Key-Visual übernehmen, aber auch damit kombiniert werden.
Große Icons als Key-Visual auftretend
Icons ergänzend mit Key-Visual im Kontext
12.4 Do's und Dont's
12.4 Do's und Dont's
Gelbe Pixel auf Orange
Orange Icons auf Weiß
Pixel im Anschnitt
Gelbe Icons gibt es nur für Energy-orange
Icons gedreht
Fremde Icons
Stand Februar 2026
Stand Februar 2026