आतिशबाजी में इंटरएक्टिव उत्पाद डिजाइन करना

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

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

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

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

हम कूपर में कैसे काम करते हैं

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

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

जहां पटाखों का उपयोग किया जाता है

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

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


चित्रा 1. प्रारंभिक प्रोटोटाइप इंटरैक्शन डिजाइनर द्वारा बनाए गए थे, और फिर दृश्य डिजाइनर द्वारा अंतिम रूप दिया गया था।

स्क्रिप्ट खेलने के लिए राज्यों का उपयोग करना

इंटरएक्टिव डिजाइनर स्क्रिप्ट को मूल तत्वों (पटाखों में मौजूद मानक शैलियों का उपयोग करके) को प्रदर्शित करके डिजाइन तैयार करना शुरू करता है जो योजनाबद्ध दिखता है। उत्पाद व्यवहार पर ध्यान देने के लिए हम जानबूझकर दृश्य प्रभावों का उपयोग नहीं करते हैं। इंटरैक्शन डिजाइनर केवल एक स्क्रीन से अधिक डिज़ाइन करता है। यह इंटरफ़ेस व्यवहार और कई उपयोग परिदृश्यों के स्टोरीबोर्ड की 20-30 स्क्रीन बना सकता है। पटाखे इन सभी स्क्रीन को राज्यों (पहले के फ्रेम) का उपयोग करके एक ही फाइल में जोड़ते हैं।

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


चित्रा 2. अंतिम स्क्रीन एक पटाखे फ़ाइल में कई राज्यों के बीच वितरित की जाती हैं

सामान्य परतों का उपयोग करके इंटरफ़ेस संरचना का संगठन

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


चित्रा 3. नेविगेशन तत्वों को कई राज्यों के बीच वितरित किया जाता है। यह एक बार उन्हें बदलने के लिए पर्याप्त है ताकि वे सभी राज्यों में अपडेट हो जाएं

सभी नेविगेशन तत्वों को आम परतों में रखने के बाद, आप देखेंगे कि वे सभी सामान्य राज्यों से प्रबंधन के लिए प्रदर्शित और सुलभ हैं। संक्रमण के दौरान, मेनू बदलता है, यह दर्शाता है कि निकोल किस स्तर पर है, एक स्क्रीन बनाता है या रिकॉर्ड करता है, विभिन्न राज्यों से उन्हें एक्सेस करने के लिए विभिन्न सामान्य परतों का उपयोग किया जाता है। यह याद रखने योग्य है कि आम परत एक जगह पर है, लेकिन कई राज्यों को संदर्भित करता है। प्रत्येक साझा परत को परिदृश्य के आधार पर चालू या बंद किया जा सकता है।

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

अक्सर आपको साधारण परतों (सामान्य नहीं) या कई विशिष्ट तत्वों के साथ काम करना पड़ता है। उदाहरण के लिए, कार्यक्षेत्र पर तस्वीरें और कैप्शन, जो स्क्रिप्ट (चित्रा 4) के दौरान लगातार बदल रहे हैं। एक नियम के रूप में, आप समझेंगे कि दो से अधिक राज्यों में होने वाली हर चीज को एक आम परत में रखा जाता है।


चित्रा 4. साधारण (साधारण साझा नहीं) परतों में रखी गई अनोखी वस्तुएं

सामान्य नियंत्रण प्रतीकों और चिह्नों को अनुकूलित करें

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

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

प्रतीक बनाना आसान है: ऑब्जेक्ट का चयन करें, फिर संशोधित करें> प्रतीक> प्रतीक बनाएं या F8 दबाएं। एक डायलॉग बॉक्स खुलेगा जिसमें "ग्राफिक" का चयन करना बेहतर होगा यदि आप अधिक जटिल छवि निर्यात की योजना बना रहे हैं। ऐसे तत्वों के लिए जिन्हें बढ़ाया जा सकता है (जैसे कि पाठ क्षेत्र), 9-अंश स्केलिंग (चित्र 5) को सक्षम करना बेहतर है। आइकन के लिए, इसे छोड़ा जा सकता है, क्योंकि यह आवश्यक नहीं है।


चित्र 5. एक या अधिक ऑब्जेक्ट का चयन करके एक प्रतीक बनाएं और F8 दबाएं

दृश्य डिजाइन के लिए संक्रमण

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

meshing

डिजाइन एक ग्रिड बनाने के साथ शुरू होता है। गाइड पैनल (चित्र 6) को विस्तार के रूप में स्थापित किया जा सकता है, यह ग्रिड के निर्माण की प्रक्रिया में बहुत मदद करता है। गाइड पैनल के बारे में अधिक जानकारी के लिए, यूजीन एम। जूड (पटाखे टीम यूआई डिजाइनर) द्वारा लिखित पटाखे CS3 में गाइड पैनल का उपयोग करके पढ़ें।


चित्र 6. गाइड पैनल मुख्य ग्रिड के निर्माण को सरल करता है

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

आम शैली के तत्व

