Es gibt viele Wege, um Grafiken für das User Interface zu erzeugen.
Z.B. sind mir folgende Ansätze bekannt:
- Pixel-Icon-Programme wie "Pixen"
- Vektorprogramme wie Adobe Illustrator oder Affinity Designer
- UI-Design-Tools wie das webbasierte → figma
- GDL-Objekte zur Bitmap-Erzeugung, z. B. mein → Flexi-Ul-Bitmap-Creator
Vor Kurzem ist mir beim Experimentieren eine neue Idee gekommen.
SVG-Grafiken bestehen im Kern aus einfachen XML-Strukturen mit grafischen Befehlen.
Man kann sie daher selbst scriptbasiert erzeugen – ähnlich wie in GDL.
Allerdings dauert es, sich direkt in SVG-Syntax einzuarbeiten.
Darum habe ich einen anderen Ansatz gewählt:
Man schreibt die Grafik mit GDL-ähnlichen Befehlen, und ein kleines Skript wandelt diese intern in SVG um.
Am Ende lässt sich das Ganze dann direkt als PNG mit transparentem Hintergrund exportieren.
Die Umwandlungslogik gdl2svg lässt sich relativ einfach – auch mit Hilfe von KI – entwickeln.
Das Ergebnis seht ihr in den beiliegenden Screenshots.
Der vollständige HTML-Code steht rechts als ZIP-Download zur Verfügung.
Siehe dazu auch die Seite im Develop-Bereich → GDL to SVG Icon Generator
Viel Spaß beim Ausprobieren!
