इंटरफ़ेस "डिजाइनर की आंखों के माध्यम से" देखें: डिजाइनर के साथ सामने के अंत की बातचीत के बारे में

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

नमस्ते! यहां दो मुख्य कारण हैं कि फ्रंट-एंड डेवलपर्स को डिजाइन की मूल बातें जानने की आवश्यकता है।

पहला कारण। फ्रंटेंडर और डिजाइनर एक आम समस्या का समाधान करते हैं

डिजाइनर लेआउट बनाता है, और फ्रंट-एंड डेवलपर इसे पूर्ण साइट इंटरफ़ेस में बदल देता है। एक उच्च-गुणवत्ता वाला उत्पाद प्राप्त होता है जब दोनों विशेषज्ञ एक-दूसरे के काम के सार को समझते हैं।

• डिजाइनर को लेआउट और सीएमएस की मूल बातें समझनी चाहिए (यदि वह नियंत्रण प्रणाली के लिए लेआउट बनाता है)। इससे तकनीकी सीमाओं को बेहतर ढंग से परिभाषित करना संभव है और विचार को लागू करने के लिए सामने वाले के लिए कितना मुश्किल होगा।
  
• डेवलपर को लेआउट के तर्क और संरचना को सही ढंग से समझना चाहिए, यह पता लगाना चाहिए कि यह क्या और कैसे काम करता है, एनीमेशन कैसे प्रदर्शित होता है, पृष्ठ पर तत्वों के बीच बातचीत कैसे होती है। क्योंकि पहली नज़र में डिजाइनरों के विचार हमेशा स्पष्ट नहीं होते हैं।
  

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

एक डिजाइनर और एक डेवलपर के बीच बातचीत कैसे स्थापित करें: बुनियादी नियम

मैं व्यक्तिगत अनुभव से कुछ सुझाव दूंगा कि कैसे सहयोग स्थापित करना है और टीम को काम करना आसान बनाना है।

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

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

यदि आप फ्रंट-एंड विक्रेता हैं और लेआउट को वेबसाइट इंटरफ़ेस में बदल देते हैं:

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

जब प्रत्येक टीम का सदस्य समझता है कि उसके सहयोगी क्या कर रहे हैं और अपने कार्यों को कैसे सरल बनाया जाए, तो कार्य सुचारू रूप से चलता है। परिणाम एक गुणवत्ता इंटरफ़ेस है, जो समय पर वितरित किया जाता है।

दूसरा कारण। एक डेवलपर के लिए यह आसान है जो नौकरी खोजने के लिए डिजाइन जानता है

डिजाइन के अच्छे ज्ञान वाला एक डेवलपर एक सार्वभौमिक विशेषज्ञ बन सकता है और एक साथ दो पदों को बंद कर सकता है।

जहां फ्रंट-एंड डिजाइनर मांग में हैं

बड़ी कंपनियां दो अलग-अलग विशेषज्ञों - एक डेवलपर और एक डिजाइनर का भुगतान करने के लिए तैयार हैं। बाजार के अन्य क्षेत्रों में स्थिति अलग है - अक्सर कंपनियां सार्वभौमिक विशेषज्ञों को नियुक्त करना पसंद करती हैं जो अकेले कार्यों के एक बड़े पूल को बंद कर सकते हैं।

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

यदि आप फ्रंट-एंड डेवलपर हैं तो पहले डिजाइन के बारे में क्या जानें

मुझे तुरंत 20 बुनियादी डिजाइन सिद्धांतों का एक अच्छा चित्रण याद है। मैं आपको उसके साथ डाइविंग शुरू करने की सलाह देता हूं।


अगले चरण में, इंटरफ़ेस निर्माण उपकरण का अभ्यास करें: Figma, Adobe XD या स्केच। पढ़ें, प्रत्येक की समीक्षाओं को देखें और चुनें जो आपके करीब है। मुख्य बात केवल मैनुअल तक सीमित नहीं है। उन्हें देखें और तुरंत अपने कौशल का अभ्यास करें, उपकरण में सही।

भविष्य में, मैं 3 डी को समझने की सलाह देता हूं: सिनेमा 4 डी और एडोब आयाम कार्यक्रम; और इंटरफ़ेस एनिमेशन: प्रोटोपी और एडोब आफ्टर इफेक्ट।

कहाँ से पढाई करनी है

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

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

ऑनलाइन पाठ्यक्रमों पर। उन लोगों के लिए एक विकल्प जो संरचित जानकारी, निर्देश, और शिक्षकों से प्रतिक्रिया प्राप्त करने के बारे में परवाह करते हैं।

टिप्स

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

यदि आप वेब डिज़ाइन की मूल बातें सीखने के लिए तैयार हैं, तो हम आपको नेटोलॉजी में एक नए पाठ्यक्रम के लिए आमंत्रित करते हैं

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