Skip to Content

Guides de conception

Forme, zone sûre, poids visuel : chaque plateforme a ses règles. Les suivre, c’est paraître natif.

iOS

  • Forme : superellipse (Squircle). Activez Squircle dans Zapicon.
  • Tailles : 20×20 @2x/@3x jusqu’à 1024×1024 @1x.
  • Zone sûre : le sujet dans ~66 % du centre.
  • Fond : évitez la transparence ; iOS remplit toute l’icône.
  • Style : simple, centré, peu ou pas de texte.

Android

  • Forme : l’icône adaptive est masquée par l’appareil. Le premier plan ne touche pas les bords.
  • Tailles : 48×48 mdpi à 192×192 xxxhdpi.
  • Zone sûre : le critique dans un cercle d’environ 66 % de diamètre.
  • Calques : Zapicon sort un PNG de premier plan. Ajoutez le calque de fond dans le projet Android si vous êtes en adaptive.
  • Style : Material aime les formes franches et les silhouettes claires.

macOS

  • Forme : rectangle arrondi, moins extrême que le Squircle iOS.
  • Tailles : 16×16 @1x/@2x jusqu’à 512×512 @1x/@2x.
  • Style : plus de détail aux grandes tailles, Dock et Finder montent à 512 px.
  • ICNS : généré automatiquement.

Windows

  • Forme : carré ou fond transparent ; UWP masque, Win32 non.
  • Tailles : 16×16 à 256×256 dans un seul ICO.
  • Style : lisible à 16×16 px dans la barre des tâches et la barre de titre.
  • ICO : toutes les tailles standard embarquées.

Web

  • Favicon : 16×16, 32×32 ou SVG. Zapicon sort un ICO multi-tailles.
  • Apple touch icon : PNG 180×180 pour les signets iOS.
  • PWA : PNG 192×192 et 512×512, fond transparent ou uni.
  • Style : le favicon doit tenir à 16×16 px.

Tauri

Cochez Tauri, exportez le jeu, copiez dans le dossier d’icônes du projet.

Flutter

Cochez Flutter pour Android et iOS d’un coup. Le fond adaptive se configure dans le projet Flutter.

Guides dans Zapicon

Activez Guides de conception :

  • Grille Apple
  • Grille adaptive Android
  • Grille Windows Fluent
  • Spirale du nombre d’or
  • Grille pixel

Alignement sans quitter l’éditeur.

Dernière mise à jour