Skip to content

Mærkedesigner

Mærkedesigneren er en visuel canvas-editor i tre kolonner, indbygget i badges.ninja, der lader dig oprette professionelle mærkebilleder uden nogen eksterne designværktøjer.

3-kolonners mærke-editoren — venstreskinne, panel og canvas — med mærkedetaljerne nedenunder

Oversigt

Designeren åbner direkte inde i vinduet Opret / rediger mærke. Den består af tre dele:

  • Venstreskinne — skifter det midterste panel mellem Skabeloner, Uploads, Elementer, Tekst, Attributter, QR-koder og Lag.
  • Panel — værktøjerne til den valgte skinne-tilstand.
  • Canvas — en levende, redigerbar forhåndsvisning af mærket. Alt, hvad du tilføjer, er et rigtigt, valgbart objekt, du kan flytte, restyle, omarrangere eller slette.

Mærkedetaljerne (Udsteder, Navn, Beskrivelse, Kriterier og delingsteksten) ligger direkte under canvasset, så designet og beviset-oplysningerne bor sammen i ét vindue — der er ikke noget separat trin.

Start fra en skabelon

Klik på Skabeloner i skinnen for at gennemse de indbyggede designs. Recognition-familien giver dig et fuldt komponeret, professionelt mærke — en formet ramme plus redigerbar pladsholdertekst (organisation, titel, undertitel og et verifikationssegl) — i otte farvepaletter (Guld, Sølv, Bronze, Blå, Grøn, Karmoisin, Lilla, Grafit). Brug filteret Kategori til at indsnævre listen, eller Blankt canvas for at starte fra bunden.

Klik på en skabelon for at anvende den. Dens tekst bliver til normale, redigerbare lag, du kan ændre eller fjerne — intet er bagt fast.

Elementer — former, ikoner, bånd og baggrunde

Elementer-panelet — linjer, former, ikoner, bånd, baser og baggrundsformer

Panelet Elementer lægger grafik oven på dit mærke:

  • Linjer — vandrette / lodrette streger.
  • Former — udfyldte og optegnede rektangler, afrundede rektangler, cirkler og trekanter.
  • Ikoner — 70 piktografiske ikoner (udmærkelse, hjerne, certifikat, kode, krone, diplom, studenterhue, medalje, raket, skjold med flueben, stjerne, pokal og mange flere), søgbare.
  • Bånd — 28 dekorative båndoverlejringer, grupperet i Lige / Spidse / Haler / Dekorative.
  • Baser — 80 genfarvbare baseformer på tværs af kategorier (cirkler, skjolde, hexagoner, stjerner, medaljer, segl, kranse, bannere, geometriske).

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

Baggrundsformer

Baggrundsformer — en færdigdesignet ramme anvendt som mærkebaggrund

Elementer → Baggrundsformer rummer 68 færdige rammer (biblioteket form × palet). Anvender du en, udskiftes mærkets baggrundsramme, mens din tekst og dine elementer bevares ovenpå — praktisk, når du vil have en bestemt form/farve-kombination uden en komponeret skabelon.

Upload et brugerdefineret billede

Brug panelet Uploads til at tilføje dit eget logo, foto eller grafik. PNG, JPEG og SVG accepteres, op til 5 MB. Billedet indsættes som et normalt forgrundsobjekt — det stables oven på designet og sletter aldrig baggrunden. For at ændre mærkebaggrunden skal du i stedet vælge en skabelon eller en baggrundsform.

Tilføj og style tekst

Tekst-panelet — overskrifter, brødtekst og færdige kombinationer

Panelet Tekst tilbyder:

  • Tilføj overskrift / underoverskrift / normal tekst — forudindstillede tekstobjekter.
  • Kombinationer — færdige stakke som Certificate of Achievement, Awarded to eller Verify at — hver linje forbliver uafhængigt redigerbar.

Vælg et hvilket som helst tekstobjekt, og den kontekstuelle værktøjslinje vises over canvasset:

Kontekstuel værktøjslinje med skrifttypevælger, − / + skriftstørrelses-stepper, farve og justering

  • Skrifttype — et bibliotek med 50 skrifttyper grupperet i Sans, Serif, Håndskrift, Mono og System. Vælg en fra dropdown'en; hver mulighed forhåndsvises i sin egen skrifttype.
  • + Skrifttype — upload en brandskrifttype (TTF, WOFF, WOFF2, OTF) til den aktuelle session.
  • Skriftstørrelse− / + stepperen (eller indtast et tal) ændrer størrelsen på den valgte tekst præcist, uden at trække i dens håndtag.
  • Farve — sætter fyldfarven for den valgte tekst (og standard indsætningsfarven for nye former/ikoner).
  • Justering — seks knapper justerer markeringen venstre / center / højre og top / midt / bund i forhold til canvasset.

Dynamiske attributter

Attributter-panelet — dynamiske tokens, der løses per modtager

Panelet Attributter indsætter dynamiske tokens, , , , , — som tekstobjekter. Hvert token løses per modtager på uddelingstidspunktet, så et enkelt design personaliserer sig selv til alle, du udsteder det til. Sådan sætter du modtagerens navn eller udstedelsesdatoen på selve mærket.

QR-koder

Panelet QR-koder indsætter en scanbar kode knyttet til . På hver udstedt uddeling løses den til den pågældende uddelings offentlige verifikationsside, så enhver kan scanne det trykte mærke for at bekræfte det.

Lag

Lag-panelet — omarrangér, skjul eller slet hvert objekt

Panelet Lag viser hvert objekt på canvasset. Herfra kan du omarrangere (bring frem / send bagud), skjule/vise, vælge og slette hvert lag. Baggrundsrammen er fastgjort i bunden og forbliver ikke-interaktiv, så forgrundselementerne ejer alle klik.

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

Gem mærket

Det færdige mærke ved siden af dets udfyldte detaljer — klar til at oprette eller gemme som kladde

Der er ikke noget separat "eksport"-trin. Når dit design og dine detaljer er klar:

  • Opret mærke fanger canvasset som en PNG, uploader det til IPFS og gemmer mærket sammen med dets redigerbare design — så genåbning af mærket gendanner dine individuelle lag til videre redigering.
  • Gem kladde gemmer et igangværende mærke på serveren (på tværs af enheder). Kladder vises i din mærkeliste med et Kladde-mærke, og du kan tage enhver af dem op igen senere.

Tip til god mærkedesign

  • Hold det enkelt — tydelig tekst, minimal rod. Mærker vises ofte i små størrelser.
  • Brug høj kontrast — gør teksten læselig mod baggrunden.
  • Navngiv beviset — seere bør forstå det ved et øjekast.
  • Kvadratisk format — mærker vises bedst som kvadratiske.
  • Brandkonsistens — genbrug din organisations farver og skrifttyper på tværs af mærker.
  • Gem genanvendelige designs — hvert mærke, du opretter, gemmes også som en kontoskabelon, du kan starte fra næste gang (se Mine skabeloner).

badges.ninja Documentation