IconScout डाउनलोडर: आइकन, 3D और Lottie फाइलों की गाइड

IconScout डाउनलोडर आपको एसेट का लिंक पेस्ट करके आइकन, 3D इलस्ट्रेशन और Lottie एनिमेशन देता है, ताकि आप कुछ फाइलों के लिए पूरा प्लान खरीदे बिना निखरा हुआ इंटरफ़ेस या प्रेज़ेंटेशन बना सकें। यह गाइड हर फाइल प्रकार को समझाती है, बताती है कि किस काम के लिए कौन सा फ़ॉर्मेट चुनें, और पूरे प्रोजेक्ट को दृश्य रूप से एक जैसा कैसे रखें।

IconScout से आप क्या पा सकते हैं?

IconScout डिज़ाइन एसेट्स की एक मार्केटप्लेस और लाइब्रेरी है। ज़्यादातर लोगों के काम की तीन श्रेणियां हैं:

• आइकन: अलग-अलग आइकन और आइकन सेट, कई शैलियों में, जैसे लाइन, फ़िल्ड, ड्यूओटोन और फ़्लैट कलर।
• 3D इलस्ट्रेशन: रेंडर की गई वस्तुएं और दृश्य जो लैंडिंग पेज और डेक को गहराई देते हैं।
• Lottie एनिमेशन: छोटी एनिमेटेड फाइलें जो ऐप्स, वेबसाइटों और प्रेज़ेंटेशन में लोडर, ऑनबोर्डिंग, खाली स्थितियों और माइक्रो-इंटरैक्शन के लिए इस्तेमाल होती हैं।

इलस्ट्रेशन, स्टिकर और दूसरे एसेट्स भी हैं, लेकिन ज़्यादातर अनुरोधों का केंद्र आइकन, 3D और Lottie हैं।

कौन सा फ़ाइल फ़ॉर्मेट इस्तेमाल करें?

फ़ॉर्मेट वह जगह है जहां ज़्यादातर नए लोग समय गंवाते हैं। यह रहा संक्षिप्त रूप।

आइकन और फ़्लैट इलस्ट्रेशन के लिए SVG

SVG एक वेक्टर फ़ॉर्मेट है। यह बिना धुंधले हुए किसी भी साइज़ तक बड़ा हो जाता है, फाइल साइज़ में बहुत छोटा होता है, और आप रंग कोड में या डिज़ाइन टूल में बदल सकते हैं। वेबसाइट आइकन, ऐप इंटरफ़ेस, मॉकअप पर लोगो और प्रिंट की तैयारी के लिए SVG इस्तेमाल करें।

तुरंत लगाने के लिए PNG

PNG पारदर्शिता वाली रास्टर इमेज है। यह स्लाइड, सोशल पोस्ट और ईमेल के लिए अच्छी है, जहां आपको आकार एडिट करने की ज़रूरत नहीं होती। इसे अपने डिस्प्ले साइज़ से कम से कम दोगुने साइज़ में एक्सपोर्ट करें ताकि हाई-डेंसिटी स्क्रीन पर यह तीखी बनी रहे।

Lottie एनिमेशन के लिए JSON

Lottie एनिमेशन एक JSON फाइल होती है जो गति का वर्णन करती है। वेब पेज या ऐप उसे एक छोटी प्लेयर लाइब्रेरी से चलाता है। यह GIF से कहीं हल्की है और किसी भी साइज़ पर तीखी रहती है। कुछ लाइब्रेरियां dotLottie वर्ज़न भी देती हैं, जो एक संपीड़ित पैकेज है।

3D के लिए चुनाव

3D इलस्ट्रेशन आमतौर पर पारदर्शी बैकग्राउंड वाले PNG के रूप में आते हैं, कभी-कभी अतिरिक्त कोणों या रंग वेरिएंट के साथ। वे आइकन से भारी होते हैं, इसलिए वेब पेज पर इस्तेमाल करने से पहले उन्हें कंप्रेस करें।

