
वेबसाइट डिज़ाइन पर काम करने वाले या इसके बारे में सोचने वाले सभी लोग इस बात से वाकिफ़ हैं: एक सुंदर और आकर्षक डिज़ाइन के बीच सही संतुलन पाना इतना आसान नहीं है। न ही ऐसा डिज़ाइन ढूँढना आसान है जो एक सरल और प्रभावी उपयोगकर्ता अनुभव प्रदान करे। यह बात वेबसाइट के सभी तत्वों पर लागू होती है, और इस लेख में, हम भाषा स्विचर बटनों पर ध्यान केंद्रित करके इसे और भी विशिष्ट बनाने जा रहे हैं।
एक वेब सामग्री अनुवाद समाधान होने के साथ-साथ, Weglot भाषा स्विचर बटन की बदौलत, UX के नज़रिए से एक साइट को कई भाषाओं में प्रकाशित करना भी संभव हो जाता है। एक बार जब आप एकीकृत हो जाते हैं, Weglot किसी वेबसाइट में, आपको एक डिफ़ॉल्ट बटन मिलेगा जो जितना सरल है उतना ही प्रभावी भी। लेकिन अगर आप रचनात्मक महसूस कर रहे हैं, तो आप शायद कुछ ज़्यादा व्यक्तिगत चाहेंगे। ऐसे में, आप कुछ बुनियादी सेटिंग्स का लाभ उठा सकते हैं, टेम्प्लेट का इस्तेमाल कर सकते हैं, या अगर आप CSS कला में माहिर हैं, तो अपना खुद का बटन भी डिज़ाइन कर सकते हैं ।
इस लेख में, हम इन भाषा स्विचर टेम्प्लेट पर एक नज़र डालेंगे, जिन्हें आप हमारी स्विचर गैलरी में पा सकते हैं। और भी विकल्पों के लिए, फिनस्वीट के सहयोग से बनाए गए हमारे संग्रह पर एक नज़र डालें।
कई साल पहले, हमने फिनस्वीट के साथ सहयोग किया था, जो वेब उद्योग में काफी प्रसिद्ध एजेंसी है। Webflow वेबफ्लो समुदाय ने कई भाषा स्विचिंग डिज़ाइन विकसित किए हैं जिन्हें कॉपी करके किसी भी Webflow वेबसाइट पर इस्तेमाल किया जा सकता है । यह किसी भी तकनीक पर उपयोग के लिए उपलब्ध है। यह बेहद सफल रहा है, क्योंकि इन भाषा स्विचिंग विकल्पों को सभी प्रकार की साइटों पर 8,000 से अधिक बार कॉपी किया जा चुका है!
हालांकि, अधिकाधिक डिजाइनरों और विशेष रूप से वेब एजेंसी टीमों ने, अपने द्वारा विकसित वेबसाइटों के उपयोगकर्ताओं को एक अनूठा अनुभव प्रदान करने के लिए अपने स्वयं के स्विचर्स को संशोधित करके या यहां तक कि डिजाइन करके, बॉक्स के बाहर सोचना शुरू कर दिया है।
और यही बात Digidop के मामले में भी स्पष्ट है। 2021 में स्थापित, यह वेब एजेंसी फ्रांस की पहली और एकमात्र ऐसी एजेंसी है जो विशेष रूप से वेब सेवाओं में विशेषज्ञता रखती है। Webflow तीनहरी मान्यता प्राप्त करने के लिए: Webflow विशेषज्ञ, ग्राहक-प्रथम और Webflow वैश्विक स्तर पर अग्रणी। तब से, एजेंसी ने विभिन्न क्षेत्रों के ग्राहकों के लिए 60 से अधिक वेब प्रोजेक्ट पूरे किए हैं और मुफ्त सामग्री और एक ऑनलाइन अकादमी के माध्यम से अपना ज्ञान साझा किया है। एजेंसी के दो संस्थापक, फ्लोरियन और थॉमस, इनमें से प्रमुख रहे हैं। Weglot शुरुआत से ही सबसे सक्रिय साझेदार रहे हैं। उन्होंने अपनी विशेषज्ञता साझा की है। Weglot वे विभिन्न दस्तावेज़ों और वीडियो के माध्यम से अपने समुदाय से जुड़े रहे हैं, लेकिन सबसे बढ़कर वे हमेशा प्रासंगिक प्रतिक्रिया देने के लिए तत्पर रहे हैं। Weglot जिसकी वजह से हम अपने टूल में लगातार सुधार कर पा रहे हैं।
जब हमने किसी एजेंसी के साथ मिलकर भाषा स्विचर्स का नया संग्रह प्रस्तुत करने के बारे में सोचा, तो हमें पता था कि डिजीडॉप टीम का अनुभव और आलोचनात्मक तथा तकनीकी नजरिया, एक फलदायी सहयोग की ओर ले जाएगा।
तो पहला कदम था Weglot विकास टीम और डिजीडॉप टीम के साथ मिलकर यह विचार किया गया कि स्विचर्स के तकनीकी एकीकरण और व्यवहार को कैसे बेहतर बनाया जाए ताकि इसे यथासंभव सहज बनाया जा सके। फिर, डिजीडॉप टीम की कलात्मक और डिज़ाइन प्रतिभा ने 5 भाषा स्विचर डिज़ाइन तैयार किए, जिन्हें हम यहाँ विस्तार से आपके सामने प्रस्तुत करेंगे।
हाल ही में वेब पर मिनिमलिज़्म और स्लीक लाइन्स का चलन काफी बढ़ गया है। और डिजिडॉप का पहला लैंग्वेज स्विचर सेट भी इसी चलन का अनुसरण करता है। यह एक साधारण ड्रॉपडाउन है, जो डिफ़ॉल्ट रूप से दिए गए ड्रॉपडाउन जैसा ही है। Weglot , लेकिन बहुत ही सरल रेखाओं के साथ। उपयोगकर्ता के लिए उपयोग में आसान, लेकिन सबसे बढ़कर, बहुत ही सार्वभौमिक, सभी वेबसाइट डिज़ाइनों के अनुकूल।

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

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


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

