बैज डिज़ाइनर

बैज डिज़ाइनर badges.ninja में अंतर्निर्मित एक विज़ुअल, तीन-कॉलम वाला कैनवास एडिटर है जो आपको किसी बाहरी डिज़ाइन टूल के बिना पेशेवर बैज छवियाँ बनाने देता है।

अवलोकन

डिज़ाइनर सीधे Create / Edit Badge विंडो के अंदर खुलता है। इसके तीन भाग हैं:

• बायाँ रेल — मध्य पैनल को Templates, Uploads, Elements, Text, Attributes, QR Codes, और Layers के बीच बदलता है।
• पैनल — चयनित रेल मोड के लिए टूल।
• कैनवास — बैज का एक लाइव, संपादन योग्य पूर्वावलोकन। आप जो कुछ भी जोड़ते हैं वह एक वास्तविक, चयन योग्य ऑब्जेक्ट होता है जिसे आप स्थानांतरित, पुनः स्टाइल, पुनः क्रमबद्ध या हटा सकते हैं।

बैज विवरण (Issuer, Name, Description, Criteria, और Share Text) कैनवास के ठीक नीचे बैठते हैं, इसलिए डिज़ाइन और क्रेडेंशियल जानकारी एक ही विंडो में साथ रहते हैं — कोई अलग चरण नहीं है।

एक टेम्पलेट से शुरुआत करना

अंतर्निर्मित डिज़ाइनों को ब्राउज़ करने के लिए रेल में Templates पर क्लिक करें। Recognition परिवार आपको एक पूरी तरह से रचित, पेशेवर बैज देता है — एक आकार दिया हुआ फ़्रेम और साथ ही संपादन योग्य प्लेसहोल्डर टेक्स्ट (संगठन, शीर्षक, उपशीर्षक, और एक सत्यापन सील) — आठ रंग पैलेट में (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite)। सूची को संकुचित करने के लिए Category फ़िल्टर का उपयोग करें, या शुरुआत से आरंभ करने के लिए Blank canvas का उपयोग करें।

इसे लागू करने के लिए किसी टेम्पलेट पर क्लिक करें। इसका टेक्स्ट सामान्य, संपादन योग्य परतें बन जाता है जिन्हें आप बदल या हटा सकते हैं — कुछ भी स्थायी रूप से जुड़ा नहीं है।

Elements — आकार, आइकन, रिबन और पृष्ठभूमियाँ

Elements पैनल आपके बैज के ऊपर ग्राफ़िक्स की परतें बनाता है:

• Lines — क्षैतिज / ऊर्ध्वाधर रेखाएँ।
• Shapes — भरे और रूपरेखा वाले आयत, गोल आयत, वृत्त, और त्रिभुज।
• Icons — 70 चित्रात्मक आइकन (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy, और कई अन्य), खोजने योग्य।
• Ribbons — 28 सजावटी रिबन ओवरले, जिन्हें Straight / Pointed / Tails / Decorative में समूहीकृत किया गया है।
• Bases — श्रेणियों में 80 पुनः रंगने योग्य बेस आकार (वृत्त, शील्ड, षट्भुज, तारे, मेडल, सील, माला, बैनर, ज्यामितीय)।

प्रत्येक आइकन, रिबन और बेस वर्तमान रंग में डाला जाता है और किसी भी समय पुनः रंगा जा सकता है।

पृष्ठभूमि आकार

Elements → Background shapes में 68 तैयार फ़्रेम होते हैं (आकार × पैलेट लाइब्रेरी)। किसी एक को लागू करने से बैज का पृष्ठभूमि फ़्रेम बदल जाता है जबकि आपका टेक्स्ट और तत्व ऊपर बने रहते हैं — तब उपयोगी जब आप किसी रचित टेम्पलेट के बिना एक विशिष्ट आकार/रंग संयोजन चाहते हों।

एक कस्टम छवि अपलोड करना

अपना स्वयं का लोगो, फ़ोटो या ग्राफ़िक जोड़ने के लिए Uploads पैनल का उपयोग करें। PNG, JPEG, और SVG स्वीकार किए जाते हैं, 5 MB तक। छवि एक सामान्य अग्रभूमि ऑब्जेक्ट के रूप में डाली जाती है — यह डिज़ाइन के ऊपर स्टैक होती है और पृष्ठभूमि को कभी नहीं मिटाती। बैज पृष्ठभूमि बदलने के लिए इसके बजाय एक टेम्पलेट या पृष्ठभूमि आकार चुनें।

टेक्स्ट जोड़ना और स्टाइल करना

Text पैनल प्रदान करता है:

• Add heading / subheading / normal text — पूर्व-आकार दिए गए टेक्स्ट ऑब्जेक्ट।
• Combinations — तैयार स्टैक जैसे Certificate of Achievement, Awarded to , या Verify at — प्रत्येक पंक्ति स्वतंत्र रूप से संपादन योग्य रहती है।

