Badge-ontwerper

De Badge-ontwerper is een visuele canvas-editor met drie kolommen, ingebouwd in badges.ninja, waarmee je professionele badge-afbeeldingen kunt maken zonder externe ontwerpsoftware.

Overzicht

De ontwerper opent direct binnen het venster Badge aanmaken / bewerken. Hij bestaat uit drie delen:

• Linkerbalk — schakelt het middelste paneel tussen Sjablonen, Uploads, Elementen, Tekst, Attributen, QR-codes en Lagen.
• Paneel — de tools voor de geselecteerde modus in de linkerbalk.
• Canvas — een live, bewerkbaar voorbeeld van de badge. Alles wat je toevoegt is een echt, selecteerbaar object dat je kunt verplaatsen, herstijlen, herordenen of verwijderen.

De badge-gegevens (Uitgever, Naam, Beschrijving, Criteria en de Deeltekst) staan direct onder het canvas, zodat het ontwerp en de referentie-informatie samen in één venster leven — er is geen aparte stap.

Beginnen met een sjabloon

Klik op Sjablonen in de linkerbalk om door de ingebouwde ontwerpen te bladeren. De Recognition-familie geeft je een volledig samengestelde, professionele badge — een gevormd kader plus bewerkbare plaatshoudertekst (organisatie, titel, ondertitel en een verificatiezegel) — in acht kleurpaletten (Goud, Zilver, Brons, Blauw, Groen, Karmozijn, Paars, Grafiet). Gebruik het filter Categorie om de lijst te beperken, of Leeg canvas om vanaf nul te beginnen.

Klik op een sjabloon om het toe te passen. De tekst wordt omgezet in normale, bewerkbare lagen die je kunt wijzigen of verwijderen — niets ligt vast.

Elementen — Vormen, iconen, linten en achtergronden

Het paneel Elementen stapelt afbeeldingen bovenop je badge:

• Lijnen — horizontale / verticale lijnen.
• Vormen — gevulde en omlijnde rechthoeken, afgeronde rechthoeken, cirkels en driehoeken.
• Iconen — 70 pictografische iconen (onderscheiding, brein, certificaat, code, kroon, diploma, afstudeerhoed, medaille, raket, schild-vinkje, ster, trofee en veel meer), doorzoekbaar.
• Linten — 28 decoratieve lintoverlays, gegroepeerd in Recht / Spits / Uiteinden / Decoratief.
• Basisvormen — 80 herkleurbare basisvormen verdeeld over categorieën (cirkels, schilden, zeshoeken, sterren, medailles, zegels, kransen, banieren, geometrisch).

Elk icoon, lint en basisvorm wordt ingevoegd in de huidige kleur en kan op elk moment worden herkleurd.

Achtergrondvormen

Elementen → Achtergrondvormen bevat 68 kant-en-klare kaders (de bibliotheek van vorm × palet). Wanneer je er een toepast, wisselt het achtergrondkader van de badge terwijl je tekst en elementen erbovenop blijven staan — handig wanneer je een specifieke combinatie van vorm en kleur wilt zonder een samengesteld sjabloon.

Een aangepaste afbeelding uploaden

Gebruik het paneel Uploads om je eigen logo, foto of afbeelding toe te voegen. PNG, JPEG en SVG worden geaccepteerd, tot 5 MB. De afbeelding wordt ingevoegd als een normaal voorgrondobject — het stapelt bovenop het ontwerp en wist nooit de achtergrond. Om de badge-achtergrond te wijzigen, kies je in plaats daarvan een sjabloon of een achtergrondvorm.

Tekst toevoegen en opmaken

Het paneel Tekst biedt:

• Kop / subkop / normale tekst toevoegen — vooraf ingestelde tekstobjecten.
• Combinaties — kant-en-klare stapels zoals Certificate of Achievement, Awarded to of Verify at — elke regel blijft afzonderlijk bewerkbaar.

Selecteer een willekeurig tekstobject en de contextuele werkbalk verschijnt boven het canvas:

• Lettertype — een bibliotheek van 50 lettertypen gegroepeerd in Sans, Serif, Handschrift, Mono en Systeem. Kies er een uit de vervolgkeuzelijst; elke optie toont een voorbeeld in het eigen lettertype.
• + Lettertype — upload een merklettertype (TTF, WOFF, WOFF2, OTF) voor de huidige sessie.
• Tekengrootte — de − / + stepper (of typ een getal) wijzigt de geselecteerde tekst nauwkeurig, zonder de handvatten te slepen.
• Kleur — stelt de vulling van de geselecteerde tekst in (en de standaard invoegkleur voor nieuwe vormen/iconen).
• Uitlijning — zes knoppen lijnen de selectie links / gecentreerd / rechts en boven / midden / onder uit ten opzichte van het canvas.

Dynamische attributen

Het paneel Attributen voegt dynamische tokens in — , , , , , — als tekstobjecten. Elk token wordt per ontvanger op het moment van toekennen opgelost, zodat één ontwerp zichzelf personaliseert voor iedereen aan wie je het uitreikt. Zo zet je de naam van de ontvanger of de uitgiftedatum op de badge zelf.

QR-codes

Het paneel QR-codes voegt een scanbare code in die gekoppeld is aan . Bij elke uitgereikte toekenning verwijst die naar de openbare verificatiepagina van die toekenning, zodat iedereen de gedrukte badge kan scannen om die te bevestigen.

Lagen

Het paneel Lagen toont elk object op het canvas. Hier kun je elke laag herordenen (naar voren halen / naar achter sturen), verbergen/tonen, selecteren en verwijderen. Het achtergrondkader is vastgezet onderaan en blijft niet-interactief, zodat de voorgrondelementen alle klikken opvangen.

Ongedaan maken / Opnieuw uitvoeren (Ctrl+Z / Ctrl+Shift+Z) loopt door de laatste 20 wijzigingen, en gestippelde uitlijnhulplijnen verschijnen wanneer je een object in de buurt van het midden van het canvas sleept.

De badge opslaan

Er is geen aparte "export"-stap. Wanneer je ontwerp en gegevens klaar zijn:

• Badge aanmaken legt het canvas vast als PNG, uploadt het naar IPFS en bewaart de badge samen met het bewerkbare ontwerp — zodat het opnieuw openen van de badge je afzonderlijke lagen herstelt voor verdere bewerking.
• Concept opslaan bewaart een badge in uitvoering aan de serverzijde (op alle apparaten). Concepten verschijnen in je lijst met badges met een Concept-markering, en je kunt er later elk van weer oppakken.

Tips voor een goed badge-ontwerp

• Houd het eenvoudig — duidelijke tekst, minimale rommel. Badges worden vaak klein weergegeven.
• Gebruik hoog contrast — zorg dat de tekst leesbaar is tegen de achtergrond.
• Benoem de referentie — kijkers moeten die in één oogopslag begrijpen.
• Vierkant formaat — badges komen het beste tot hun recht als vierkant.
• Merkconsistentie — hergebruik de kleuren en lettertypen van je organisatie op al je badges.
• Bewaar herbruikbare ontwerpen — elke badge die je maakt, wordt ook opgeslagen als een accountsjabloon waarmee je de volgende keer kunt beginnen (zie Mijn sjablonen).