Designrichtlinien

Form, Safe Zone, visuelles Gewicht — jede Plattform hat eigene Regeln. Daran halten = native und professionell.

iOS

• Form: Superellipse (Squircle). In Zapicon Squircle einschalten.
• Größen: 20×20 @2x/@3x bis 1024×1024 @1x.
• Safe Zone: Motiv grob in den mittleren 66 %.
• Hintergrund: Keine Transparenz; iOS füllt die ganze Fläche.
• Stil: Einfach, zentriert, möglichst kein Text.

Android

• Form: Adaptive Icons maskiert das Gerät. Vordergrund nicht an den Rand.
• Größen: 48×48 mdpi bis 192×192 xxxhdpi.
• Safe Zone: Wichtiges in einem Kreis mit ~66 % Durchmesser.
• Ebenen: Zapicon exportiert ein Vordergrund-PNG. Hintergrundebene im Android-Projekt, wenn adaptive.
• Stil: Material mag kräftige Formen und klare Silhouetten.

macOS

• Form: Abgerundetes Rechteck, weniger extrem als iOS-Squircle.
• Größen: 16×16 @1x/@2x bis 512×512 @1x/@2x.
• Stil: Mehr Detail bei großen Größen — Dock und Finder bis 512 px.
• ICNS: Zapicon erzeugt automatisch.

Windows

• Form: Quadrat oder transparent; UWP maskiert, Win32 nicht.
• Größen: 16×16 bis 256×256 in einer ICO.
• Stil: Bei 16×16 px in Taskleiste und Titelleiste noch lesbar.
• ICO: Alle Standardgrößen eingebettet.

Web

• Favicon: 16×16, 32×32 oder SVG. Zapicon: Multi-Size-ICO.
• Apple-Touch-Icon: 180×180 PNG für iOS-Home-Bookmarks.
• PWA: 192×192 und 512×512 PNG, transparent oder uni.
• Stil: Favicon muss bei 16×16 px halten.

Tauri

Tauri wählen, Set exportieren, in den Icon-Ordner des Projekts kopieren.

Flutter

Flutter wählen = Android und iOS in einem Rutsch. Adaptive Hintergründe separat im Flutter-Projekt.

Guides in Zapicon

Design-Guides im Editor:

• Apple-Icon-Raster
• Android-Adaptive-Raster
• Windows-Fluent-Raster
• Goldener-Schnitt-Spirale
• Pixelraster

Ausrichtung ohne den Editor zu verlassen.