Skip to content

Merkedesigner ​

Merkedesigneren er et visuelt lerretsredigeringsprogram med tre kolonner, bygget inn i badges.ninja, som lar deg lage profesjonelle merkebilder uten eksterne designverktøy.

Merkeredigeringen med 3 kolonner — venstre rail, panel og lerret — med merkedetaljene under

Oversikt ​

Designeren åpnes rett i vinduet Opprett / rediger merke. Den har tre deler:

  • Venstre rail — bytter midtpanelet mellom Templates, Uploads, Elements, Text, Attributes, QR Codes og Layers.
  • Panel — verktøyene for den valgte rail-modusen.
  • Lerret — en levende, redigerbar forhåndsvisning av merket. Alt du legger til er et ekte, valgbart objekt som du kan flytte, endre stil på, endre rekkefølge på eller slette.

Merkedetaljene (Issuer, Name, Description, Criteria og Share Text) ligger rett under lerretet, så designet og bevisinformasjonen finnes sammen i ett vindu — det er ikke noe eget trinn.

Start fra en mal ​

Klikk Templates i rail for å bla gjennom de innebygde designene. Recognition-familien gir deg et ferdig komponert, profesjonelt merke — en formet ramme pluss redigerbar plassholdertekst (organisasjon, tittel, undertittel og et verifiseringssegl) — i åtte fargepaletter (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Bruk filteret Category for å begrense listen, eller Blank canvas for å starte fra bunnen av.

Klikk på en mal for å bruke den. Teksten blir vanlige, redigerbare lag som du kan endre eller fjerne — ingenting er bakt inn.

Elements — former, ikoner, bånd og bakgrunner ​

Elements-panelet — linjer, former, ikoner, bånd, baser og bakgrunnsformer

Panelet Elements legger grafikk oppå merket ditt:

  • Lines — horisontale / vertikale streker.
  • Shapes — fylte og omrissede rektangler, avrundede rektangler, sirkler og trekanter.
  • Icons — 70 piktografiske ikoner (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy og mange flere), søkbare.
  • Ribbons — 28 dekorative båndoverlegg, gruppert i Straight / Pointed / Tails / Decorative.
  • Bases — 80 baseformer som kan farges om, fordelt på kategorier (sirkler, skjold, sekskanter, stjerner, medaljer, segl, kranser, bannere, geometriske).

Hvert ikon, bånd og hver base settes inn i gjeldende farge og kan farges om når som helst.

Bakgrunnsformer ​

Bakgrunnsformer — en ferdigdesignet ramme brukt som merkets bakgrunn

Elements → Background shapes inneholder 68 ferdiglagde rammer (biblioteket med form × palett). Når du bruker en, byttes merkets bakgrunnsramme ut mens teksten og elementene dine blir liggende oppå — praktisk når du vil ha en bestemt kombinasjon av form og farge uten en ferdig komponert mal.

Laste opp et eget bilde ​

Bruk panelet Uploads for å legge til din egen logo, ditt eget bilde eller grafikk. PNG, JPEG og SVG godtas, opptil 5 MB. Bildet settes inn som et vanlig forgrunnsobjekt — det legges oppå designet og visker aldri ut bakgrunnen. For å endre merkets bakgrunn velger du i stedet en mal eller en bakgrunnsform.

Legge til og style tekst ​

Text-panelet — overskrifter, brødtekst og ferdige kombinasjoner

Panelet Text tilbyr:

  • Add heading / subheading / normal text — tekstobjekter med forhåndsinnstilt størrelse.
  • Combinations — ferdige stabler som Certificate of Achievement, Awarded to eller Verify at — hver linje kan fortsatt redigeres uavhengig.

Velg et tekstobjekt, så vises den kontekstuelle verktøylinjen over lerretet:

Kontekstuell verktøylinje med skriftvelger, − / + for skriftstørrelse, farge og justering

  • Font — et bibliotek med 50 skrifter gruppert i Sans, Serif, Handwriting, Mono og System. Velg en fra nedtrekksmenyen; hvert alternativ forhåndsvises i sin egen skrifttype.
  • + Font — last opp en skrifttype for merkevaren din (TTF, WOFF, WOFF2, OTF) for gjeldende økt.
  • Font size — − / +-knappene (eller skriv inn et tall) endrer størrelsen på den valgte teksten nøyaktig, uten å dra i håndtakene.
  • Colour — setter fyllfargen på den valgte teksten (og standardfargen for nye former/ikoner).
  • Alignment — seks knapper justerer utvalget til venstre / midt / høyre og øverst / midt / nederst i forhold til lerretet.

Dynamiske attributter ​

Attributes-panelet — dynamiske tokens som løses for hver mottaker

Panelet Attributes setter inn dynamiske tokens — , , , , , — som tekstobjekter. Hvert token løses per mottaker ved utstedelse, slik at ett design tilpasser seg alle du utsteder det til. Slik får du mottakerens navn eller utstedelsesdatoen på selve merket.

QR-koder ​

Panelet QR Codes setter inn en skannbar kode knyttet til . På hvert utstedte bevis løses den til beviset sin offentlige verifiseringsside, slik at alle kan skanne det utskrevne merket for å bekrefte det.

Layers ​

Layers-panelet — endre rekkefølge på, skjul eller slett hvert objekt

Panelet Layers viser alle objekter på lerretet. Herfra kan du endre rekkefølge (flytt frem / send bakover), skjule/vise, velge og slette hvert lag. Bakgrunnsrammen er festet nederst og er ikke-interaktiv, slik at forgrunnselementene får alle klikkene.

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) går gjennom de siste 20 endringene, og stiplede hjelpelinjer vises når du drar et objekt nær midten av lerretet.

Lagre merket ​

Det ferdige merket ved siden av de utfylte detaljene — klart til å opprettes eller lagres som utkast

Det finnes ikke noe eget «eksporter»-trinn. Når designet og detaljene er klare:

  • Create Badge fanger lerretet som en PNG, laster den opp til bilde-CDN-et vårt (Amazon S3, levert under en uforanderlig innholdsadressert URL) og lagrer merket sammen med det redigerbare designet — slik at lagene dine gjenopprettes når du åpner merket igjen for videre redigering.
  • Save Draft lagrer et pågående merke på serversiden (på tvers av enheter). Utkast vises i merkelisten din med en Draft-markering, og du kan fortsette på hvilket som helst av dem senere.

Tips for godt merkedesign ​

  • Hold det enkelt — tydelig tekst, minimalt rot. Merker vises ofte i liten størrelse.
  • Bruk høy kontrast — gjør teksten lesbar mot bakgrunnen.
  • Gi beviset et navn — de som ser det, skal forstå det med et blikk.
  • Kvadratisk format — merker vises best i kvadrat.
  • Konsistent merkevare — bruk organisasjonens farger og skrifter om igjen på tvers av merker.
  • Lagre gjenbrukbare design — hvert merke du lager lagres også som en kontomal du kan starte fra neste gang (se My Templates).

badges.ninja Documentation