सही ईज़िंग चुनना

अपने प्रोजेक्ट के लिए सही ईज़िंग चुनें. भले ही, वह ईज़िंग इन, आउट या दोनों हो. ज़्यादा मज़ेदार बनाने के लिए, बाउंस का भी इस्तेमाल किया जा सकता है!

Paul Lewis

ऐनिमेशन में आसानी से बदलाव करने के लिए उपलब्ध अलग-अलग विकल्पों के बारे में बात करने के बाद, आपको अपने प्रोजेक्ट में किस तरह के विकल्पों का इस्तेमाल करना चाहिए और आपके ऐनिमेशन की अवधि कितनी होनी चाहिए?

खास जानकारी

• यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए, आसानी से बाहर निकलने वाले ऐनिमेशन का इस्तेमाल करें. क्विंटिक आसानी से बाहर निकलने वाला ऐनिमेशन बहुत अच्छा होता है, भले ही यह तेज़ हो.
• ऐनिमेशन की अवधि का इस्तेमाल करना न भूलें; आउट और इन ऐनिमेशन की अवधि 200 से 500 मिलीसेकंड होनी चाहिए. वहीं, बाउंस और इलास्टिक ऐनिमेशन की अवधि 800 से 1200 मिलीसेकंड होनी चाहिए.

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

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

क्वाइनटिक ईज़-आउट ऐनिमेशन देखना

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

अलग-अलग आसानी के लेवल आज़माकर देखें कि आपके प्रोजेक्ट के हिसाब से कौनसा लेवल सही है. डेमो के साथ-साथ, अलग-अलग तरह के ईज़िंग टाइप की पूरी सूची देखने के लिए, easings.net पर जाएं.

ऐनिमेशन की सही अवधि चुनना

यह ज़रूरी है कि आपके प्रोजेक्ट में जोड़े गए किसी भी ऐनिमेशन की अवधि सही हो. अगर एनिमेशन बहुत छोटा है, तो वह तेज़ और ज़्यादा एग्रेसिव लगेगा. अगर एनिमेशन बहुत लंबा है, तो वह रुकावट पैदा करेगा और परेशान करेगा.

• आसान तरीके से बाहर निकलना: करीब 200 से 500 मिलीसेकंड. इससे आंख को ऐनिमेशन देखने का मौका मिलता है, लेकिन यह रुकावट नहीं लगता.
• धीरे-धीरे दिखना: करीब 200 से 500 मिलीसेकंड. ध्यान रखें कि यह आखिर में झटका देगा और समय में कोई भी बदलाव करने से उस असर को कम नहीं किया जा सकेगा.
• बाउंस या इलास्टिक इफ़ेक्ट: करीब 800 से 1200 मिलीसेकंड. आपको इलास्टिक या बाउंस इफ़ेक्ट के "सेटल" होने के लिए समय देना होगा. इस अतिरिक्त समय के बिना, एनिमेशन का इलास्टिक बाउंसिंग हिस्सा तेज़ और आंखों को अप्रिय लगेगा.

बेशक, ये सिर्फ़ दिशा-निर्देश हैं. अपने हिसाब से एक्सपेरिमेंट करें और अपने प्रोजेक्ट के लिए सही विकल्प चुनें.