इसी तरह, कुछ साइटें बड़े, कभी-कभी बोल्ड, फ़ॉन्ट का उपयोग करके द्विवर्णी, रफ-एंड-टम्बल दृष्टिकोण को आगे बढ़ा रही हैं - यहाँ तक कि बड़े अक्षरों का उपयोग भी कर रही हैं। यही वह है जो सिटैडियम साइट प्रदान करती है। इस प्रवृत्ति के आधार पर, डिजीडॉप टीम इस 5वें और अंतिम स्विचर के साथ आई है। इसका उपयोग 2 या बड़ी संख्या में भाषाओं के लिए किया जा सकता है और यह सुनिश्चित करता है कि यह उपयोगकर्ता के लिए आसानी से सुलभ हो।

ये भाषा स्विचर आपके उपयोग, खेलने या यहां तक कि प्रेरणा लेने के लिए डिज़ाइन किए गए हैं। आप उन्हें अपने डिज़ाइन और UX के अनुरूप क्लोन और कस्टमाइज़ कर सकते हैं। इस नए सहयोग के लिए, और Digidop की सिफारिशों के आधार पर, हमने आपको फ्रंट एंड पर उन्हें फिर से उपयोग करने का मौका देकर इस संग्रह को एक कदम आगे बढ़ाया है। आप अपनी परियोजनाओं के मॉक-अप चरण के दौरान उनका उपयोग करने के लिए भी स्वतंत्र हैं।
डिजीडॉप के सह-संस्थापक थॉमस लैबोन इस वीडियो में इस सहयोग के सभी रहस्यों को उजागर करते हैं और बताते हैं कि फिग्मा पर सीधे भाषा स्विचर का उपयोग कैसे करें। यहाँ, आपको फिग्मा फ़ाइल मिलेगी।
फिर, यदि आप इन भाषा स्विचर टेम्प्लेट का सीधे अपने कंप्यूटर पर पुन: उपयोग करने का जोखिम उठाना चाहते हैं, Webflow इस साइट पर, आपको सभी क्लोन करने योग्य घटक मिलेंगे , और मैं आपको डिजिडॉप के सह-संस्थापक फ्लोरियन बोडेलॉट के साथ इन भाषा स्विचरों के उपयोग के बारे में मार्गदर्शन करने दूंगा।
अब यह आप पर निर्भर है कि आप अपनी वेबसाइट डिज़ाइन परियोजनाओं में इन घटकों का पुनः उपयोग करना पसंद करते हैं या नहीं। हम डिजीडॉप एजेंसी टीम को उनकी प्रतिक्रिया, तकनीकी सहायता और बेहतरीन डिज़ाइन कौशल के लिए धन्यवाद देना चाहते हैं। उनकी शैक्षिक सामग्री देखना न भूलें, जो आपको अपनी परियोजनाओं को और भी आगे ले जाने में मदद करेगी।
चूंकि वेब डिज़ाइन लगातार विकसित हो रहा है, इसलिए हम भाषा स्विचर्स के नए संग्रह जारी करने की योजना बना रहे हैं। इसलिए यदि आपके पास कोई डिज़ाइन विचार है, तो हमें बताने में संकोच न करें।
शक्ति को समझने का सबसे अच्छा तरीका Weglot इसे स्वयं अनुभव करके देखें। बिना किसी शुल्क और प्रतिबद्धता के इसका परीक्षण करें।
शक्ति को समझने का सबसे अच्छा तरीका Weglot इसे स्वयं अनुभव करके देखें। बिना किसी शुल्क और प्रतिबद्धता के इसका परीक्षण करें।
यदि आप अभी अपनी वेबसाइट को कनेक्ट करने के लिए तैयार नहीं हैं, तो आपके डैशबोर्ड में एक डेमो वेबसाइट उपलब्ध है।