Badge Designer

Badge Designer är en visuell redigerare med tre kolumner som är inbyggd i badges.ninja och låter dig skapa professionella märkesbilder utan externa designverktyg.

Översikt

Designern öppnas direkt i fönstret Create / Edit Badge. Den har tre delar:

• Vänster list — växlar mittpanelen mellan Templates, Uploads, Elements, Text, Attributes, QR Codes och Layers.
• Panel — verktygen för det valda listläget.
• Canvas — en levande, redigerbar förhandsvisning av märket. Allt du lägger till är ett riktigt, markerbart objekt som du kan flytta, ändra stil på, ändra ordning på eller ta bort.

Märkesdetaljerna (Issuer, Name, Description, Criteria och Share Text) ligger direkt under canvasen, så designen och credential-informationen finns tillsammans i ett fönster — det finns inget separat steg.

Börja från en mall

Klicka på Templates i listen för att bläddra bland de inbyggda designerna. Familjen Recognition ger dig ett helt komponerat, professionellt märke — en formad ram plus redigerbar platshållartext (organisation, titel, undertitel och ett verifieringssigill) — i åtta färgpaletter (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Använd filtret Category för att begränsa listan, eller Blank canvas för att börja från noll.

Klicka på en mall för att använda den. Dess text blir vanliga, redigerbara lager som du kan ändra eller ta bort — inget är inbakat.

Elements — former, ikoner, band och bakgrunder

Panelen Elements lägger grafik ovanpå ditt märke:

• Lines — horisontella / vertikala linjer.
• Shapes — fyllda och konturerade rektanglar, rundade rektanglar, cirklar och trianglar.
• Icons — 70 piktografiska ikoner (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy och många fler), sökbara.
• Ribbons — 28 dekorativa bandöverlägg, grupperade i Straight / Pointed / Tails / Decorative.
• Bases — 80 omfärgningsbara basformer i flera kategorier (cirklar, sköldar, hexagoner, stjärnor, medaljer, sigill, kransar, banderoller, geometriska).

Varje ikon, band och bas infogas i den aktuella färgen och kan färgläggas om när som helst.

Bakgrundsformer

Elements → Background shapes innehåller 68 färdiga ramar (biblioteket form × palett). När du använder en byts märkets bakgrundsram ut medan din text och dina element ligger kvar överst — praktiskt när du vill ha en viss kombination av form och färg utan en komponerad mall.

Ladda upp en egen bild

Använd panelen Uploads för att lägga till din egen logotyp, bild eller grafik. PNG, JPEG och SVG accepteras, upp till 5 MB. Bilden infogas som ett vanligt förgrundsobjekt — den läggs ovanpå designen och raderar aldrig bakgrunden. För att ändra märkets bakgrund väljer du i stället en mall eller en bakgrundsform.

Lägga till och formatera text

Panelen Text erbjuder:

• Add heading / subheading / normal text — textobjekt med förinställd storlek.
• Combinations — färdiga uppsättningar som Certificate of Achievement, Awarded to eller Verify at — varje rad förblir separat redigerbar.

Markera ett valfritt textobjekt så visas den kontextuella verktygsraden ovanför canvasen:

• Font — ett bibliotek med 50 teckensnitt grupperade i Sans, Serif, Handwriting, Mono och System. Välj ett i rullgardinsmenyn; varje alternativ förhandsvisas i sitt eget teckensnitt.
• + Font — ladda upp ett varumärkesteckensnitt (TTF, WOFF, WOFF2, OTF) för den aktuella sessionen.
• Font size — stegknapparna − / + (eller skriv ett tal) ändrar storleken på den markerade texten exakt, utan att dra i handtagen.
• Colour — anger fyllningen för den markerade texten (och standardfärgen vid infogning av nya former/ikoner).
• Alignment — sex knappar justerar markeringen vänster / centrerat / höger och överkant / mitten / nederkant i förhållande till canvasen.

Dynamiska attribut

Panelen Attributes infogar dynamiska tokens — , , , , , — som textobjekt. Varje token löses upp per mottagare vid utfärdandet, så en enda design anpassar sig själv för alla du utfärdar den till. Så här får du in mottagarens namn eller utfärdandedatumet på själva märket.

QR-koder

Panelen QR Codes infogar en skanningsbar kod knuten till . På varje utfärdad credential pekar den på den credentialens publika verifieringssida, så att vem som helst kan skanna det utskrivna märket och bekräfta det.

Layers

Panelen Layers listar alla objekt på canvasen. Därifrån kan du ändra ordning (flytta framåt / bakåt), dölja/visa, markera och ta bort varje lager. Bakgrundsramen är fäst längst ner och förblir icke-interaktiv så att förgrundselementen får alla klick.

Ångra / Gör om (Ctrl+Z / Ctrl+Shift+Z) går igenom de senaste 20 ändringarna, och streckade hjälplinjer visas när du drar ett objekt nära canvasens mitt.

Spara märket

Det finns inget separat ”export”-steg. När din design och dina detaljer är klara:

• Create Badge fångar canvasen som en PNG, laddar upp den till vårt bild-CDN (Amazon S3, levererad under en oföränderlig innehållsadresserad URL) och sparar märket tillsammans med dess redigerbara design — så när du öppnar märket igen återställs dina enskilda lager för vidare redigering.
• Save Draft lagrar ett pågående märke på serversidan (över enheter). Utkast visas i din lista Badges med en Draft-markering, och du kan återuppta vilket som helst senare.

Tips för bra märkesdesign

• Håll det enkelt — tydlig text, minimalt med skräp. Märken visas ofta i litet format.
• Använd hög kontrast — gör texten läsbar mot bakgrunden.
• Namnge credentialen — den som tittar ska förstå den med en blick.
• Kvadratiskt format — märken visas bäst kvadratiska.
• Konsekvent varumärke — återanvänd din organisations färger och teckensnitt i alla märken.
• Spara återanvändbara designer — varje märke du skapar sparas också som en kontomall som du kan utgå från nästa gång (se My Templates).