Dissenyador d'insígnies

El Dissenyador d'insígnies és un editor visual de llenç de tres columnes integrat a badges.ninja que et permet crear imatges d'insígnies professionals sense cap eina de disseny externa.

Visió general

El dissenyador s'obre dins de la finestra Crea / Edita insígnia. Té tres parts:

• Barra lateral esquerra — canvia el panell central entre Plantilles, Càrregues, Elements, Text, Atributs, Codis QR i Capes.
• Panell — les eines del mode seleccionat a la barra lateral.
• Llenç — una previsualització en directe i editable de la insígnia. Tot el que hi afegeixes és un objecte real i seleccionable que pots moure, canviar d'estil, reordenar o eliminar.

Els detalls de la insígnia (Emissor, Nom, Descripció, Criteris i el Text per compartir) són just sota el llenç, de manera que el disseny i la informació de la credencial conviuen en una sola finestra — no hi ha cap pas separat.

Començar amb una plantilla

Fes clic a Plantilles a la barra lateral per explorar els dissenys integrats. La família Recognition t'ofereix una insígnia professional totalment composta — un marc amb forma més text de marcador editable (organització, títol, subtítol i un segell de verificació) — en vuit paletes de colors (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Utilitza el filtre Categoria per acotar la llista, o Llenç en blanc per començar de zero.

Fes clic en una plantilla per aplicar-la. El seu text es converteix en capes normals i editables que pots canviar o eliminar — no hi ha res incrustat.

Elements — Formes, icones, cintes i fons

El panell Elements afegeix gràfics per sobre de la teva insígnia:

• Línies — regles horitzontals / verticals.
• Formes — rectangles, rectangles arrodonits, cercles i triangles, plens i amb contorn.
• Icones — 70 icones pictogràfiques (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy i moltes més), amb cerca.
• Cintes — 28 cintes decoratives superposades, agrupades en Rectes / Punxegudes / Cues / Decoratives.
• Bases — 80 formes base recolorables en diverses categories (cercles, escuts, hexàgons, estrelles, medalles, segells, corones, bàners, geomètriques).

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

Formes de fons

Elements → Formes de fons conté 68 marcs prefabricats (la biblioteca de formes × paletes). En aplicar-ne un, es canvia el marc de fons de la insígnia mantenint el teu text i els teus elements a sobre — pràctic quan vols una combinació concreta de forma i color sense una plantilla composta.

Pujar una imatge personalitzada

Utilitza el panell Càrregues per afegir el teu logotip, una foto o un gràfic. S'accepten PNG, JPEG i SVG, fins a 5 MB. La imatge s'insereix com un objecte normal de primer pla — s'apila sobre el disseny i mai esborra el fons. Per canviar el fons de la insígnia, tria una plantilla o una forma de fons.

Afegir i donar estil al text

El panell Text ofereix:

• Afegeix encapçalament / subencapçalament / text normal — objectes de text amb mida predefinida.
• Combinacions — conjunts prefabricats com Certificate of Achievement, Awarded to o Verify at — cada línia continua sent editable de manera independent.

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

• Tipus de lletra — una biblioteca de 50 tipus de lletra agrupats en Sans, Serif, Handwriting, Mono i System. Tria'n un del desplegable; cada opció es previsualitza amb el seu propi tipus.
• + Tipus de lletra — puja un tipus de lletra de marca (TTF, WOFF, WOFF2, OTF) per a la sessió actual.
• Mida de la lletra — el selector − / + (o escriure un número) canvia la mida del text seleccionat amb precisió, sense arrossegar-ne els tiradors.
• Color — defineix el color de farciment del text seleccionat (i el color d'inserció per defecte de les formes/icones noves).
• Alineació — sis botons alineen la selecció a l'esquerra / al centre / a la dreta i a dalt / al mig / a 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 de l'emissió, 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 insígnia.

Codis QR

El panell Codis QR insereix un codi escanejable vinculat a . A cada credencial emesa, es resol a la pàgina pública de verificació d'aquella credencial, de manera que qualsevol persona pot escanejar la insígnia impresa per confirmar-la.

Capes

El panell Capes llista tots els objectes del llenç. Des d'aquí pots reordenar (portar endavant / enviar enrere), amagar/mostrar, seleccionar i eliminar cada capa. El marc de fons està fixat a la part inferior i no és interactiu, de manera que els elements de primer pla s'emporten tots els clics.

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

Desar la insígnia

No hi ha cap pas d'«exportació» separat. Quan el disseny i els detalls estan a punt:

• Crea la insígnia captura el llenç com a PNG, el puja al nostre CDN d'imatges (Amazon S3, servit amb una URL immutable adreçada per contingut) i desa la insígnia juntament amb el seu disseny editable — de manera que en tornar a obrir la insígnia es restauren les capes individuals per continuar editant.
• Desa l'esborrany emmagatzema al servidor una insígnia en curs (entre dispositius). Els esborranys apareixen a la llista d'Insígnies amb una marca d'Esborrany, i en pots reprendre qualsevol més endavant.

Consells per a un bon disseny d'insígnies

• Que sigui senzill — text clar, el mínim de desordre. Les insígnies sovint es mostren petites.
• Utilitza un contrast alt — fes que el text es llegeixi bé sobre el fons.
• Posa nom a la credencial — qui la vegi l'ha d'entendre d'un cop d'ull.
• Format quadrat — les insígnies es veuen millor quadrades.
• Coherència de marca — reutilitza els colors i els tipus de lletra de la teva organització a totes les insígnies.
• Desa dissenys reutilitzables — cada insígnia que crees també es desa com a plantilla del compte des de la qual pots començar la propera vegada (vegeu Les meves plantilles).