चित्र में मास्टर घटक बनाने का मेरा तरीका

मैंने देखा कि कई उत्पाद डिजाइनर सवाल पूछ रहे हैं "घटकों के विभिन्न राज्यों को कैसे व्यवस्थित करें?"। पूरे डिजाइन की दुनिया को 2 भागों में विभाजित किया गया है। पूर्व एक घटक बनाता है जिसमें सभी राज्यों के लिए कई फ़ोल्डर होते हैं। उत्तरार्द्ध प्रत्येक तत्व राज्य के लिए एक अलग घटक बनाता है।

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

1. कई राज्यों के साथ एक घटक

लाभ

• घटक पुस्तकालय अधिक कॉम्पैक्ट दिखता है।
• घटक पैनल में कम तत्व होते हैं और इसलिए सही खोजने में कम स्क्रॉल होते हैं। इस स्थिति में, नाम से खोज बचाता है।

कमियों

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

2. प्रत्येक स्थिति के लिए कई घटक

लाभ

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

कमियों

• पुस्तकालय विशाल हो रहा है। हालांकि, 99% मामलों में कुछ शर्तों की आवश्यकता नहीं है। मार्गदर्शन और दबाने का प्रकार आमतौर पर एक बार लगाया जाता है और फिर इसे दिखाना आवश्यक नहीं होता है।

3. मैं क्या प्रदान करता हूं

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

फायदे:

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

विशेषताएं (मैं इसे नुकसान नहीं कहूंगा):

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

मेरा प्रस्ताव शुरुआत में ही उठाए गए सवाल को आंशिक रूप से बंद कर देता है। तो आप तत्व राज्यों को कैसे आकर्षित करते हैं? यह एक ही राज्य बनाने के लिए इनपुट और बटन के लिए काम नहीं करेगा। यहाँ मैं निम्नलिखित की पेशकश कर सकता हूँ:

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