Kleine Icons, große Unterschiede
Von Oliver Schmalzl · Ausgearbeitet: · Archiv-Funddatum:
05.02.2026 · Archivdatum
Ein kleines Symbol muss erstaunlich viel leisten. Es soll eine Funktion andeuten, neben anderen Symbolen zusammenpassen und auch bei wenig Platz erkennbar bleiben. Ein guter Entwurf beginnt deshalb mit einer einfachen Frage: Was soll hier verstanden werden?
Für eine erfundene Bücherliste könnten drei Funktionen reichen: suchen, hinzufügen und entfernen. Ihre Symbole sollten eine gemeinsame Strichstärke und ähnliche optische Größe haben. Gleich große Zeichenflächen garantieren noch nicht, dass die Zeichnungen tatsächlich gleich groß wirken.
Ein Symbol braucht mehrere Ansichten
Ein helles Symbol auf dunklem Hintergrund kann gut funktionieren und auf einem hellen Knopf verschwinden. Ebenso kann eine sehr feine Linie auf einem großen Bildschirm angenehm aussehen, in einer kleinen Darstellung aber kaum noch sichtbar sein.
Ein Test sollte deshalb verschiedene Hintergründe, kleine Größen und den fokussierten Zustand berücksichtigen. Ein eigener einfacher Entwurf ist dafür ausreichend. Die Bedeutung darf nicht ausschließlich von einer Farbe abhängen; eine Beschriftung oder verständliche Erklärung ergänzt das Symbol.
Elemental SVG dokumentiert Werkzeuge für die Bearbeitung von SVG-Grafiken, und die Theme-Dokumentation beschreibt den dazugehörigen Gestaltungsbereich. Der nützliche Gedanke dahinter ist die gemeinsame Behandlung wiederkehrender Entscheidungen.
Varianten mit einer gemeinsamen Grundlage
Wenn ein Symbol in mehreren Zuständen vorkommt, sollte seine Form wiedererkennbar bleiben. Aktiv, beschäftigt und nicht verfügbar können unterschiedlich dargestellt werden, ohne jedes Mal ein anderes Zeichen zu erfinden.
So entsteht ein kleines, verständliches System. Es braucht weder eine riesige Sammlung noch aufwendige Dekoration. Ein paar eigene, gut erkennbare Symbole mit klarer Bedeutung helfen mehr als viele stilistisch unterschiedliche Fundstücke.
Ursprüngliche Funde
Diese Links waren der Ausgangspunkt für den Beitrag. Die Einordnung im Text stammt von mir; die verlinkten Beiträge sind keine eigenen Tests.
- SVG-Icons für FileMaker anpassen
- SVG-Icons für FileMaker anpassen
- FileMaker-Themes übersichtlicher bearbeiten
- FileMaker-Themes übersichtlicher bearbeiten
Zum Datum: Dieser Beitrag wurde am 11. Oktober 2026 ausgearbeitet. Das Archivdatum entspricht dem frühesten zugehörigen Fund in der Sammlung, nicht einer damaligen Veröffentlichung. Technische Einordnungen und nachträglich ergänzte Quellen beziehen sich auf die Ausarbeitung.