Skip to content

Editor di credenziali

L'Editor di credenziali è un editor visivo a tre colonne integrato in badges.ninja che ti permette di creare immagini professionali per le credenziali senza alcuno strumento di design esterno.

L'editor a 3 colonne — barra laterale, pannello e tela — con i dettagli della credenziale sotto

Panoramica

L'editor si apre direttamente all'interno della finestra Crea / Modifica credenziale. È composto da tre parti:

  • Barra laterale — commuta il pannello centrale tra Modelli, Caricamenti, Elementi, Testo, Attributi, QR Code e Livelli.
  • Pannello — gli strumenti per la modalità selezionata nella barra laterale.
  • Tela — un'anteprima dal vivo e modificabile della credenziale. Tutto ciò che aggiungi è un oggetto reale e selezionabile che puoi spostare, ristilizzare, riordinare o eliminare.

I dettagli della credenziale (Emittente, Nome, Descrizione, Criteri e Testo di condivisione) si trovano direttamente sotto la tela, così il design e le informazioni della credenziale convivono in un'unica finestra — non c'è un passaggio separato.

Partire da un modello

Premi Modelli nella barra laterale per sfogliare i design integrati. La famiglia Recognition ti offre una credenziale professionale completamente composta — una cornice sagomata più testo segnaposto modificabile (organizzazione, titolo, sottotitolo e un sigillo di verifica) — in otto tavolozze cromatiche (Oro, Argento, Bronzo, Blu, Verde, Cremisi, Porpora, Grafite). Usa il filtro Categoria per restringere l'elenco, oppure Tela vuota per partire da zero.

Premi un modello per applicarlo. Il suo testo diventa normali livelli modificabili che puoi cambiare o rimuovere — nulla è fisso.

Elementi — Forme, icone, nastri e sfondi

Il pannello Elementi — linee, forme, icone, nastri, basi e forme di sfondo

Il pannello Elementi sovrappone grafiche alla tua credenziale:

  • Linee — righe orizzontali / verticali.
  • Forme — rettangoli pieni e con contorno, rettangoli arrotondati, cerchi e triangoli.
  • Icone — 70 icone pittografiche (premio, cervello, certificato, codice, corona, diploma, tocco, medaglia, razzo, scudo spuntato, stella, coppa e molte altre), ricercabili.
  • Nastri — 28 nastri decorativi da sovrapporre, raggruppati in Dritti / Appuntiti / Code / Decorativi.
  • Basi — 80 forme di base ricolorabili suddivise in categorie (cerchi, scudi, esagoni, stelle, medaglie, sigilli, ghirlande, stendardi, geometrici).

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

Forme di sfondo

Forme di sfondo — una cornice predisegnata applicata come sfondo della credenziale

Elementi → Forme di sfondo contiene 68 cornici già pronte (la libreria forma × tavolozza). Applicandone una si sostituisce la cornice di sfondo della credenziale mantenendo il testo e gli elementi in primo piano — comodo quando desideri una specifica combinazione forma/colore senza un modello composto.

Caricare un'immagine personale

Usa il pannello Caricamenti 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 un normale oggetto in primo piano — si sovrappone al design e non cancella mai lo sfondo. Per cambiare lo sfondo della credenziale, scegli invece un modello o una forma di sfondo.

Aggiungere e stilizzare il testo

Il pannello Testo — titoli, corpo del testo e combinazioni già pronte

Il pannello Testo offre:

  • Aggiungi titolo / sottotitolo / testo normale — oggetti di testo predimensionati.
  • Combinazioni — blocchi già pronti come Certificate of Achievement, Awarded to o Verify at — ogni riga resta modificabile in modo indipendente.

Seleziona un qualsiasi oggetto di testo e appare la barra degli strumenti contestuale sopra la tela:

Barra degli strumenti contestuale con il selettore di font, lo stepper − / + della dimensione, colore e allineamento

  • Font — una libreria di 50 font raggruppati in Sans, Serif, Corsivo, Mono e Sistema. Scegline uno dal menu a tendina; ogni opzione mostra l'anteprima nel proprio carattere.
  • + Font — carica un carattere del tuo marchio (TTF, WOFF, WOFF2, OTF) per la sessione corrente.
  • Dimensione font — lo stepper − / + (oppure digita un numero) ridimensiona con precisione il testo selezionato, senza trascinarne le maniglie.
  • Colore — imposta il riempimento del testo selezionato (e il colore di inserimento predefinito per le nuove forme/icone).
  • Allineamento — sei pulsanti allineano la selezione a sinistra / centro / destra e in alto / al centro / in basso rispetto alla tela.

Attributi dinamici

Il pannello Attributi — token dinamici risolti per ciascun destinatario

Il pannello Attributi inserisce token dinamici, , , , , — come oggetti di testo. Ogni token viene risolto per ciascun destinatario al momento del rilascio, così un unico design si personalizza automaticamente per ognuno a cui lo rilasci. È così che inserisci il nome del destinatario o la data di rilascio sulla credenziale stessa.

QR Code

Il pannello QR Code inserisce un codice scansionabile collegato a . Su ogni credenziale rilasciata si risolve nella pagina di verifica pubblica di quel rilascio, così chiunque può scansionare la credenziale stampata per confermarla.

Livelli

Il pannello Livelli — riordina, nascondi o elimina ogni oggetto

Il pannello Livelli elenca ogni oggetto presente sulla tela. Da qui puoi riordinare (porta avanti / porta indietro), nascondere/mostrare, selezionare ed eliminare ciascun livello. La cornice di sfondo è ancorata in fondo e resta 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 quando trascini un oggetto vicino al centro della tela appaiono guide di allineamento tratteggiate.

Salvare la credenziale

La credenziale finita accanto ai suoi dettagli completati — pronta per essere creata o salvata come bozza

Non esiste un passaggio di "esportazione" separato. Quando il tuo design e i dettagli sono pronti:

  • Crea credenziale cattura la tela come PNG, la carica su IPFS e salva la credenziale insieme al suo design modificabile — così riaprendo la credenziale vengono ripristinati i singoli livelli per ulteriori modifiche.
  • Salva bozza memorizza una credenziale in lavorazione lato server (su tutti i dispositivi). Le bozze compaiono nel tuo elenco di credenziali con un contrassegno Bozza e puoi riprenderne una qualsiasi in un secondo momento.

Consigli per un buon design della credenziale

  • Semplicità — testo chiaro, minimo disordine. Le credenziali vengono spesso mostrate a dimensioni ridotte.
  • Contrasto elevato — rendi il testo leggibile sopra lo sfondo.
  • Dai un nome alla credenziale — chi la osserva deve comprenderla a colpo d'occhio.
  • Formato quadrato — le credenziali risultano migliori come immagini quadrate.
  • Coerenza del marchio — riutilizza i colori e i font della tua organizzazione su tutte le credenziali.
  • Salva i design riutilizzabili — ogni credenziale che crei viene salvata anche come modello del tuo account da cui partire la volta successiva (vedi I miei modelli).

badges.ninja Documentation