Skip to content

Märkesdesigner

Märkesdesignern är en visuell canvas-redigerare i tre kolumner inbyggd i badges.ninja som låter dig skapa professionella märkesbilder utan några externa designverktyg.

3-kolumnsredigeraren för märken — vänsterskena, panel och canvas — med märkesuppgifterna under

Översikt

Designern öppnas direkt i fönstret Skapa/redigera märke. Den består av tre delar:

  • Vänsterskena — växlar mittpanelen mellan Mallar, Uppladdningar, Element, Text, Attribut, QR-koder och Lager.
  • Panel — verktygen för det valda skenläget.
  • Canvas — en levande, redigerbar förhandsvisning av märket. Allt du lägger till är ett verkligt, valbart objekt som du kan flytta, formge om, ändra ordning på eller ta bort.

Märkesuppgifterna (Utfärdare, Namn, Beskrivning, Kriterier och delningstexten) ligger direkt under canvasen, så designen och meritinformationen bor tillsammans i ett fönster — det finns inget separat steg.

Utgå från en mall

Klicka på Mallar i skenan för att bläddra bland de inbyggda designerna. Familjen Recognition ger dig ett fullständigt komponerat, professionellt märke — en formad ram plus redigerbar platshållartext (organisation, titel, underrubrik och ett verifieringssigill) — i åtta färgpaletter (Guld, Silver, Brons, Blå, Grön, Karmosin, Lila, Grafit). Använd filtret Kategori för att snäva in listan, eller Tom canvas för att börja från grunden.

Klicka på en mall för att tillämpa den. Dess text blir vanliga, redigerbara lager som du kan ändra eller ta bort — inget är fastbränt.

Element — former, ikoner, band och bakgrunder

Element-panelen — linjer, former, ikoner, band, baser och bakgrundsformer

Panelen Element lägger grafik ovanpå ditt märke:

  • Linjer — horisontella/vertikala linjer.
  • Former — fyllda och konturerade rektanglar, rundade rektanglar, cirklar och trianglar.
  • Ikoner — 70 piktografiska ikoner (utmärkelse, hjärna, certifikat, kod, krona, diplom, examenshatt, medalj, raket, sköld med bock, stjärna, trofé med flera), sökbara.
  • Band — 28 dekorativa bandöverlägg, grupperade i Raka / Spetsiga / Svansar / Dekorativa.
  • Baser — 80 omfärgningsbara basformer i olika kategorier (cirklar, sköldar, hexagoner, stjärnor, medaljer, sigill, kransar, banderoller, geometriska).

Varje ikon, band och bas infogas i den aktuella färgen och kan färgas om när som helst.

Bakgrundsformer

Bakgrundsformer — en fördesignad ram tillämpad som märkets bakgrund

Element → Bakgrundsformer innehåller 68 färdiga ramar (biblioteket form × palett). Att tillämpa en byter märkets bakgrundsram medan din text och dina element behålls ovanpå — praktiskt när du vill ha en specifik kombination av form och färg utan en komponerad mall.

Ladda upp en egen bild

Använd panelen Uppladdningar för att lägga till din egen logotyp, ditt foto eller din grafik. PNG, JPEG och SVG accepteras, upp till 5 MB. Bilden infogas som ett vanligt förgrundsobjekt — den staplas ovanpå designen och raderar aldrig bakgrunden. För att ändra märkets bakgrund väljer du i stället en mall eller en bakgrundsform.

Lägga till och formge text

Text-panelen — rubriker, brödtext och färdiga kombinationer

Panelen Text erbjuder:

  • Lägg till rubrik/underrubrik/vanlig text — förstorleksatta textobjekt.
  • Kombinationer — färdiga staplar som Certificate of Achievement, Awarded to eller Verify at — varje rad förblir självständigt redigerbar.

Välj valfritt textobjekt så visas det kontextuella verktygsfältet ovanför canvasen:

Kontextuellt verktygsfält med typsnittsväljare, − / + -stegaren för teckenstorlek, färg och justering

  • Typsnitt — ett bibliotek med 50 typsnitt grupperade i Sans, Serif, Handstil, Mono och System. Välj ett från rullgardinsmenyn; varje alternativ förhandsvisas i sitt eget teckensnitt.
  • + Typsnitt — ladda upp ett varumärkestypsnitt (TTF, WOFF, WOFF2, OTF) för den aktuella sessionen.
  • Teckenstorlek− / + -stegaren (eller skriv ett tal) ändrar storleken på den valda texten exakt, utan att dra i dess handtag.
  • Färg — anger fyllningen för den valda texten (och standardfärgen vid infogning av nya former/ikoner).
  • Justering — sex knappar justerar markeringen vänster/centrerat/höger och överst/mitten/nederst i förhållande till canvasen.

Dynamiska attribut

Attribut-panelen — dynamiska tokens som löses upp per mottagare

Panelen Attribut infogar dynamiska tokens, , , , , — som textobjekt. Varje token löses upp per mottagare vid utfärdandet, så en enda design personanpassar sig själv för alla du utfärdar den till. Så här sätter du mottagarens namn eller utfärdandedatumet på själva märket.

QR-koder

Panelen QR-koder infogar en skanningsbar kod kopplad till . På varje utfärdad utmärkelse löses den upp till den utmärkelsens offentliga verifieringssida, så vem som helst kan skanna det tryckta märket för att bekräfta det.

Lager

Lager-panelen — ändra ordning på, dölj eller ta bort varje objekt

Panelen Lager listar varje objekt på canvasen. Härifrån kan du ändra ordning (flytta fram / skicka bakåt), dölja/visa, välja och ta bort varje lager. Bakgrundsramen är fäst längst ner och förblir icke-interaktiv så att förgrundselementen äger alla klick.

Ångra/Gör om (Ctrl+Z / Ctrl+Shift+Z) bläddrar genom de senaste 20 ändringarna, och streckade snäpphjälpslinjer visas när du drar ett objekt nära canvasens mitt.

Spara märket

Det färdiga märket bredvid sina ifyllda uppgifter — redo att skapas eller sparas som utkast

Det finns inget separat "export"-steg. När din design och dina uppgifter är klara:

  • Skapa märke fångar canvasen som en PNG, laddar upp den till IPFS och sparar märket tillsammans med dess redigerbara design — så att en ny öppning av märket återställer dina individuella lager för vidare redigering.
  • Spara utkast lagrar ett pågående märke på servern (över enheter). Utkast visas i din märkeslista med en Utkast-markering, och du kan plocka upp vilket som helst av dem igen senare.

Tips för bra märkesdesign

  • Håll det enkelt — tydlig text, minimal röra. Märken visas ofta i litet format.
  • Använd hög kontrast — gör texten läsbar mot bakgrunden.
  • Namnge meriten — tittare ska förstå den vid en snabb blick.
  • Kvadratiskt format — märken visas bäst som kvadratiska.
  • Varumärkeskonsekvens — återanvänd din organisations färger och typsnitt på alla märken.
  • Spara återanvändbara designer — varje märke du skapar sparas också som en kontomall du kan utgå från nästa gång (se Mina mallar).

badges.ninja Documentation