Visueller Editor
Sie steuern, wie das Quellbild in der finalen Canvas sitzt. Jede Änderung rendert live, vor dem Export.
Layout
Zwei Bereiche:
- Linkes Panel — Icon, Hintergrund, Form.
- Rechte Canvas — Live-Vorschau in der gewählten Canvas-Größe.
Icon-Regler
| Regler | Bereich | Einsatz |
|---|---|---|
| Größe | 0 % – 100 % | Vordergrund skalieren. |
| Drehung | 0° – 360° | Dynamischere Kompositionen. |
| Versatz H | -100 % – +100 % | Links / rechts. |
| Versatz V | -100 % – +100 % | Oben / unten. |
Tipp: Wenn der Build es kann, Versatz per Ziehen auf der Canvas. Sonst Zahlenfelder.
Form
| Regler | Effekt |
|---|---|
| Eckenradius | Rundet den Vordergrund. |
| Squircle | Rundung wird zur iOS-Superellipse. |
| Innenabstand | Leerraum zwischen Bild und Canvas-Rand. |
Für echte iOS-App-Icons Squircle mit maßvollem Padding. Für Android Adaptive Icons mehr Abstand, damit nichts unter der Maske verschwindet.
Hintergrund
- Vollfarbe — ein flacher Ton.
- Verlauf — zwei Farben und Winkel, linear.
- Transparent — Alphakanal (PNG).
Canvas-Größe
Vor dem Editieren wählen:
- 512 px — schnelle Vorschau, Web.
- 1024 px — ausgewogen für die meisten Plattformen.
- 2048 px — maximale Detailtiefe, App-Store-Assets.
Hinweis: Die Canvas-Größe betrifft die Vorschauauflösung. Exportpakete enthalten immer die Plattformgrößen.
Design-Guides
Zum Prüfen der Ausrichtung:
- Apple-Icon-Raster
- Android-Icon-Raster
- Windows-Fluent-Raster
- Goldener-Schnitt-Spirale
- Pixelraster
Nur Referenz — nicht in den Exportdateien.
Zuletzt aktualisiert