Skip to content

Mærkedesigner

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

Mærkedesigner — indlejret i vinduet Opret mærke ved siden af formular-sidebjælken

Oversigt

Designeren åbner, når du klikker på billedfeltet, mens du opretter eller redigerer et mærke. Den giver et canvas-arbejdsområde, hvor du kan kombinere skabeloner, tekst og egne baggrunde for at oprette dit mærkebillede.

Skabelonvælger med form- og farvefiltre

Vælg en skabelon

Designeren indeholder 80+ indbyggede skabeloner organiseret i to dimensioner, så du hurtigt kan finde en:

  • 8 former — Cirkel, Afrundet kvadrat, Hexagon, Skjold, Oktagon, Rombe, Banner, Segl
  • 8 farvepaletter — Guld, Sølv, Bronze, Blå, Grøn, Karmoisin, Lilla, Grafit

Sådan vælges en:

  1. Klik på Skabeloner i designerens værktøjslinje.
  2. Brug filtrene Form og Farve øverst i vælgeren for at indsnævre listen. Tælleren til højre viser, hvor mange skabeloner der matcher (f.eks. 8 / 84).
  3. Klik på en skabelon for at anvende den på canvasset.

De genererede skabeloner er bevidst rene — vælg en form og palet, og tilføj derefter din egen tekst, ikoner og bånd i designeren.

Skabelon anvendt på canvasset

Tilføj former, bånd og ikoner

Former-popover

Ikoner-popover med farvebjælke

Ud over skabeloner leveres designeren med tre yderligere aktivbiblioteker, du kan lægge oven på enhver skabelon:

  • Former — 80+ vektorformer (cirkler, skjolde, hexagoner, stjerner, medaljer, segl, kranse, bannere, geometriske former) grupperet i kategorier
  • Bånd — 20 dekorative båndoverlejringer
  • Ikoner — 50 piktografiske ikoner (atom, udmærkelse, hjerne, mappe, certifikat, kode, krone, diamant, diplom, studenterhue, pære, medalje, raket, skjold med flueben, stjerne, mål, pokal, …)

Vælg en fra en hvilken som helst popover, så indsættes den på canvasset i den aktuelle farve. Farvebjælken inde i hver popover lader dig farve aktivet om, før du indsætter det — nyttigt, når du vil have en anden farve end værktøjslinjens standard.

Upload en brugerdefineret baggrund eller billede

Du kan uploade dit eget billede til brug som baggrund eller som et lag ovenpå:

  1. Klik på Upload i designerens værktøjslinje.
  2. Vælg en billedfil fra din computer (PNG eller JPG anbefales).
  3. Billedet placeres på canvasset som et valgbart objekt — træk, skalér, rotér eller send det bag andre elementer.

Upload af et billede sletter ikke skabelonen eller eksisterende lag — det stables bare ovenpå.

Til fulde baggrunde skal du bruge et kvadratisk billede på mindst 600×600 pixels.

Tilføj tekst

Tekstelement tilføjet canvasset

  1. Klik på knappen Tekst i værktøjslinjen.
  2. Et nyt tekstelement vises på canvasset.
  3. Klik på teksten for at vælge den, og skriv dit indhold.
  4. Træk tekstelementet for at placere det på canvasset.

Du kan tilføje flere tekstelementer til forskellige dele af dit mærke (titel, modtager, dato osv.).

Skift skrifttype

Tekst skiftet fra Arial til Georgia — serif-skrifttype anvendt på valgt tekst

Designeren indeholder 11 skrifttyper (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

  1. Vælg et tekstelement på canvasset.
  2. Klik på Skrifttype-dropdown'en i værktøjslinjen.
  3. Vælg mellem de tilgængelige skrifttyper.

Skriftforhåndsvisningen viser, hvordan hver mulighed ser ud, før du vælger den.

Skift farve

Farvevælger åben; vælg en hex — guld giver stærk kontrast på mørkeblå skabeloner

Værktøjslinjens Farve-vælger styrer to ting på én gang:

  • Valgt tekst — vælger fyldfarven for et valgt tekstelement.
  • Standard indsætningsfarve — for former, bånd og ikoner, der indsættes derefter, plus valgte SVG-objekter (farver streger og fyldninger om på stedet).

Vælg en farve fra paletten, eller indtast en hex-kode. Inde i hver form-/bånd-/ikon-popover er der også en mindre Farvebjælke for engangsfarvevalg, der ikke ændrer værktøjslinjens standard.

Justér elementer

Tekst centreret vandret og lodret via værktøjslinjens justeringsknapper

Rækken med 6 justeringsknapper virker på det/de valgte objekt(er) i forhold til canvasset:

KnapHandling
VenstrejustérFastgør til canvassets venstre kant
Centrér vandretCentrér på canvassets X-akse
HøjrejustérFastgør til canvassets højre kant
ØverstjustérFastgør til canvassets øverste kant
Centrér lodretCentrér på canvassets Y-akse
BundjustérFastgør til canvassets nederste kant

Når du trækker et element tæt på canvassets midte, vises stiplede lilla snaphjælpelinjer, og objektet fastgøres i perfekt justering.

Markering af flere og lag

  • Hold Shift nede og klik for at vælge flere objekter, eller træk en markeringskasse over canvasset.
  • Brug Send bagud / Bring frem for at styre z-rækkefølgen.
  • Tryk på Delete, eller klik på værktøjslinjens Slet-knap for at fjerne markeringen.
  • Fortryd / Gentag (eller Ctrl+Z / Ctrl+Shift+Z) gennemgår de sidste 20 ændringer.

Slet elementer

  1. Vælg elementet, du vil fjerne (eller shift-klik for flere).
  2. Klik på knappen Slet i værktøjslinjen, eller tryk på Delete-tasten.

Tip til god mærkedesign

  • Hold det enkelt — brug tydelig tekst og undgå overfyldning. Mærket vises ofte i små størrelser.
  • Brug høj kontrast — sørg for, at teksten er læselig mod baggrunden.
  • Medtag mærkenavnet — modtagere og seere bør forstå beviset ved et øjekast.
  • Kvadratisk format — mærker vises bedst som kvadratiske billeder.
  • Brandkonsistens — brug din organisations farver og skrifttyper på tværs af alle mærker.
  • Test i små størrelser — forhåndsvis dit mærke ved 100x100 pixels for at sikre læsbarhed.

Gem mærkebilledet

Færdigt komponeret mærke

Når du er tilfreds med dit design, skal du klikke på Færdig eller Gem i designeren. Billedet fanges fra canvasset og knyttes til dit mærke. Det uploades til IPFS, når du opretter eller gemmer mærket.

badges.ninja Documentation