Concepteur de badges

Le concepteur de badges est un éditeur visuel à trois colonnes intégré à badges.ninja, qui vous permet de créer des images de badges professionnelles sans aucun outil de design externe.

Aperçu

Le concepteur s'ouvre directement dans la fenêtre Créer / Modifier un badge. Il comporte trois parties :

• Barre latérale gauche — bascule le panneau central entre Modèles, Imports, Éléments, Texte, Attributs, QR Codes et Calques.
• Panneau — les outils correspondant au mode sélectionné dans la barre latérale.
• Canevas — un aperçu du badge vivant et modifiable. Tout ce que vous ajoutez est un objet réel et sélectionnable que vous pouvez déplacer, restyler, réordonner ou supprimer.

Les détails du badge (Émetteur, Nom, Description, Critères et Texte de partage) se trouvent juste sous le canevas, de sorte que le design et les informations de la certification cohabitent dans une seule fenêtre — il n'y a pas d'étape séparée.

Partir d'un modèle

Cliquez sur Modèles dans la barre latérale pour parcourir les designs intégrés. La famille Recognition vous fournit un badge professionnel entièrement composé — un cadre façonné plus un texte d'espace réservé modifiable (organisation, titre, sous-titre et un sceau de vérification) — dans huit palettes de couleurs (Or, Argent, Bronze, Bleu, Vert, Cramoisi, Violet, Graphite). Utilisez le filtre Catégorie pour affiner la liste, ou Canevas vierge pour partir de zéro.

Cliquez sur un modèle pour l'appliquer. Son texte devient des calques normaux et modifiables que vous pouvez changer ou retirer — rien n'est figé.

Éléments — Formes, icônes, rubans et arrière-plans

Le panneau Éléments superpose des graphiques par-dessus votre badge :

• Lignes — filets horizontaux / verticaux.
• Formes — rectangles pleins et contournés, rectangles arrondis, cercles et triangles.
• Icônes — 70 icônes pictographiques (prix, cerveau, certificat, code, couronne, diplôme, toque de diplômé, médaille, fusée, bouclier validé, étoile, trophée, et bien d'autres), avec recherche.
• Rubans — 28 superpositions décoratives de ruban, regroupées en Droit / Pointu / Queues / Décoratif.
• Bases — 80 formes de base recolorables réparties en catégories (cercles, boucliers, hexagones, étoiles, médailles, sceaux, couronnes de laurier, banderoles, géométriques).

Chaque icône, ruban et base est inséré dans la couleur courante et peut être recoloré à tout moment.

Formes d'arrière-plan

Éléments → Formes d'arrière-plan propose 68 cadres prêts à l'emploi (la bibliothèque forme × palette). En appliquer un remplace le cadre d'arrière-plan du badge tout en conservant votre texte et vos éléments au-dessus — pratique lorsque vous voulez une combinaison forme/couleur précise sans passer par un modèle composé.

Importer une image personnalisée

Utilisez le panneau Imports pour ajouter votre propre logo, photo ou graphique. Les formats PNG, JPEG et SVG sont acceptés, jusqu'à 5 Mo. L'image est insérée comme objet de premier plan normal — elle se superpose au design et n'efface jamais l'arrière-plan. Pour changer l'arrière-plan du badge, choisissez plutôt un modèle ou une forme d'arrière-plan.

Ajouter et styliser du texte

Le panneau Texte propose :

• Ajouter un titre / sous-titre / texte normal — des objets texte pré-dimensionnés.
• Combinaisons — des ensembles prêts à l'emploi comme Certificat de réussite, Décerné à ou Vérifiez sur — chaque ligne reste modifiable indépendamment.

Sélectionnez n'importe quel objet texte et la barre d'outils contextuelle apparaît au-dessus du canevas :

• Police — une bibliothèque de 50 polices regroupées en Sans, Serif, Manuscrite, Mono et Système. Choisissez-en une dans la liste déroulante ; chaque option s'affiche dans sa propre typographie.
• + Police — importez une typographie de marque (TTF, WOFF, WOFF2, OTF) pour la session en cours.
• Taille de police — le sélecteur − / + (ou la saisie d'un nombre) redimensionne précisément le texte sélectionné, sans faire glisser ses poignées.
• Couleur — définit le remplissage du texte sélectionné (et la couleur d'insertion par défaut des nouvelles formes/icônes).
• Alignement — six boutons alignent la sélection à gauche / au centre / à droite et en haut / au milieu / en bas par rapport au canevas.

Attributs dynamiques

Le panneau Attributs insère des jetons dynamiques — , , , , , — sous forme d'objets texte. Chaque jeton est résolu pour chaque destinataire au moment de la remise, de sorte qu'un seul design se personnalise automatiquement pour toutes les personnes à qui vous le décernez. C'est ainsi que vous placez le nom du destinataire ou la date d'émission sur le badge lui-même.

QR Codes

Le panneau QR Codes insère un code scannable lié à . Sur chaque remise, il pointe vers la page de vérification publique de cette remise, de sorte que n'importe qui peut scanner le badge imprimé pour le confirmer.

Calques

Le panneau Calques liste chaque objet du canevas. Vous pouvez y réordonner (avancer / reculer), masquer/afficher, sélectionner et supprimer chaque calque. Le cadre d'arrière-plan est fixé tout en bas et reste non interactif, afin que les éléments de premier plan captent tous les clics.

Annuler / Rétablir (Ctrl+Z / Ctrl+Shift+Z) parcourent les 20 derniers changements, et des guides d'accrochage pointillés apparaissent lorsque vous faites glisser un objet près du centre du canevas.

Enregistrer le badge

Il n'y a pas d'étape « export » séparée. Quand votre design et vos détails sont prêts :

• Créer le badge capture le canevas au format PNG, l'upload sur IPFS et enregistre le badge avec son design modifiable — de sorte que rouvrir le badge restaure vos calques individuels pour poursuivre l'édition.
• Enregistrer le brouillon stocke un badge en cours côté serveur (accessible sur tous vos appareils). Les brouillons apparaissent dans votre liste de badges avec une marque Brouillon, et vous pouvez en reprendre un plus tard.

Conseils pour un bon design de badge

• Faites simple — texte clair, encombrement minimal. Les badges sont souvent affichés en petit.
• Utilisez un contraste élevé — rendez le texte lisible sur l'arrière-plan.
• Nommez la certification — les spectateurs doivent la comprendre d'un coup d'œil.
• Format carré — les badges s'affichent mieux en carré.
• Cohérence de marque — réutilisez les couleurs et polices de votre organisation sur tous les badges.
• Enregistrez les designs réutilisables — chaque badge que vous créez est aussi enregistré comme modèle de compte à partir duquel repartir la prochaine fois (voir Mes modèles).