Skip to content

Merkedesigner

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

Merkedesigner — innebygd i dialogen Opprett merke ved siden av skjemasidefeltet

Oversikt

Designeren åpnes når du klikker på bildefeltet mens du oppretter eller redigerer et merke. Den gir et lerretsarbeidsområde der du kan kombinere maler, tekst og egne bakgrunner for å opprette merkebildet ditt.

Malvelger med form- og fargefilter

Velge en mal

Designeren inneholder 80+ innebygde maler organisert i to dimensjoner slik at du raskt kan finne en:

  • 8 former — Sirkel, Avrundet firkant, Heksagon, Skjold, Oktagon, Rombe, Banner, Segl
  • 8 fargepaletter — Gull, Sølv, Bronse, Blå, Grønn, Karmosin, Lilla, Grafitt

For å velge en:

  1. Klikk på Maler i designerens verktøylinje.
  2. Bruk filtrene Form og Farge øverst i velgeren for å innsnevre listen. Telleren til høyre viser hvor mange maler som samsvarer (f.eks. 8 / 84).
  3. Klikk på en mal for å bruke den på lerretet.

De genererte malene er bevisst rene — velg en form og palett, og legg deretter til din egen tekst, ikoner og bånd i designeren.

Mal brukt på lerretet

Legge til former, bånd og ikoner

Former-popover

Ikoner-popover med fargelinje

I tillegg til maler leveres designeren med tre ekstra ressursbiblioteker du kan legge oppå en hvilken som helst mal:

  • Former — 80+ vektorformer (sirkler, skjold, heksagoner, stjerner, medaljer, segl, kranser, bannere, geometriske former) gruppert i kategorier
  • Bånd — 20 dekorative båndoverlegg
  • Ikoner — 50 piktografiske ikoner (atom, tildeling, hjerne, koffert, sertifikat, kode, krone, diamant, diplom, studenterhatt, lyspære, medalje, rakett, skjold med hake, stjerne, mål, pokal, …)

Velg en fra en hvilken som helst popover, så settes den inn på lerretet i den gjeldende fargen. Fargelinjen inne i hver popover lar deg fargelegge ressursen på nytt før du setter den inn — nyttig når du vil ha en annen farge enn verktøylinjens standard.

Laste opp en tilpasset bakgrunn eller bilde

Du kan laste opp ditt eget bilde for bruk som bakgrunn eller som et lag oppå:

  1. Klikk på Last opp i designerens verktøylinje.
  2. Velg en bildefil fra datamaskinen (PNG eller JPG anbefales).
  3. Bildet plasseres på lerretet som et valgbart objekt — dra, skaler, roter eller send det bak andre elementer.

Å laste opp et bilde sletter ikke malen eller eksisterende lag — det stables bare oppå.

For fulle bakgrunner bruker du et kvadratisk bilde på minst 600×600 piksler.

Legge til tekst

Tekstelement lagt til lerretet

  1. Klikk på knappen Tekst i verktøylinjen.
  2. Et nytt tekstelement vises på lerretet.
  3. Klikk på teksten for å velge den, og skriv inn innholdet.
  4. Dra tekstelementet for å plassere det på lerretet.

Du kan legge til flere tekstelementer for ulike deler av merket (tittel, mottaker, dato osv.).

Endre skrifttyper

Tekst byttet fra Arial til Georgia — serif-skrift brukt på valgt tekst

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

  1. Velg et tekstelement på lerretet.
  2. Klikk på Skrifttype-rullegardinen i verktøylinjen.
  3. Velg blant de tilgjengelige skrifttypene.

Skriftforhåndsvisningen viser hvordan hvert alternativ ser ut før du velger det.

Endre farge

Fargevelger åpen; velg en hex — gull gir sterk kontrast på mørkeblå maler

Verktøylinjens Farge-velger styrer to ting samtidig:

  • Valgt tekst — velger fyllfargen for et valgt tekstelement.
  • Standard innsettingsfarge — for former, bånd og ikoner som settes inn deretter, pluss valgte SVG-objekter (fargelegger streker og fyllinger direkte).

Velg en farge fra paletten, eller skriv inn en hex-kode. Inne i hver form-/bånd-/ikon-popover er det også en mindre Fargelinje for engangsfargevalg som ikke endrer verktøylinjens standard.

Justere elementer

Tekst sentrert vannrett og loddrett via verktøylinjens justeringsknapper

Raden med 6 justeringsknapper virker på det/de valgte objekt(ene) i forhold til lerretet:

KnappHandling
VenstrejusterFest til lerretets venstre kant
Sentrer vannrettSentrer på lerretets X-akse
HøyrejusterFest til lerretets høyre kant
ToppjusterFest til lerretets øverste kant
Sentrer loddrettSentrer på lerretets Y-akse
BunnjusterFest til lerretets nederste kant

Når du drar et element nær lerretets midte, vises stiplede lilla festehjelpelinjer, og objektet fester seg perfekt justert.

Flervalg og lag

  • Hold Shift og klikk for å velge flere objekter, eller dra en markeringsboks over lerretet.
  • Bruk Send bakover / Bring frem for å styre z-rekkefølgen.
  • Trykk på Delete, eller klikk på Slett-knappen i verktøylinjen for å fjerne valget.
  • Angre / Gjør om (eller Ctrl+Z / Ctrl+Shift+Z) går gjennom de siste 20 endringene.

Slette elementer

  1. Velg elementet du vil fjerne (eller shift-klikk for flere).
  2. Klikk på knappen Slett i verktøylinjen, eller trykk på Delete-tasten.

Tips for god merkedesign

  • Hold det enkelt — bruk tydelig tekst, og unngå rot. Merket vises ofte i små størrelser.
  • Bruk høy kontrast — sørg for at teksten er lesbar mot bakgrunnen.
  • Inkluder merkenavnet — mottakere og seere skal forstå beviset ved et raskt blikk.
  • Kvadratisk format — merker vises best som kvadratiske bilder.
  • Merkevarekonsistens — bruk organisasjonens farger og skrifttyper på tvers av alle merker.
  • Test i små størrelser — forhåndsvis merket ved 100x100 piksler for å sikre lesbarhet.

Lagre merkebildet

Ferdig komponert merke

Når du er fornøyd med designet, klikker du på Ferdig eller Lagre i designeren. Bildet fanges fra lerretet og knyttes til merket ditt. Det lastes opp til IPFS når du oppretter eller lagrer merket.

badges.ninja Documentation