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