Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch
Webdesign

स्केच और जेप्लिन: डिजाइनरों और डेवलपर्स की सहायता करना सहयोग करें

Length:LongLanguages:

Hindi (हिंदी) translation by Shubham Sharma (you can also view the original English article)

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

स्केच पर एक त्वरित शब्द

लगभग छह महीने पहले, जब मैंने नौकरी की थी, मुझे स्केच की कोशिश करने के लिए प्रोत्साहित किया गया था। इस सॉफ़्टवेयर के बारे में महान बात यह है कि यह विशेष रूप से इंटरफ़ेस और आइकन डिजाइन पर केंद्रित है; विशेषताओं के लिए वेब, मोबाइल और आइकॉन के विशिष्ट आकार के साथ आर्टबोर्ड से, जो कि डिजाइन प्रक्रिया को बढ़ाने में मदद करते हैं, स्केच डिजाइनरों के लिए होना चाहिए।

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

यहां कुछ उदाहरण दिए गए हैं जो आपको स्केच के साथ क्या कर सकते हैं इसका अवलोकन करें:

  1. अपने उत्पाद को नकल करने के लिए इन पृष्ठों के अंदर अपनी सामग्री (उदाहरण के लिए: मोबाइल डिज़ाइन, डेस्कटॉप डिज़ाइन) और आर्टबोर्ड को व्यवस्थित करने के लिए पेज बनाएं (उदाहरण: एक चरण-दर-चरण ग्राहक की यात्रा बनाएं)।
  2. विशिष्ट वस्तु (आकार, पोजिशनिंग, रंग, फ़ॉन्ट शैलियों, अस्पष्टता और बहुत कुछ) के बारे में सभी विवरण ढूंढने के लिए इंस्पेक्टर का उपयोग करें।
  3. विशिष्ट फ़ाइल प्रारूपों (पीएनजी, जेपीजी, पीडीएफ, आदि) के लिए आर्टबोर्ड या व्यक्तिगत ऑब्जेक्ट निर्यात करने के लिए निर्यात सुविधा का उपयोग करें।

"मैं एक देव हूँ, मैंने स्केच का कभी इस्तेमाल नहीं किया है!"

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

हमें डेवलपर्स को एक ही उपकरण डिजाइनर में प्रवीण करने के लिए नहीं कहना चाहिए जो मॉकअप उत्पादों के लिए उपयोग करते हैं। उस ने कहा, न ही हमें डिजाइनरों को उनसे दूर जाने की ज़रूरत है जो वे सबसे अच्छा करते हैं: डिजाइन! हर बार जब वे डिजाइन पर हाथ डालते हैं, तो "विशिष्टता दस्तावेज़" तैयार करना "चुस्त" से दूर नहीं होता है, और डिजाइनों को सौंपने और ज़रूरत पड़ने पर पुन: संचालित करने के लिए बहुत व्यर्थ समय का मतलब हो सकता है।

जेप्लिन

यह वह जगह है जहां ज़ेप्लिन दृश्य में प्रवेश करती है।

जेप्लिन यूआई डिजाइनरों और फ्रंट एंड डेवलपर्स के लिए एक सहयोग टूल है। यह डिजाइन वर्कफ़्लो से परे जाता है और डिजाइन हाथों से टीमों को मदद करता है।

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

"जेप्लिन सच के एक स्रोत के रूप में बहुत अच्छी तरह से काम करता है, जब इस तरह के रूप में प्रयोग किया जाता है।

इसके अलावा, क्योंकि यह एक स्टैंडअलोन ऐप के साथ-साथ वेब ऐप के रूप में उपलब्ध है, आप इसे कहीं ज्यादा कहीं भी एक्सेस कर सकते हैं। इसे डिजाइन और चीजों, रिक्तियों, रंगों आदि जैसी चीज़ों की जांच करना आसान बनाता है। "- डैनियल सैटस पोंटेस, जावास्क्रिप्ट डेवेलपर @ नाउ टीवी, स्काई।

स्केच से जेप्लिन तक के डिजाइन का निर्यात

ज़ेप्लिन स्केच के भीतर एक प्लगइन के रूप में काम करता है, इसलिए अपलोड करने के लिए डिज़ाइन एक क्लिक जॉब है।

एक प्रोजेक्ट कैसे प्रारंभ करें यह है:

एक जेप्लिन परियोजना शुरू करना
  1. डाउनलोड जेप्लिन (केवल मैक) और इंस्टॉल करें डेवलपर्स को ओएस एक्स चलाने की ज़रूरत नहीं होगी क्योंकि उन्हें सामग्री तक पहुंच प्राप्त करने के लिए सिर्फ वेब-आधारित उपकरण तक पहुंच की आवश्यकता होगी।
  2. परियोजनाएं बनाएं
  3. आपके द्वारा डिज़ाइन किए गए प्लेटफ़ॉर्म का चयन करें।
  4. परियोजना को लेबल करें (सुनिश्चित करें कि आप एक ऐसा नाम चुनते हैं जो पूरी टीम से परिचित है)।
Export from Sketch
स्केच से निर्यात करना

स्केच के भीतर, व्यक्तिगत वस्तुओं का चयन करें और उन्हें निर्यात करें। यह आपकी देव टीम को बाद में जीप्लिन के भीतर से प्रत्येक तत्व को निर्यात करने की अनुमति देगा यह कैसे काम करता है:

  1. इसके बाद, वे एलेपबोर्ड चुनें जिन्हें आप जेप्लिन में अपलोड करना चाहते हैं।
  2. प्लगइन्स> ज़ेप्लिन> चयनित कलाबोर्ड निर्यात पर जाएं।
  3. उस प्रोजेक्ट का चयन करें जिसमें आप अपने डिजाइन अपलोड करना चाहते हैं, फिर आयात करें पर क्लिक करें।

जेप्लिन के साथ कार्य करना

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

डेवलपर्स: यहां एक तरीका है कि यह कैसे काम करता है, एक बार जब आप वेब-आधारित उपकरण खोले और साइन इन करें:

  1. वह ऑब्जेक्ट चुनें जिसका आप निरीक्षण करना चाहते हैं।
  2. विस्तृत जानकारी के लिए फ़ॉंट स्टाइल, रंग, और इसी तरह के दाएं हाथ वाले कॉलम को देखें (जानकारी आपके द्वारा चुने गए ऑब्जेक्ट के अनुसार प्रदर्शित की जाएगी)।
  3. सुझाए गए सीएसएस की कॉपी करें।

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

  1. यहां आप डिजाइनों के लिए नोट्स और टिप्पणियां जोड़ सकते हैं।
  2. यहां आप प्रोजेक्ट लिंक की प्रतिलिपि बना सकते हैं और साझा कर सकते हैं, शायद सूचनाओं को प्राप्त करने या टीम के सदस्यों को सहयोग करने के लिए आमंत्रित करने के लिए टीम के सुस्त चैनल के साथ एकीकृत भी हो सकता है!

आपकी टीम को क्यों ले जाना चाहिए

ज़ेप्लिन के साथ कार्य करना कई फायदे हैं, यहां कुछ उदाहरण दिए गए हैं:

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

कोशिश करो!

स्केच और जेप्लिन के साथ कार्य करना डेवलपर्स के साथ सुसंगत रूप से सहयोग करने के लिए डिजाइनरों के लिए एक बढ़िया तरीका है। मेरी टीम इस तरह से काम करती है- मैं इन उपकरणों के साथ काम करने के अपने विचारों और अनुभवों को सुनना पसंद करता हूं!

उपयोगी कड़ियाँ

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.