IconScout डाउनलोडर कैसे इस्तेमाल करें

1. IconScout पर खोजें। पहले प्रकार का फ़िल्टर लगाएं: आइकन, 3D, Lottie या इलस्ट्रेशन। फिर payment, shopping cart या success जैसा कीवर्ड जोड़ें।
2. एसेट का पेज खोलें और शैली, पैक का नाम और उपलब्ध फ़ॉर्मेट जांचें।
3. एड्रेस बार से लिंक कॉपी करें।
4. IconScout डाउनलोडर खोलें, लिंक पेस्ट करें और सबमिट करें।
5. फाइल डाउनलोड करें और अगर वह पैक के रूप में आए तो अनज़िप करें।
6. और डाउनलोड करने से पहले अपने डिज़ाइन में उसे आज़माएं। सही शैली का एक आइकन उन बीस आइकनों से बेहतर है जो मेल नहीं खाते।

अगर आप पूरी लाइब्रेरी को खुलकर देखना पसंद करते हैं, तो एक्सटेंशन, सिक्योर ब्राउज़र या क्लाउड वर्ज़न से खुलने वाला अकाउंट के ज़रिए IconScout एक्सेस भी उपलब्ध है।

आइकन सेट को एक जैसा कैसे रखें

इंटरफ़ेस को अनाड़ी दिखाने वाली गलती शैलियों को मिला देना है। इन नियमों का पालन करें।

• प्रोजेक्ट में एक परिवार। एक पैक चुनें और उसी से डाउनलोड करें। अगर पैक में किसी आइकन की कमी हो, तो सिर्फ़ वही विषय नहीं, उसी शैली का टैग खोजें।
• एक जैसी स्ट्रोक मोटाई। 2 px लाइन आइकन की तुलना 2 px लाइन आइकन से करें। पतली और मोटी लाइनें न मिलाएं।
• एक जैसी कोनों की शैली। गोल कोनों के साथ गोल, तीखे के साथ तीखे।
• एक जैसा ग्रिड साइज़। सभी आइकन 24 px या 32 px ग्रिड पर रखें ताकि अलाइनमेंट आसान रहे।
• एक रंग-तर्क। एक ही रंग या अपने ब्रांड से जुड़ा तय किया हुआ दो-रंग का पैलेट इस्तेमाल करें।

Lottie एनिमेशन का अच्छा इस्तेमाल

Lottie का ज़रूरत से ज़्यादा इस्तेमाल आसान है। कुछ छोटे एनिमेशन इंटरफ़ेस को जीवंत बनाते हैं; एक साथ दस शोरगुल जैसे लगते हैं।

• एनिमेशन का इस्तेमाल समझाने के लिए करें: भुगतान के बाद चेकमार्क, डेटा आने के दौरान लोडर, खाली स्थिति पर हल्की सी हरकत।
• लूप छोटे और शांत रखें। ऐसी गति रखें जो सामग्री का साथ दे, उससे होड़ न करे।
• उन उपयोगकर्ताओं का सम्मान करें जो कम गति पसंद करते हैं। उनके लिए स्थिर वर्ज़न दें या एनिमेशन रोक दें।
• फाइल साइज़ परखें। साधारण Lottie फाइल कुछ किलोबाइट की होती है; कई लेयर वाली जटिल फाइल कहीं बड़ी हो सकती है।
• जारी करने से पहले एनिमेशन के रंग अपने ब्रांड से मिलाएं।

अगर आप वीडियो के लिए मोशन पर काम करते हैं, तो हमारी गाइड Motion Array टेम्पलेट मोशन एसेट्स का एक और तरीका बताती है।

असली लेआउट में 3D इलस्ट्रेशन का इस्तेमाल

