एडोब पटाखे में प्रोटोटाइप खत्म करें

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

वायरफ्रेम या ठीक डिजाइन

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

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

यहाँ एक इंटरफ़ेस का एक उदाहरण है जिसे मैंने हाल ही में ग्राफिक डिज़ाइन पर बनाया और उसी समय काम किया था:



और यहां इवान फिलिप्पेन्को से एक और आतिशबाजी प्रशंसक है:



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

फोटोशॉप या पटाखे

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

यहाँ कुछ कारण बताए गए हैं कि पटाखे इंटरफेस को बेहतर बनाने के लिए बेहतर क्यों हैं:

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

यदि यह किसी के लिए उपयोगी होगा, तो मैं दिखाऊंगा कि आतिशबाजी के उपयोग में कौन सा पैनल लेआउट है। जैसा कि आप देख सकते हैं, मुख्य पैनल पृष्ठ, राज्य, परतें, साथ ही प्रतीक पुस्तकालय और चयनित प्रतीक के गुण हैं (चित्र क्लिक करने योग्य है):

और अगर अभी भी खत्म नहीं हुआ है?

पहले सरलीकृत विज़ुअलाइज़ेशन बनाना अभी भी उपयोगी है। हमारे पास एक ऐसी इकाई है जो iPad के लिए अनुप्रयोगों से संबंधित है, इस मंच पर यह किसी भी तरह से सब कुछ ग्लैमरस और खूबसूरती से करने के लिए प्रथागत है। ठीक है, आप जानते हैं, एक ग्रेनाइट आधार पर एक कांच का पत्र, जिस पर ओस की एक बूंद गिरती है :) इसे तुरंत खींचने के लिए वास्तव में हानिकारक है, आप अपने आप को विचलित करते हैं और ग्राहक को विचलित करते हैं (और हर कोई ग्लास पर ओस कैसे खींचना जानता है)।

लेकिन यहां आतिशबाजी बहुत मदद करती है। आप सभी दोहराए जाने वाले तत्वों को या तो मास्टर पेज या प्रतीक पुस्तकालय में रखते हैं और केवल तर्क और स्थान के बारे में सोचते हैं। और जब आपको बनावट लगाने की आवश्यकता होती है, तो आपको बस पुस्तकालय से प्रतीकों को बदलने की आवश्यकता होती है। यहाँ एक गोली प्रोटोटाइप का एक उदाहरण है (ओल्गा सोकोलोवा द्वारा):



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

मरहम में उड़ना

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

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