- - एडोब एज के साथ एचटीएमएल 5 में वेब एनिमेशन और इंटरेक्शन डिजाइन बनाएं

एडोब एज के साथ एचटीएमएल 5 में वेब एनिमेशन और इंटरेक्शन डिजाइन बनाएं

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

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

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

धार मुख्य २

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

मुख्य तत्व

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

धार ३

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

एनिमेटेड तत्व

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

एडोब एज डाउनलोड करें

टिप्पणियाँ