3D आर्ट ध्यान खींचता है लेकिन सिर्फ़ सजावट के रूप में इस्तेमाल करने पर सामान्य लग सकता है। इसे वहां इस्तेमाल करें जहां यह संदेश में मदद करे: एक मज़बूत वस्तु वाला हीरो सेक्शन, किसी पहचाने जा सकने वाले विचार वाला फ़ीचर कार्ड, या प्रेज़ेंटेशन की टाइटल स्लाइड।

हल्की छाया, एक जैसी रोशनी की दिशा और सीमित रंग पैलेट रखें। जब आपके पेज पर पहले से फोटो हों, तो उनके ऊपर 3D न जोड़ें। हर पेज के लिए एक दृश्य भाषा चुनें।

लाइसेंस और एट्रिब्यूशन

हर IconScout एसेट की लाइसेंस शर्तें लाइसेंस के प्रकार पर और कभी-कभी रचनाकार पर निर्भर करती हैं। कुछ एसेट्स को एट्रिब्यूशन चाहिए, और कुछ उपयोग, जैसे एसेट को खुद बेचना या प्रतिस्पर्धी लाइब्रेरी बनाना, मना हैं।

आम शर्तों के बारे में स्टॉक एसेट और लाइसेंस की व्याख्या में और पढ़ सकते हैं।

व्यावहारिक उदाहरण

प्राइसिंग पेज: फ़ीचर बुलेट्स के लिए लाइन आइकन सेट, हीरो के लिए एक 3D इलस्ट्रेशन और पुष्टि वाली स्थिति के लिए एक छोटा Lottie चेकमार्क इस्तेमाल करें।

पिच डेक: हर स्लाइड पर एक ही पैक के PNG आइकन और कवर पर एक 3D वस्तु इस्तेमाल करें। एनिमेशन की ज़रूरत नहीं, इसलिए Lottie छोड़ दें।

मोबाइल ऐप ऑनबोर्डिंग: तीन Lottie फाइलें, हर स्क्रीन के लिए एक, एक ही पैलेट और एक ही गति की रफ़्तार के साथ।

अक्सर पूछे जाने वाले सवाल

क्या मैं Lottie एनिमेशन JSON फाइलों के रूप में डाउनलोड कर सकता हूं?

हां, Lottie एसेट्स JSON के रूप में दिए जाते हैं, और कभी-कभी संपीड़ित dotLottie फ़ॉर्मेट में भी। आप उन्हें वेब पेज या ऐप में Lottie प्लेयर लाइब्रेरी से चलाते हैं।

आइकन के लिए SVG इस्तेमाल करूं या PNG?

जब आइकन का साइज़ या रंग बदला जाना हो, जैसे वेबसाइटों और ऐप्स में, तब SVG इस्तेमाल करें। स्लाइड, दस्तावेज़ों और पोस्ट में तुरंत लगाने के लिए, जहां आपको बस एक इमेज चाहिए, PNG इस्तेमाल करें।

क्या मैं डाउनलोड किए गए आइकन के रंग बदल सकता हूं?

SVG में हां, किसी भी वेक्टर एडिटर में या कोड में। PNG में रंग बदलना सीमित है। Lottie के रंग Lottie एडिटिंग टूल्स में बदले जा सकते हैं।

क्या मुझे एट्रिब्यूशन देना होगा?

यह एसेट के लाइसेंस पर निर्भर करता है। एट्रिब्यूशन की ज़रूरतों के लिए एसेट का पेज देखें, और पैक का नाम रखें ताकि ज़रूरत पड़ने पर क्रेडिट दे सकें।

क्या 3D इलस्ट्रेशन प्रिंटिंग के लिए अच्छे हैं?

हो सकते हैं, अगर आप हाई-रिज़ॉल्यूशन वर्ज़न डाउनलोड करें। पिक्सल आयामों को अपने प्रिंट साइज़ से मिलाकर देखें, और प्रिंटर को भेजने से पहले प्रिंट बनाम वेब फाइलों पर हमारी गाइड देखें।