Gerätevorschau

Zeigt das Icon im echten Kontext. Lesbarkeit, Ausrichtung, Hintergrundkonflikte — vor dem Export.

Mockups

Drei Modi:

• iPhone — Home-Screen-Raster mit Wallpaper.
• MacBook — macOS Dock und Launchpad.
• Web — Tab-Favicon und Apple-Touch-Icon.

Umschalten

1. Im Hauptcanvas arbeiten.
2. Geräte-Icons über oder neben der Vorschau klicken.
3. Das Mockup aktualisiert sich sofort.

Worauf achten

iPhone

• Klein noch erkennbar?
• Kontrast Vordergrund / Hintergrund?
• Padding wie bei den Nachbar-Icons?

MacBook

• Sieht es im Dock gut aus?
• Lesbar in Menüleisten- oder Finder-Größe?
• Squircle / Radius passend zu macOS?

Web

• Favicon bei 16×16 px noch klar?
• Apple-Touch-Icon auf dem Home-Screen sichtbar?
• Transparente Hintergründe im Tab korrekt?

Zerstörungsfrei

Mockups nur zur Orientierung. Exportierte Dateien sind die reinen Icons ohne Geräterahmen.

Tipps

• iPhone-Mockup mit hellem und dunklem Wallpaper.
• Transparenter Hintergrund: im Web eine nicht-weiße Seite prüfen.
• Canvas zoomen, um Kleinformat-Schärfe vor dem Export zu sehen.