Editor de credencials

L'Editor de credencials és un editor visual de llenç a tres columnes integrat a badges.ninja que et permet crear imatges professionals de credencials sense cap eina de disseny externa.

Visió general

L'editor s'obre directament dins la finestra Crear / Editar credencial. Consta de tres parts:

• Barra lateral — commuta el panell central entre Plantilles, Pujades, Elements, Text, Atributs, Codis QR i Capes.
• Panell — les eines del mode de barra lateral seleccionat.
• Llenç — una previsualització en viu i editable de la credencial. Tot el que hi afegeixes és un objecte real i seleccionable que pots moure, restilitzar, reordenar o eliminar.

Els detalls de la credencial (Emissor, Nom, Descripció, Criteris i el Text per compartir) se situen just sota el llenç, de manera que el disseny i la informació de la credencial conviuen en una mateixa finestra: no hi ha cap pas separat.

Començar des d'una plantilla

Prem Plantilles a la barra lateral per explorar els dissenys integrats. La família Recognition t'ofereix una credencial professional i completament composta —un marc amb forma més text de reserva editable (organització, títol, subtítol i un segell de verificació)— en vuit paletes cromàtiques (Or, Plata, Bronze, Blau, Verd, Carmesí, Morat, Grafit). Fes servir el filtre Categoria per reduir la llista, o Llenç en blanc per començar de zero.

Prem una plantilla per aplicar-la. El seu text es converteix en capes normals i editables que pots canviar o eliminar: res no queda fixat.

Elements — Formes, icones, cintes i fons

El panell Elements apila gràfics a sobre de la teva credencial:

• Línies — regles horitzontals / verticals.
• Formes — rectangles reomplerts i amb contorn, rectangles arrodonits, cercles i triangles.
• Icones — 70 icones pictogràfiques (guardó, cervell, certificat, codi, corona, diploma, birret, medalla, coet, escut marcat, estrella, trofeu i moltes més), amb cercador.
• Cintes — 28 superposicions decoratives de cinta, agrupades en Rectes / Puntes / Cues / Decoratives.
• Bases — 80 formes base recolorables repartides en categories (cercles, escuts, hexàgons, estrelles, medalles, segells, garlandes, banderes, geomètriques).

Cada icona, cinta i base s'insereix amb el color actual i es pot recolorir en qualsevol moment.

Formes de fons

Elements → Formes de fons conté 68 marcs preparats (la biblioteca forma × paleta). Aplicar-ne un substitueix el marc de fons de la credencial alhora que manté el teu text i elements a sobre —pràctic quan vols una combinació concreta de forma/color sense una plantilla composta.

Pujar una imatge pròpia

Fes servir el panell Pujades per afegir el teu propi logotip, fotografia o gràfic. S'accepten PNG, JPEG i SVG, fins a 5 MB. La imatge s'insereix com un objecte normal en primer pla —s'apila sobre el disseny i mai no esborra el fons. Per canviar el fons de la credencial, tria una plantilla o una forma de fons en lloc d'això.

Afegir i estilitzar text

El panell Text ofereix:

• Afegir encapçalament / subencapçalament / text normal — objectes de text predimensionats.
• Combinacions — piles preparades com ara Certificat d'assoliment, Atorgat a o Verifica a —cada línia queda editable de manera independent.

Selecciona qualsevol objecte de text i apareix la barra d'eines contextual damunt del llenç:

• Tipografia — una biblioteca de 50 tipografies agrupades en Sans, Serif, Manuscrita, Mono i Sistema. Tria'n una del desplegable; cada opció es previsualitza amb la seva pròpia lletra.
• + Tipografia — puja una tipografia de marca (TTF, WOFF, WOFF2, OTF) per a la sessió actual.
• Mida de lletra — el pas − / + (o escriu un número) redimensiona el text seleccionat amb precisió, sense arrossegar-ne els tiradors.
• Color — defineix el reompliment del text seleccionat (i el color d'inserció per defecte per a les formes/icones noves).
• Alineació — sis botons alineen la selecció a esquerra / centre / dreta i a dalt / centre / baix respecte al llenç.

Atributs dinàmics

El panell Atributs insereix testimonis dinàmics —, , , , , — com a objectes de text. Cada testimoni es resol per a cada destinatari en el moment d'atorgar-la, de manera que un únic disseny es personalitza per a tothom a qui l'emets. Així és com poses el nom del destinatari o la data d'emissió a la mateixa credencial.

Codis QR

El panell Codis QR insereix un codi escanejable vinculat a . A cada credencial atorgada es resol cap a la pàgina pública de verificació d'aquest atorgament, de manera que qualsevol pot escanejar la credencial impresa per confirmar-la.

Capes

El panell Capes llista tots els objectes del llenç. Des d'aquí pots reordenar (portar al davant / enviar al darrere), amagar/mostrar, seleccionar i eliminar cada capa. El marc de fons queda fixat a baix i es manté no interactiu perquè els elements de primer pla acaparin tots els clics.

Desfés / Refés (Ctrl+Z / Ctrl+Shift+Z) recorren els darrers 20 canvis, i apareixen guies d'ajust puntejades quan arrossegues un objecte prop del centre del llenç.

Desar la credencial

No hi ha cap pas d'"exportació" separat. Quan el teu disseny i els detalls estiguin a punt:

• Crear credencial captura el llenç com a PNG, el puja a IPFS i desa la credencial juntament amb el seu disseny editable —de manera que reobrir la credencial restaura les teves capes individuals per continuar editant.
• Desar esborrany emmagatzema una credencial en curs al servidor (entre dispositius). Els esborranys apareixen a la teva llista de credencials amb una marca d'Esborrany, i pots reprendre'n qualsevol més endavant.

Consells per a un bon disseny de credencials

• Simplicitat — text clar, poca sobrecàrrega. Sovint les credencials es mostren en mida petita.
• Contrast alt — fes que el text sigui llegible sobre el fons.
• Anomena la credencial — qui la vegi l'ha d'entendre d'un cop d'ull.
• Format quadrat — les credencials llueixen millor en quadrat.
• Coherència de marca — reutilitza els colors i tipografies de la teva organització a totes les credencials.
• Desa dissenys reutilitzables — cada credencial que crees també es desa com una plantilla del compte des de la qual pots partir la propera vegada (vegeu Les meves plantilles).