Éditeur visuel
Vous contrôlez précisément comment la source tient dans le canvas final. Chaque changement se rend en direct, avant l’export.
Disposition
Deux zones :
- Panneau gauche — icône, fond, forme.
- Canvas droit — aperçu live à la taille de canvas choisie.
Contrôles d’icône
| Contrôle | Plage | Usage |
|---|---|---|
| Taille | 0 % – 100 % | Agrandir ou réduire le premier plan. |
| Rotation | 0° – 360° | Compositions plus dynamiques. |
| Décalage H | -100 % – +100 % | Gauche / droite. |
| Décalage V | -100 % – +100 % | Haut / bas. |
Astuce : si le build le permet, glissez le canvas pour le décalage. Sinon, les champs numériques.
Forme
| Contrôle | Effet |
|---|---|
| Coins | Arrondit le premier plan. |
| Squircle | Remplace l’arrondi par la superellipse iOS. |
| Padding | Vide entre l’image et le bord du canvas. |
Pour une icône iOS crédible, activez Squircle avec un padding modéré. Pour les icônes adaptatives Android, gardez plus de marge pour rester dans le masque.
Fond
- Couleur unie — un plat.
- Dégradé — deux couleurs et un angle, linéaire.
- Transparent — canal alpha (PNG).
Taille du canvas
Choisissez-la avant d’éditer :
- 512 px — aperçus rapides, web.
- 1024 px — bon compromis pour la plupart des plateformes.
- 2048 px — maximum de détail, assets App Store.
Note : la taille du canvas change la résolution de l’aperçu. Les paquets exportés contiennent toujours les tailles exactes de chaque plateforme.
Guides de conception
Pour vérifier l’alignement :
- Grille d’icône Apple
- Grille Android
- Grille Windows Fluent
- Spirale du nombre d’or
- Grille pixel
Référence visuelle seulement — absents des fichiers exportés.
Dernière mise à jour