पटाखों में मेरा एक पसंदीदा उपकरण पेस्ट अटैचमेंट टीम है। इस कमांड का उपयोग ऑब्जेक्ट्स की शैलियों (चित्रा 7) के बीच जल्दी से आदान-प्रदान करने के लिए किया जा सकता है।


चित्र 7. एक बटन के गुणों को कॉपी करके और अन्य सभी में पेस्ट करके इंटरफेस में सभी बटन के लिए धीरे-धीरे ढाल भरने और छाया बनाएं

मान लीजिए कि आपने एक बटन के लिए एक शैली बनाई है और उस शैली को फ़ाइल के सभी बटन पर लागू करना चाहते हैं। आप बस दाता शैली (Ctrl + C) की प्रतिलिपि बनाते हैं और इसे सभी प्राप्तकर्ताओं (Ctrl + Shift + Alt + V) को असाइन करते हैं। यह एक लाइटनिंग ऑपरेशन है।

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

आप शैलियाँ पैलेट (चित्र 8) में अपनी स्वयं की शैलियाँ भी बना और प्रबंधित कर सकते हैं। आप पैलेट में एक शैली जोड़ सकते हैं, और फिर इसे अन्य वस्तुओं पर लागू कर सकते हैं।


चित्र 8. शैलियों को देखने और प्रबंधित करने के लिए शैलियाँ पैलेट का उपयोग करें (मानक सेट का उपयोग करके या किसी खुले दस्तावेज़ की मूल शैलियों के साथ काम करना)

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


चित्र 9. किसी ऑब्जेक्ट को बदलना और दस्तावेज़ में सभी ऑब्जेक्ट्स को अपडेट करने के लिए एक शैली को ओवरराइड करना

चरित्र संपादन

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


चित्रा 10. एक आयताकार प्रतीक पर डबल-क्लिक करना संपादन मोड में डालता है

पिक्सेल सटीकता वेक्टर और पथ पैलेट

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


चित्रा 11. पथ पैलेट

उपरोक्त वर्णन करने के लिए, आइए चित्र 12 में फ़ोल्डर आइकन देखें। मैंने मानक 32-पिक्सेल आइकन बनाए और अब मुझे 16-पिक्सेल संस्करण बनाने की आवश्यकता है। यदि आइकन फिर से स्केल किया जाता है, तो रूपरेखा फीकी हो जाती है। ऐसा इसलिए है क्योंकि लाइनों को अलियास किया गया है और पिक्सेल ग्रिड के सापेक्ष स्थानांतरित कर दिया गया है। जब आप किसी ऑब्जेक्ट बिंदु को पिक्सेल जाली के सापेक्ष स्थानांतरित करते हैं और पाथ पैलेट में "राउंड पॉइंट टू पिक्सल" आइटम का चयन करते हैं, तो यह बिंदु उस केंद्र के साथ संरेखित होता है जिस पर पिक्सेल सीमाएं चटक जाती हैं, और इसलिए यह क्षेत्र तेज हो जाता है, जबकि ऑब्जेक्ट एलियासिंग गुण खो नहीं जाता है ।


चित्र 12. तीखी रेखाएँ प्राप्त करने के लिए पथ पैलेट में "पिक्सेल के लिए गोल बिंदु" का उपयोग करें।

पथ पैनल चयन उपकरण भी बहुत उपयोगी हैं। जब गोल भागों को पिक्सल से जुड़ा होना चाहिए, तो वे बस सभी बिंदुओं का चयन करते हैं। गोल बटन जैसे ऑब्जेक्ट का विस्तार करते समय, आप बटन के दाईं ओर सभी बिंदुओं का चयन आसानी से कर सकते हैं। ऐसा करने के लिए, बस पैनल पर नियंत्रण बिंदु का चयन करें (चित्र 13) । यदि आप कीबोर्ड तीर या अतिरिक्त Shift कुंजी का उपयोग करते हैं, तो बटन की चौड़ाई जल्दी से बढ़ाई जा सकती है, जो आपको 10 पिक्सेल द्वारा तुरंत स्थानांतरित करने की अनुमति देती है।


चित्रा 13. ऑब्जेक्ट पर लगातार बिंदुओं के चयन के साथ, बिंदु चयन उपकरण आपको इस ऑपरेशन से निपटने में मदद करेंगे। इन आदेशों को हॉटकीज़ में जोड़कर सुधार किया जा सकता है (उदाहरण के लिए, Ctrl + 6 सही बिंदुओं का चयन करने के लिए)।

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

कॉमन लाइब्रेरी नियंत्रण और 9-टुकड़े स्केलिंग की शक्ति का उपयोग करना

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

नोट: पटाखे CS3 में विस्टा नियंत्रण का एक सीमित सेट होता है, लेकिन XP नियंत्रणों के लिए पटाखे एक्सचेंज या senocular.com से डाउनलोड किए जा सकते हैं।


चित्र 14. कॉमन लाइब्रेरी पैलेट में कई मानक उपयोगकर्ता इंटरफ़ेस नियंत्रण शामिल हैं जिन्हें आप अपने कैनवास पर जल्दी से स्थानांतरित कर सकते हैं

