Badge-designer

Badge-designeren er en visuel editor med tre kolonner og et lærred, der er indbygget i badges.ninja, og som lader dig lave professionelle badge-billeder uden eksterne designværktøjer.

Oversigt

Designeren åbner direkte i vinduet Create / Edit Badge. Den har tre dele:

• Venstre bjælke — skifter midterpanelet mellem Templates, Uploads, Elements, Text, Attributes, QR Codes og Layers.
• Panel — værktøjerne til den valgte tilstand i bjælken.
• Lærred — en levende, redigerbar forhåndsvisning af badgen. Alt, du tilføjer, er et reelt, markérbart objekt, som du kan flytte, style, omarrangere eller slette.

Badge-oplysningerne (Issuer, Name, Description, Criteria og Share Text) sidder lige under lærredet, så design og bevisoplysninger er samlet i ét vindue — der er ikke noget separat trin.

Start fra en skabelon

Klik på Templates i bjælken for at gennemse de indbyggede designs. Familien Recognition giver dig en fuldt sammensat, professionel badge — en formet ramme plus redigerbare pladsholdertekster (organisation, titel, undertitel og et verifikationssegl) — i otte farvepaletter (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Brug filteret Category til at indsnævre listen, eller Blank canvas for at starte fra bunden.

Klik på en skabelon for at anvende den. Dens tekster bliver almindelige, redigerbare lag, som du kan ændre eller fjerne — intet er bagt ind.

Elements — former, ikoner, bånd og baggrunde

Panelet Elements lægger grafik oven på din badge:

• Lines — vandrette / lodrette streger.
• Shapes — udfyldte og omrids-rektangler, afrundede rektangler, cirkler og trekanter.
• Icons — 70 piktografiske ikoner (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy og mange flere), der kan søges i.
• Ribbons — 28 dekorative bånd, grupperet i Straight / Pointed / Tails / Decorative.
• Bases — 80 baseformer, der kan omfarves, i flere kategorier (cirkler, skjolde, sekskanter, stjerner, medaljer, segl, kranse, bannere, geometriske).

Hvert ikon, bånd og hver base indsættes i den aktuelle farve og kan omfarves når som helst.

Baggrundsformer

Elements → Background shapes indeholder 68 færdige rammer (biblioteket med form × palet). Når du anvender en, udskiftes badgens baggrundsramme, mens dine tekster og elementer bliver liggende ovenpå — praktisk, når du vil have en bestemt kombination af form og farve uden en sammensat skabelon.

Upload af et eget billede

Brug panelet Uploads til at tilføje dit eget logo, foto eller din egen grafik. PNG, JPEG og SVG accepteres, op til 5 MB. Billedet indsættes som et almindeligt forgrundsobjekt — det lægger sig oven på designet og sletter aldrig baggrunden. Hvis du vil ændre badgens baggrund, skal du i stedet vælge en skabelon eller en baggrundsform.

Tilføj og style tekst

Panelet Text tilbyder:

• Add heading / subheading / normal text — tekstobjekter med forudindstillet størrelse.
• Combinations — færdige opstillinger som Certificate of Achievement, Awarded to eller Verify at — hver linje kan stadig redigeres hver for sig.

Markér et tekstobjekt, så vises den kontekstuelle værktøjslinje over lærredet:

• Font — et bibliotek med 50 skrifttyper grupperet i Sans, Serif, Handwriting, Mono og System. Vælg en fra rullemenuen; hver mulighed vises i sin egen skrifttype.
• + Font — upload en brandskrifttype (TTF, WOFF, WOFF2, OTF) til den aktuelle session.
• Font size — − / +-trinvælgeren (eller indtast et tal) ændrer størrelsen på den markerede tekst præcist, uden at du skal trække i dens håndtag.
• Colour — angiver fyldfarven for den markerede tekst (og standardfarven ved indsættelse af nye former/ikoner).
• Alignment — seks knapper justerer markeringen venstre / midt / højre og top / midte / bund i forhold til lærredet.

Dynamiske attributter

Panelet Attributes indsætter dynamiske tokens — , , , , , — som tekstobjekter. Hvert token opløses for hver modtager på udstedelsestidspunktet, så ét design tilpasser sig selv til alle, du udsteder det til. Sådan sætter du modtagerens navn eller udstedelsesdatoen på selve badgen.

QR-koder

Panelet QR Codes indsætter en scanbar kode knyttet til . På hvert udstedt bevis peger den på beviset offentlige verifikationsside, så alle kan scanne den printede badge og bekræfte den.

Lag

Panelet Layers viser alle objekter på lærredet. Herfra kan du omarrangere (flyt frem / send tilbage), skjule/vise, markere og slette hvert lag. Baggrundsrammen er fastgjort nederst og forbliver ikke-interaktiv, så forgrundselementerne får alle klik.

Fortryd / Gentag (Ctrl+Z / Ctrl+Shift+Z) gennemgår de seneste 20 ændringer, og stiplede hjælpelinjer vises, når du trækker et objekt tæt på lærredets midte.

Gem badgen

Der er intet separat „eksport"-trin. Når dit design og dine oplysninger er klar:

• Create Badge fanger lærredet som en PNG, uploader den til vores billed-CDN (Amazon S3, leveret under en uforanderlig indholdsadresseret URL) og gemmer badgen sammen med dens redigerbare design — så en genåbnet badge genskaber dine enkelte lag, så du kan redigere videre.
• Save Draft gemmer en igangværende badge på serveren (på tværs af enheder). Kladder vises i din Badges-liste med et Draft-mærke, og du kan tage dem op igen senere.

Tips til godt badge-design

• Hold det enkelt — klar tekst, minimalt rod. Badges vises ofte i lille størrelse.
• Brug høj kontrast — gør teksten læselig mod baggrunden.
• Navngiv beviset — seeren skal kunne forstå det med det samme.
• Kvadratisk format — badges ser bedst ud kvadratiske.
• Ensartet brand — genbrug din organisations farver og skrifttyper på tværs af badges.
• Gem genbrugelige designs — hver badge, du opretter, gemmes også som en kontoskabelon, du kan starte fra næste gang (se My Templates).