Badge Designer

Il Badge Designer è un editor visuale a canvas su tre colonne, integrato in badges.ninja, che permette di creare immagini di badge professionali senza strumenti di design esterni.

Panoramica

Il designer si apre direttamente nella finestra Create / Edit Badge. È composto da tre parti:

• Barra sinistra — alterna il pannello centrale tra Templates, Uploads, Elements, Text, Attributes, QR Codes e Layers.
• Pannello — gli strumenti della modalità selezionata nella barra.
• Canvas — un'anteprima dal vivo e modificabile del badge. Tutto ciò che aggiungi è un oggetto reale e selezionabile che puoi spostare, ristilizzare, riordinare o eliminare.

I dettagli del badge (Issuer, Name, Description, Criteria e Share Text) si trovano subito sotto il canvas, quindi il design e le informazioni sulla credenziale stanno insieme in un'unica finestra — non c'è un passaggio separato.

Partire da un template

Fai clic su Templates nella barra per sfogliare i design integrati. La famiglia Recognition offre un badge professionale completo — una cornice sagomata più testi segnaposto modificabili (organizzazione, titolo, sottotitolo e un sigillo di verifica) — in otto palette di colori (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Usa il filtro Category per restringere l'elenco, oppure Blank canvas per partire da zero.

Fai clic su un template per applicarlo. I suoi testi diventano normali livelli modificabili che puoi cambiare o rimuovere — nulla è incorporato in modo permanente.

Elements — forme, icone, nastri e sfondi

Il pannello Elements sovrappone grafiche al tuo badge:

• Lines — linee orizzontali / verticali.
• Shapes — rettangoli, rettangoli arrotondati, cerchi e triangoli, pieni o solo contorno.
• Icons — 70 icone pittografiche (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy e molte altre), con ricerca.
• Ribbons — 28 nastri decorativi da sovrapporre, raggruppati in Straight / Pointed / Tails / Decorative.
• Bases — 80 forme di base ricolorabili in varie categorie (cerchi, scudi, esagoni, stelle, medaglie, sigilli, corone d'alloro, banner, geometriche).

Ogni icona, nastro e base viene inserito nel colore corrente e può essere ricolorato in qualsiasi momento.

Forme di sfondo

Elements → Background shapes contiene 68 cornici già pronte (la libreria forma × palette). Applicarne una sostituisce la cornice di sfondo del badge mantenendo sopra i tuoi testi ed elementi — comodo quando vuoi una specifica combinazione di forma/colore senza un template completo.

Caricare un'immagine personalizzata

Usa il pannello Uploads per aggiungere il tuo logo, una foto o una grafica. Sono accettati PNG, JPEG e SVG, fino a 5 MB. L'immagine viene inserita come normale oggetto in primo piano — si sovrappone al design e non cancella mai lo sfondo. Per cambiare lo sfondo del badge, scegli invece un template o una forma di sfondo.

Aggiungere e formattare il testo

Il pannello Text offre:

• Add heading / subheading / normal text — oggetti di testo con dimensioni predefinite.
• Combinations — gruppi già pronti come Certificate of Achievement, Awarded to o Verify at — ogni riga resta modificabile in modo indipendente.

Seleziona un oggetto di testo e sopra il canvas compare la barra degli strumenti contestuale:

• Font — una libreria di 50 font raggruppati in Sans, Serif, Handwriting, Mono e System. Scegline uno dal menu a tendina; ogni voce è mostrata con il proprio carattere.
• + Font — carica un carattere del tuo brand (TTF, WOFF, WOFF2, OTF) per la sessione corrente.
• Font size — lo stepper − / + (o la digitazione di un numero) ridimensiona con precisione il testo selezionato, senza trascinarne le maniglie.
• Colour — imposta il riempimento del testo selezionato (e il colore predefinito di inserimento per nuove forme/icone).
• Alignment — sei pulsanti allineano la selezione a sinistra / al centro / a destra e in alto / al centro / in basso rispetto al canvas.

Attributi dinamici

Il pannello Attributes inserisce token dinamici — , , , , , — come oggetti di testo. Ogni token viene risolto per ciascun destinatario al momento dell'emissione, così un unico design si personalizza per chiunque lo riceva. È così che puoi inserire sul badge stesso il nome del destinatario o la data di emissione.

Codici QR

Il pannello QR Codes inserisce un codice scansionabile collegato a . Su ogni credenziale emessa rimanda alla pagina di verifica pubblica di quella credenziale, così chiunque può inquadrare il badge stampato per verificarlo.

Livelli

Il pannello Layers elenca ogni oggetto del canvas. Da qui puoi riordinare (porta avanti / porta indietro), nascondere/mostrare, selezionare ed eliminare ciascun livello. La cornice di sfondo è fissata in fondo e non è interattiva, così gli elementi in primo piano ricevono tutti i clic.

Annulla / Ripeti (Ctrl+Z / Ctrl+Shift+Z) percorrono le ultime 20 modifiche, e guide di allineamento tratteggiate compaiono quando trascini un oggetto vicino al centro del canvas.

Salvare il badge

Non c'è un passaggio di «esportazione» separato. Quando design e dettagli sono pronti:

• Create Badge cattura il canvas come PNG, lo carica sulla nostra CDN di immagini (Amazon S3, servita con un URL immutabile indirizzato per contenuto) e salva il badge insieme al suo design modificabile — così riaprendo il badge vengono ripristinati i singoli livelli per ulteriori modifiche.
• Save Draft salva sul server un badge in corso di lavorazione (su tutti i dispositivi). Le bozze compaiono nell'elenco Badges con un contrassegno Draft e puoi riprenderne una in qualsiasi momento.

Consigli per un buon design del badge

• Mantieni la semplicità — testo chiaro, poco disordine. I badge sono spesso mostrati in piccolo.
• Usa un contrasto elevato — il testo deve essere leggibile sullo sfondo.
• Dai un nome alla credenziale — chi guarda deve capirla a colpo d'occhio.
• Formato quadrato — i badge si vedono meglio in formato quadrato.
• Coerenza del brand — riutilizza colori e font della tua organizzazione su tutti i badge.
• Salva i design riutilizzabili — ogni badge che crei viene salvato anche come template dell'account da cui puoi partire la prossima volta (vedi My Templates).