बैज डिज़ाइनर

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

अवलोकन

डिज़ाइनर सीधे बैज बनाएँ / संपादित करें विंडो के भीतर खुलता है। इसके तीन भाग हैं:

• लेफ़्ट रेल — बीच के पैनल को टेम्पलेट, अपलोड, एलिमेंट, टेक्स्ट, एट्रिब्यूट, QR कोड और लेयर के बीच बदलती है।
• पैनल — चुने गए रेल मोड के टूल।
• कैनवास — बैज का लाइव, संपादन योग्य प्रीव्यू। आप जो कुछ भी जोड़ते हैं वह एक वास्तविक, चयन योग्य ऑब्जेक्ट होता है जिसे आप हिला सकते हैं, री-स्टाइल कर सकते हैं, क्रम बदल सकते हैं या हटा सकते हैं।

बैज विवरण (जारीकर्ता, नाम, विवरण, मानदंड और शेयर टेक्स्ट) सीधे कैनवास के नीचे होते हैं, इसलिए डिज़ाइन और क्रेडेंशियल की जानकारी एक ही विंडो में रहती है — कोई अलग चरण नहीं है।

टेम्पलेट से शुरू करना

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

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

एलिमेंट — आकृतियाँ, आइकन, रिबन और बैकग्राउंड

एलिमेंट पैनल आपके बैज के ऊपर ग्राफ़िक्स की परतें जोड़ता है:

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

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

बैकग्राउंड आकृतियाँ

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

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

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

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

टेक्स्ट पैनल यह देता है:

• शीर्षक / उपशीर्षक / सामान्य टेक्स्ट जोड़ें — पहले से आकार तय किए हुए टेक्स्ट ऑब्जेक्ट।
• संयोजन — तैयार स्टैक जैसे Certificate of Achievement, Awarded to या Verify at — हर पंक्ति स्वतंत्र रूप से संपादन योग्य रहती है।

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

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

डायनैमिक एट्रिब्यूट

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

QR कोड

QR कोड पैनल से जुड़ा स्कैन करने योग्य कोड डालता है। हर जारी किए गए क्रेडेंशियल पर यह उस क्रेडेंशियल के सार्वजनिक सत्यापन पृष्ठ पर पहुँचाता है, ताकि कोई भी प्रिंट किए गए बैज को स्कैन करके उसकी पुष्टि कर सके।

लेयर

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

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

बैज सहेजना

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

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

अच्छे बैज डिज़ाइन के लिए सुझाव

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