आप WinXP फ़ोल्डर से चेकबॉक्स का चयन कर सकते हैं और इसे कैनवास पर रख सकते हैं, जहां यह हस्ताक्षर "लेबल" के साथ चेकबॉक्स के रूप में दिखाई देगा। सिंबल प्रॉपर्टीज़ पैलेट को खोलकर, आप राज्य को सही से असत्य में बदल सकते हैं, जिससे चेकबॉक्स अक्षम हो जाएगा। लेबल पर क्लिक करके, आप हस्ताक्षर बदल सकते हैं। आप चेकबॉक्स की स्थिति को सक्रिय से निष्क्रिय (चित्रा 15) में भी बदल सकते हैं।


चित्रा 15. प्रतीक के गुणों का त्वरित संपादन, जैसे कि हस्ताक्षर, शैली, पाठ का रंग और नियंत्रण राज्य

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

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

तेजी से और अविनाशी प्रसंस्करण

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


चित्र 16। गैर-विनाशकारी फिल्टर का उपयोग करके दृश्य गुणों (जैसे छाया, रंग टोन / संतृप्ति, स्तर, घटता, आदि) को जल्दी से समायोजित और हटा दें।

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

उपस्थिति और व्यवहार का दस्तावेजीकरण

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


चित्र 17. इंटरफ़ेस नियंत्रण और उनके व्यवहार का विवरण, साथ ही विनिर्देश में उपयोग परिदृश्य

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

केवल निर्यात आदेश (Ctrl + X) का उपयोग करके किसी दस्तावेज़ या प्रस्तुति में अंतिम परिणाम दिखाएं। आप फ़ाइल मेनू में फ़ाइल> निर्यात और हाइलाइटिंग राज्यों का चयन करके सभी राज्यों को निर्यात कर सकते हैं (चित्र 18) । आप निर्यात की गई छवि की गुणवत्ता सुनिश्चित करने के लिए इमेज प्रीव्यू (Ctrl + Shift + X) के माध्यम से भी निर्यात कर सकते हैं।


चित्र 18. इनडिजाइन में रखने के लिए अलग-अलग फ़ाइलों को निर्यात करता है

शैली गाइड प्रलेखन

इसके अलावा, विनिर्देश इंटरफ़ेस की दृश्य शैली का वर्णन करता है। इस भाग में अक्सर ब्रांड, रंगों, टाइपोग्राफिक विशेषताओं, छवियों आदि का वर्णन शामिल होता है (चित्र 19) । हम इन सभी हिस्सों को निर्यात करने के लिए पटाखों का उपयोग करते हैं।


19. , , , ,

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


चित्र 20. दस्तावेज़ लाइब्रेरी मेनू में विकल्प का उपयोग करके वर्णों का त्वरित निर्यात

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

आतिशबाजी के फायदे और नुकसान

तथ्य यह है कि हम ज्यादातर समय Adobe Fireworks में काम करते हैं, इसका मतलब यह नहीं है कि हमने Adobe Photoshop और Adobe Illustrator का उपयोग करना बंद कर दिया है। आतिशबाजी को ऑन-स्क्रीन ग्राफिक्स के लिए डिज़ाइन किया गया है, क्योंकि फ़ोटोशॉप और इलस्ट्रेटर प्रिंट डिज़ाइन में अधिक प्रासंगिक हैं। स्टैम्प टूल्स का उपयोग करके फ़ोटो को पुन: प्रदर्शित करने में भी फ़ोटोशॉप को प्राथमिकता दी जाती है। लेकिन मेरा मानना ​​है कि अधिकांश फोटो संपादन सुविधाएँ, जैसे कि स्तर, घटता और मुखौटे, पटाखे में आसानी से अनुकूलन योग्य हैं और फ़िल्टर के साथ आसानी से रद्द किए जा सकते हैं।

ऐतिहासिक रूप से, आतिशबाजी में एक कमजोर इंजन होता है, लेकिन नया संस्करण अब एक एडोब इंजन का उपयोग करता है जिसमें प्रोग्राम की खामियों को ठीक करने की सभी विशेषताएं हैं।

क्या और अधिक पढ़ें

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

कूपर वर्कफ़्लो, गाइड पैनल के उपयोग और समृद्ध प्रतीकों के बारे में अधिक जानने के लिए निम्न संसाधन देखें:

• कूपर प्रक्रिया ;
• गोल्डमेल केस स्टडी ;
• पटाखे CS3 (यूजीन एम। जूड) में गाइड पैनल का उपयोग करना ;
• आतिशबाजी (एरॉन बाइलल) में समृद्ध प्रतीकों का उपयोग करना ।

पुनश्च
यदि आप नए वातावरण के साथ सामना करने की कोशिश करने का निर्णय लेते हैं और आपके पास सवाल हैं, तो आप फ़ायरवर्कs.co.ua फोरम पर उन्हें जवाब दे सकते हैं ।