Concepteur de badges

Le Concepteur de badges est un éditeur visuel à canevas en trois colonnes, intégré à badges.ninja, qui vous permet de créer des images de badge professionnelles sans outil de conception externe.

Vue d'ensemble

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

• Rail gauche — fait basculer le panneau central entre Modèles, Imports, Éléments, Texte, Attributs, QR codes et Calques.
• Panneau — les outils du mode sélectionné dans le rail.
• Canevas — un aperçu en direct et modifiable du badge. Tout ce que vous ajoutez est un véritable objet 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 : la conception et les informations de l'attestation vivent ensemble dans une seule fenêtre, sans étape séparée.

Partir d'un modèle

Cliquez sur Modèles dans le rail pour parcourir les designs intégrés. La famille Recognition vous offre un badge professionnel entièrement composé — un cadre façonné plus des textes d'exemple modifiables (organisation, titre, sous-titre et sceau de vérification) — en huit palettes de couleurs (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, 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. Ses textes deviennent des calques normaux et modifiables que vous pouvez changer ou supprimer — rien n'est figé.

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

Le panneau Éléments superpose des graphiques à votre badge :

• Lignes — traits horizontaux / verticaux.
• Formes — rectangles pleins ou contourés, rectangles arrondis, cercles et triangles.
• Icônes — 70 icônes pictographiques (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy, et bien d'autres), avec recherche.
• Rubans — 28 rubans décoratifs en surimpression, regroupés en Straight / Pointed / Tails / Decorative.
• Bases — 80 formes de base recolorables, par catégories (cercles, écus, hexagones, étoiles, médailles, sceaux, couronnes, bannières, géométriques).

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

Formes d'arrière-plan

Éléments → Formes d'arrière-plan contient 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 vos textes et éléments au premier plan — pratique pour obtenir une combinaison forme/couleur précise sans 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 un 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 blocs prêts à l'emploi comme Certificate of Achievement, Awarded to ou Verify at — chaque ligne reste modifiable indépendamment.

Sélectionnez un 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, Handwriting, Mono et System. Choisissez-en une dans la liste ; chaque option est prévisualisée dans sa propre typographie.
• + Font — importez une police de marque (TTF, WOFF, WOFF2, OTF) pour la session en cours.
• Taille de police — le pas − / + (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 bénéficiaire au moment de l'émission : un seul design se personnalise donc pour chaque personne à qui vous l'émettez. C'est ainsi que vous placez le nom du bénéficiaire 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 attestation émise, il renvoie à la page de vérification publique de cette attestation, de sorte que quiconque peut scanner le badge imprimé pour le confirmer.

Calques

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

Annuler / Rétablir (Ctrl+Z / Ctrl+Shift+Z) parcourent les 20 dernières modifications, et des repères d'alignement en 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 » distincte. Lorsque votre design et vos détails sont prêts :

• Créer le badge capture le canevas en PNG, le téléverse sur notre CDN d'images (Amazon S3, servi sous une URL immuable adressée par le contenu) et enregistre le badge avec son design modifiable — rouvrir le badge restaure donc vos calques individuels pour les modifier à nouveau.
• Enregistrer le brouillon stocke un badge en cours côté serveur (d'un appareil à l'autre). Les brouillons apparaissent dans votre liste de badges avec la mention Brouillon, et vous pouvez les reprendre plus tard.

Conseils pour une bonne conception de badge

• Restez simple — un texte clair, peu de surcharge. Les badges sont souvent affichés en petit.
• Utilisez un contraste élevé — rendez le texte lisible sur l'arrière-plan.
• Nommez l'attestation — les lecteurs doivent la comprendre en 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 d'un badge à l'autre.
• Enregistrez des designs réutilisables — chaque badge que vous créez est aussi enregistré comme modèle de compte à réutiliser la prochaine fois (voir Mes modèles).