Гайдлайны
Форма, безопасная зона, визуальный вес — у каждой платформы свои правила. Следуете — выглядите нативно.
iOS
- Форма: суперэллипс (Squircle). В Zapicon включите Squircle.
- Размеры: 20×20 @2x/@3x до 1024×1024 @1x.
- Безопасная зона: сюжет примерно в центральных 66%.
- Фон: без прозрачности; iOS заливает всю иконку.
- Стиль: просто, по центру, по возможности без текста.
Android
- Форма: adaptive маскирует устройство. Передний план не касается краёв.
- Размеры: 48×48 mdpi до 192×192 xxxhdpi.
- Безопасная зона: важное внутри круга диаметром ~66%.
- Слои: Zapicon отдаёт PNG переднего плана. Фон adaptive — в Android-проекте.
- Стиль: Material любит жирные формы и ясный силуэт.
macOS
- Форма: скруглённый прямоугольник, мягче iOS Squircle.
- Размеры: 16×16 @1x/@2x до 512×512 @1x/@2x.
- Стиль: на больших размерах можно больше деталей — Dock и Finder до 512 px.
- ICNS: Zapicon собирает сам.
Windows
- Форма: квадрат или прозрачный фон; UWP маскирует, Win32 нет.
- Размеры: 16×16–256×256 в одном ICO.
- Стиль: читается при 16×16 в панели задач и заголовке.
- ICO: все стандартные размеры внутри.
Web
- Favicon: 16×16, 32×32 или SVG. Zapicon — multi-size ICO.
- Apple touch icon: PNG 180×180 для закладок iOS.
- PWA: PNG 192×192 и 512×512, прозрачный или сплошной фон.
- Стиль: favicon обязан жить при 16×16.
Tauri
Выберите Tauri, выгрузите набор, скопируйте в папку иконок проекта.
Flutter
Flutter — Android и iOS за один проход. Фон adaptive настраивается в Flutter-проекте отдельно.
Гайды в Zapicon
Включите Гайдлайны в редакторе:
- Сетка Apple
- Adaptive-сетка Android
- Сетка Windows Fluent
- Спираль золотого сечения
- Пиксельная сетка
Выравнивание, не выходя из редактора.
Обновлено