इमोजी संदर्भ: हैकरनून के इमोजी विश्वसनीयता संकेतकों का डिज़ाइन

हैकरनून में, हम मानते हैं कि पाठक के साथ पारदर्शिता लेखक और पाठक के बीच विश्वास बनाने की कुंजी है। पाठकों को यथासंभव अधिक पारदर्शिता देने के लिए, हम पाठक को कहानी पढ़ने से पहले उसके बारे में जानकारी बताने के त्वरित और आसान तरीके बनाना चाहते थे।

यह पाठक को यह बताने जैसा सरल काम हो सकता है कि कहानी समाचार है या राय। दूसरी ओर, ऐसी और भी जटिल बातें हैं जो हम पाठक को बताना चाहते हैं, जैसे कि लेखक का उन कंपनियों में निहित स्वार्थ है या नहीं जिनके बारे में वह लिख रहा है, या क्या उसने लेख लिखने के लिए एआई का इस्तेमाल किया है।

इन लक्ष्यों को पूरा करने के लिए, हमने इमोजी विश्वसनीयता संकेतक बनाए! अब फिग्मा समुदाय और गिटहब पर ओपन-सोर्स है।

इमोजी विश्वसनीयता संकेतक डिजाइन करना

अब, आइए इमोजी विश्वसनीयता संकेतकों को डिज़ाइन करने की प्रक्रिया में गोता लगाएँ। डेविड और हमारी संपादकीय टीम द्वारा प्रारंभिक डिज़ाइन ब्रीफ़ में 22 इमोजी विश्वसनीयता संकेतक शामिल थे (संबंधित पढ़ें, HackerNoon पर हर इमोजी विश्वसनीयता संकेतक समझाया गया ) दो श्रेणियों में विभाजित: संदर्भ/अस्वीकरण और सामग्री प्रकार। उनके विवरण के अलावा, प्रत्येक विश्वसनीयता संकेतक को डिज़ाइन प्रेरणा के लिए एक इमोजी सौंपा गया था।

यहाँ से, यह हम पर (मैं और कीन पर ) था कि हम अपनी कल्पना के साथ जंगली दौड़ लगाएँ और इन इमोजी संकेतकों को जीवंत करें। HackerNoon की डिज़ाइन भाषा का अनुसरण करते हुए, हमने पिक्सेल आर्ट स्टाइल को चुना। ग्रिड आकारों के लिए कई विकल्पों की खोज करने के बाद, हमने पिक्सेलेशन के लिए 24px ग्रिड का विकल्प चुना क्योंकि यह विवरण के वांछित स्तर को बनाए रखता है। पसंद के सॉफ़्टवेयर के लिए, मैं Adobe Illustrator के लिए थोड़ा पक्षपाती था क्योंकि जब अलग-अलग फ़ाइल प्रकारों में निर्यात करने की बात आती है तो हमें बहुत सारे विकल्प मिलते हैं + ग्रिड टूल ( Adobe Photoshop , Aseprite और Corel Draw कुछ अच्छे विकल्प हैं) से मेरी परिचितता है।

हमारी पिक्सेल आर्ट डिज़ाइन प्रक्रिया में 5 चरण शामिल हैं, जो मूल आकृतियों से शुरू होते हैं, विवरण बनाते हैं, गहराई बनाते हैं, स्ट्रोक जोड़ते हैं, और फिर आकृतियों को मर्ज करते हैं और विभिन्न फ़ाइल प्रकारों में निर्यात करते हैं। आइए कॉमेडी/व्यंग्य इमोजी विश्वसनीयता संकेतक को उदाहरण के तौर पर लेते हुए इन चरणों में गहराई से गोता लगाएँ।

मूल आकृतियों से शुरुआत करें

जब भी हम पिक्सेल-आर्ट/8-बिट डिज़ाइन बनाते हैं, तो हम एक बुनियादी आकार से शुरू करते हैं जो हमारे दिमाग में मौजूद विचार से मेल खाता है। कॉमेडी/व्यंग्य इमोजी इंडिकेटर के मामले में एक दीर्घवृत्त (जो '😂' इमोजी से प्रेरित था)।

ड्राइंग विवरण

फिर हम उस आकृति में और अधिक विवरण जोड़ते हैं जिसे हमने अभी बनाया था (जैसे इस मामले में चेहरे की विशेषताएं)।

गहराई बनाना: हाइलाइट्स और छाया

इसे ज़्यादा यथार्थवादी और कम सपाट बनाने के लिए, हम चेहरे पर हाइलाइट और छाया जोड़ते हैं। इस मामले में, प्रकाश स्रोत को सामने और केंद्र में माना गया था, जिससे छाया किनारों पर चली जाती है और हाइलाइट केंद्र में चली जाती है।

स्ट्रोक जोड़ना

इसे और अधिक स्पष्ट बनाने के लिए, हमने इसमें एक स्ट्रोक जोड़ दिया।

आकृतियों को मर्ज करना और निर्यात करना

उन्हें अधिक उपयोगी बनाने के लिए, हमने आकृतियों को मिला दिया और उन्हें PNG और SVG दोनों के रूप में निर्यात किया।

फिर, हमने इस पूरी प्रक्रिया को 21 बार दोहराया और अंततः हैकरनून पर आज जो इमोजी विश्वसनीयता संकेतक हैं, वे हमारे सामने आए।

अंतिम उत्पाद: एक ओपन सोर्स पिक्सेलेटेड इमोजी पैक

निष्कर्ष में, इमोजी विश्वसनीयता संकेतक हमारे पाठकों और लेखकों के बीच ऑनलाइन संचार को बढ़ाने की दिशा में एक और कदम है। ये पिक्सेलयुक्त इमोजी न केवल विश्वसनीयता संकेतक के रूप में काम करते हैं, बल्कि सामग्री में संदर्भ जोड़ते हैं, बल्कि उपयोगकर्ताओं के विश्वास और सामग्री के साथ जुड़ाव को भी प्रभावित करते हैं। वे इस बात का उदाहरण हैं कि कैसे विचारशील डिज़ाइन जटिल अवधारणाओं को सरल लेकिन सहज तरीके से व्यक्त कर सकता है।

संदर्भ को इमोजीकृत करने की इस खोज में हमारे साथ जुड़ें, और हैकरनून द्वारा इमोजी विश्वसनीयता संकेतक को आज़माएं।

रचनात्मक बने रहें, प्रतिष्ठित बने रहें।