Skip to content

Merkedesigner

Merkedesigneren er en visuell lerretseditor med tre kolonner, innebygd i badges.ninja, som lar deg opprette profesjonelle merkebilder uten noen eksterne designverktøy.

3-kolonners merkeeditor — venstre skinne, panel og lerret — med merkedetaljene under

Oversikt

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

  • Venstre skinne — bytter det midtre panelet mellom Maler, Opplastinger, Elementer, Tekst, Egenskaper, QR-koder og Lag.
  • Panel — verktøyene for den valgte skinnemodusen.
  • Lerret — en levende, redigerbar forhåndsvisning av merket. Alt du legger til, er et ekte, valgbart objekt du kan flytte, endre stil på, omorganisere eller slette.

Merkedetaljene (Utsteder, Navn, Beskrivelse, Kriterier og delingsteksten) ligger rett under lerretet, slik at designet og legitimasjonsinformasjonen bor sammen i ett vindu — det finnes ikke noe eget trinn.

Starte fra en mal

Klikk på Maler i skinnen 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 (Gull, Sølv, Bronse, Blå, Grønn, Karmosin, Lilla, Grafitt). Bruk filteret Kategori for å innsnevre listen, eller Blankt lerret for å starte fra bunnen.

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

Elementer — former, ikoner, bånd og bakgrunner

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

Elementer-panelet legger grafikk oppå merket ditt:

  • Linjer — vannrette / loddrette streker.
  • Former — fylte og konturerte rektangler, avrundede rektangler, sirkler og trekanter.
  • Ikoner — 70 piktografiske ikoner (tildeling, hjerne, sertifikat, kode, krone, diplom, studenterhatt, medalje, rakett, skjold med hake, stjerne, pokal og mange flere), søkbare.
  • Bånd — 28 dekorative båndoverlegg, gruppert i Rette / Spisse / Haler / Dekorative.
  • Baser — 80 omfargbare baseformer på tvers av kategorier (sirkler, skjold, heksagoner, stjerner, medaljer, segl, kranser, bannere, geometriske).

Hvert ikon, bånd og base settes inn i den gjeldende fargen og kan fargelegges på nytt når som helst.

Bakgrunnsformer

Bakgrunnsformer — en ferdigdesignet ramme brukt som merkebakgrunn

Elementer → Bakgrunnsformer inneholder 68 ferdiglagde rammer (biblioteket med form × palett). Å bruke en av dem bytter merkets bakgrunnsramme mens teksten og elementene dine beholdes oppå — nyttig når du vil ha en bestemt form/farge-kombinasjon uten en komponert mal.

Laste opp et tilpasset bilde

Bruk Opplastinger-panelet for å legge til din egen logo, ditt eget foto eller din egen grafikk. PNG, JPEG og SVG godtas, opptil 5 MB. Bildet settes inn som et vanlig forgrunnsobjekt — det stables oppå designet og sletter aldri bakgrunnen. For å endre merkebakgrunnen velger du i stedet en mal eller en bakgrunnsform.

Legge til og style tekst

Tekst-panelet — overskrifter, brødtekst og ferdiglagde kombinasjoner

Tekst-panelet tilbyr:

  • Legg til overskrift / underoverskrift / vanlig tekst — forhåndsdimensjonerte tekstobjekter.
  • Kombinasjoner — ferdiglagde stabler som Certificate of Achievement, Awarded to eller Verify at — hver linje forblir uavhengig redigerbar.

Velg et hvilket som helst tekstobjekt, og den kontekstuelle verktøylinjen vises over lerretet:

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

  • Skrifttype — et bibliotek med 50 skrifttyper gruppert i Sans, Serif, Håndskrift, Mono og System. Velg en fra rullegardinen; hvert alternativ forhåndsvises i sin egen skrifttype.
  • + Skrifttype — last opp en merkevareskrifttype (TTF, WOFF, WOFF2, OTF) for gjeldende økt.
  • Skriftstørrelse− / +-trinneren (eller skriv inn et tall) endrer størrelsen på den valgte teksten presist, uten å dra i håndtakene.
  • Farge — angir fyllet for den valgte teksten (og standard innsettingsfarge for nye former/ikoner).
  • Justering — seks knapper justerer utvalget venstre / midtstilt / høyre og topp / midt / bunn i forhold til lerretet.

Dynamiske egenskaper

Egenskaper-panelet — dynamiske tokens som løses per mottaker

Egenskaper-panelet setter inn dynamiske tokens, , , , , — som tekstobjekter. Hvert token løses per mottaker ved tildelingstidspunktet, slik at ett enkelt design personaliserer seg selv for alle du utsteder det til. Slik plasserer du mottakerens navn eller utstedelsesdatoen på selve merket.

QR-koder

QR-koder-panelet setter inn en skannbar kode knyttet til . På hver utstedt tildeling løses den til den tildelingens offentlige verifiseringsside, slik at hvem som helst kan skanne det trykte merket for å bekrefte det.

Lag

Lag-panelet — omorganiser, skjul eller slett hvert objekt

Lag-panelet lister opp hvert objekt på lerretet. Herfra kan du omorganisere (bring frem / send bakover), skjule/vise, velge og slette hvert lag. Bakgrunnsrammen er festet nederst og forblir ikke-interaktiv, slik at forgrunnselementene eier alle klikkene.

Angre / Gjør om (Ctrl+Z / Ctrl+Shift+Z) går gjennom de siste 20 endringene, og stiplede festehjelpelinjer vises når du drar et objekt nær lerretets midte.

Lagre merket

Det ferdige merket ved siden av de fullførte detaljene — klart til å opprette eller lagre som utkast

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

  • Opprett merke fanger lerretet som en PNG, laster det opp til IPFS og lagrer merket sammen med det redigerbare designet — slik at gjenåpning av merket gjenoppretter de individuelle lagene dine for videre redigering.
  • Lagre utkast lagrer et pågående merke på serversiden (på tvers av enheter). Utkast vises i merkelisten din med et Utkast-merke, og du kan plukke opp igjen hvilket som helst av dem senere.

Tips for god merkedesign

  • Hold det enkelt — tydelig tekst, minimalt med rot. Merker vises ofte i små størrelser.
  • Bruk høy kontrast — gjør teksten lesbar mot bakgrunnen.
  • Navngi legitimasjonen — seere bør forstå den ved et raskt blikk.
  • Kvadratisk format — merker vises best som kvadratiske.
  • Merkevarekonsistens — gjenbruk organisasjonens farger og skrifttyper på tvers av merker.
  • Lagre gjenbrukbare design — hvert merke du oppretter, lagres også som en kontomal du kan starte fra neste gang (se Mine maler).

badges.ninja Documentation