किसी भी टेक्स्ट ऑब्जेक्ट को चुनें और कैनवास के ऊपर प्रासंगिक टूलबार दिखाई देता है:

• Font — 50 फ़ॉन्ट की एक लाइब्रेरी जिसे Sans, Serif, Handwriting, Mono, और System में समूहीकृत किया गया है। ड्रॉपडाउन से एक चुनें; प्रत्येक विकल्प अपने स्वयं के टाइपफ़ेस में पूर्वावलोकन करता है।
• + Font — वर्तमान सत्र के लिए एक ब्रांड टाइपफ़ेस (TTF, WOFF, WOFF2, OTF) अपलोड करें।
• Font size — − / + स्टेपर (या एक संख्या टाइप करें) चयनित टेक्स्ट का आकार उसके हैंडल खींचे बिना सटीक रूप से बदलता है।
• Colour — चयनित टेक्स्ट का भरण सेट करता है (और नए आकार/आइकन के लिए डिफ़ॉल्ट इन्सर्ट रंग)।
• Alignment — छह बटन चयन को कैनवास के सापेक्ष बाएँ / केंद्र / दाएँ और ऊपर / मध्य / नीचे संरेखित करते हैं।

डायनामिक Attributes

Attributes पैनल डायनामिक टोकन — , , , , , — को टेक्स्ट ऑब्जेक्ट के रूप में डालता है। प्रत्येक टोकन अवॉर्ड के समय प्रति प्राप्तकर्ता हल होता है, इसलिए एक ही डिज़ाइन हर उस व्यक्ति के लिए स्वयं को वैयक्तिकृत करता है जिसे आप इसे जारी करते हैं। इसी तरह आप बैज पर ही प्राप्तकर्ता का नाम या जारी करने की तिथि डालते हैं।

QR Codes

QR Codes पैनल से जुड़ा एक स्कैन करने योग्य कोड डालता है। प्रत्येक जारी किए गए अवॉर्ड पर यह उस अवॉर्ड के सार्वजनिक सत्यापन पृष्ठ पर हल हो जाता है, इसलिए कोई भी मुद्रित बैज को स्कैन करके इसकी पुष्टि कर सकता है।

Layers

Layers पैनल कैनवास पर प्रत्येक ऑब्जेक्ट को सूचीबद्ध करता है। यहाँ से आप प्रत्येक परत को पुनः क्रमबद्ध (आगे लाएँ / पीछे भेजें), छिपा/दिखा सकते हैं, चयनित कर सकते हैं और हटा सकते हैं। पृष्ठभूमि फ़्रेम सबसे नीचे पिन किया जाता है और गैर-इंटरैक्टिव रहता है ताकि अग्रभूमि तत्व सभी क्लिक अपने पास रखें।

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) पिछले 20 परिवर्तनों में से गुज़रते हैं, और जब आप किसी ऑब्जेक्ट को कैनवास केंद्र के पास खींचते हैं तो धराशायी स्नैप गाइड दिखाई देते हैं।

बैज सहेजना

कोई अलग "export" चरण नहीं है। जब आपका डिज़ाइन और विवरण तैयार हों:

• Create Badge कैनवास को एक PNG के रूप में कैप्चर करता है, इसे IPFS पर अपलोड करता है, और बैज को उसके संपादन योग्य डिज़ाइन के साथ सहेजता है — ताकि बैज को फिर से खोलने पर आपकी अलग-अलग परतें आगे संपादन के लिए बहाल हो जाएँ।
• Save Draft एक प्रगति-में बैज को सर्वर-साइड (सभी डिवाइस पर) संग्रहीत करता है। ड्राफ़्ट आपकी Badges सूची में एक Draft चिह्न के साथ दिखाई देते हैं, और आप उनमें से किसी को भी बाद में फिर से उठा सकते हैं।

अच्छे बैज डिज़ाइन के लिए युक्तियाँ

• इसे सरल रखें — स्पष्ट टेक्स्ट, न्यूनतम अव्यवस्था। बैज अक्सर छोटे आकार में दिखाए जाते हैं।
• उच्च कंट्रास्ट का उपयोग करें — टेक्स्ट को पृष्ठभूमि के विरुद्ध पठनीय बनाएँ।
• क्रेडेंशियल का नाम दें — दर्शकों को इसे एक नज़र में समझ में आना चाहिए।
• वर्ग प्रारूप — बैज वर्गाकार सबसे अच्छे दिखते हैं।
• ब्रांड संगति — अपने सभी बैज में अपने संगठन के रंगों और फ़ॉन्ट का पुनः उपयोग करें।
• पुन: उपयोग योग्य डिज़ाइन सहेजें — आपके द्वारा बनाया गया प्रत्येक बैज एक अकाउंट टेम्पलेट के रूप में भी सहेजा जाता है जिससे आप अगली बार शुरुआत कर सकते हैं (देखें My Templates)।