अपने प्रोजेक्ट के लिए सही ईज़िंग चुनें. चाहे वह ईज़िंग हो, अंदर हो, बाहर हो या दोनों हो. शायद ज़्यादा मनोरंजन के लिए बाउंस का भी इस्तेमाल करें!
ऐनिमेशन में ईज़िंग के लिए उपलब्ध अलग-अलग विकल्पों के बारे में चर्चा करने के बाद, आपको अपने प्रोजेक्ट में किस तरह के विकल्पों का इस्तेमाल करना चाहिए, और आपके ऐनिमेशन की अवधि कितनी होनी चाहिए?
खास जानकारी
- यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए, आसानी से दिखने वाले ऐनिमेशन का इस्तेमाल करें; क्विंटिक ईज़-आउट, बहुत अच्छा है, लेकिन फटाफट भी और आसानी से.
- ऐनिमेशन अवधि का उपयोग करना न भूलें; ईज़-आउट और ईज़-इन की अवधि 200 मि॰से॰ से 500 मि॰से॰ होनी चाहिए, जबकि बाउंस और इलास्टिक ईज़ का समय 800 मि॰से॰ से 1200 मि॰से॰ से ज़्यादा होना चाहिए.
![क्विंटिक ईज़-आउट ऐनिमेशन कर्व.](https://web.dev/static/articles/choosing-the-right-easing/image/a-quintic-ease-animation-cea056c19527.png?authuser=6&hl=hi)
आम तौर पर, ईज़-आउट करना सही रहेगा. साथ ही, यह एक अच्छा डिफ़ॉल्ट विकल्प भी है. यह तुरंत शुरू हो जाता है, जिससे आपके ऐनिमेशन में रिस्पॉन्सिवनेस का एहसास होता है. यह मन की बात है, लेकिन आखिर में यह अच्छी तरह से धीमा हो जाता है.
सीएसएस में ease-out
कीवर्ड के साथ तय किए गए इक्वेशन के अलावा, आसानी से पहचाने जाने वाले इक्वेशन का एक ग्रुप है, जिनकी "एग्रेसिवनेस" रेंज में होती है. तेज़ी से ईज़-आउट इफ़ेक्ट के लिए, ईज़-आउट होने की शानदार सुविधा का इस्तेमाल करें.
क्विंटिक का ईज़-आउट ऐनिमेशन देखें
ईज़िंग के अन्य इक्वेशन, खास तौर पर बाउंस या इलास्टिक ईज़ का इस्तेमाल कम से कम तब करना चाहिए, जब वे आपके प्रोजेक्ट के लिए सही हों. कुछ ऐसी चीज़ें हैं, जो उपयोगकर्ता को झंकार वाले ऐनिमेशन जैसा अनुभव देती हैं. अगर प्रोजेक्ट को मज़ेदार नहीं बनाया गया है, तो यूज़र इंटरफ़ेस (यूआई) के आस-पास बाउंस करने वाले एलिमेंट न हों. इसके ठीक उलट, अगर आपको कोई ऐसी साइट बनानी है जो बनावटी न हो, तो बाउंस का इस्तेमाल करें!
आसानी से काम करें, देखें कि कौनसी चीज़ें आपके प्रोजेक्ट की खासियत से मेल खाती हैं और फिर आगे बढ़ें. डेमो के साथ ईज़िंग के टाइप की पूरी सूची देखने के लिए, easings.net देखें.
ऐनिमेशन की सही अवधि चुनें
यह ज़रूरी है कि आपके प्रोजेक्ट में जोड़े गए किसी भी ऐनिमेशन की अवधि सही हो. बहुत छोटा है और ऐनिमेशन काफ़ी तेज़ और असरदार दिखेगा; बहुत लंबी हो सकती है. इससे परेशानी और परेशानी होगी.
- ईज़-आउट: करीब 200 मि॰से॰ से 500 मि॰से॰. इससे आंख को ऐनिमेशन देखने का मौका मिलता है, लेकिन कोई रुकावट नहीं आती.
- ईज़-इन: करीब 200 मि॰से॰ से 500 मि॰से॰. इस बात का ध्यान रखें कि वीडियो के आखिर में झटका लग जाएगा और समय में जितना भी बदलाव किया जाएगा, वह असर कम नहीं करेगा.
- बाउंस या इलास्टिक इफ़ेक्ट: करीब 800 मि॰से॰ से 1200 मि॰से॰. आपको इलास्टिक या बाउंस इफ़ेक्ट को "सेटल" करने के लिए समय देना होगा. अगर आपको ज़्यादा समय नहीं देना होगा, तो ऐनिमेशन का इलास्टिक बाउंसिंग हिस्सा ज़्यादा एग्रेसिव और नज़र को खराब लग सकता है.
बेशक, ये सिर्फ़ दिशा-निर्देश हैं. अपनी सहजता के साथ एक्सपेरिमेंट करें और चुनें कि आपके प्रोजेक्ट के लिए क्या सही रहेगा.