सामग्री डिजाइन मानक सहजता वक्र
दो नियंत्रण बिंदुओं को खींचकर एक कस्टम सीएसएस क्यूबिक-बेज़ियर () टाइमिंग फ़ंक्शन डिज़ाइन करें, इसे एक रैखिक संदर्भ के विरुद्ध लाइव पूर्वावलोकन करें, फिर तैयार मान की प्रतिलिपि बनाएँ।
नतीजा
यह पृष्ठ जनरेटर को पहले से लोड किए गए x1=0.4, y1=0, x2=0.2, y2=1 के साथ खोलता है - Google के सामग्री डिज़ाइन गति दिशानिर्देशों में प्रकाशित मानक सहजता वक्र। या तो हैंडल को खींचें या संख्याओं और वक्र, लाइव पूर्वावलोकन और कॉपी करने योग्य सीएसएस अपडेट को एक साथ संपादित करें।
मटेरियल डिज़ाइन इस वक्र को "मानक सहजता" कहता है और अधिकांश ऑन-स्क्रीन बदलावों के लिए इसकी अनुशंसा करता है - ऐसे तत्व जो पहले से ही दिखाई दे रहे हैं और बस एक ही स्क्रीन के भीतर घूम रहे हैं, आकार बदल रहे हैं या लुप्त हो रहे हैं। इसका आकार तेजी से बढ़ता है, फिर धीरे-धीरे अपनी जगह पर धीमा हो जाता है, यही कारण है कि इतने सारे एंड्रॉइड ऐप्स और मटेरियल-स्टाइल वेब यूआई एक ही संक्रमण अनुभव साझा करते हैं, बिना किसी को ध्यान दिए कि वे समान चार नंबरों का उपयोग कर रहे हैं।
सामग्री-संगत अनुभव के लिए इसे सीधे ट्रांज़िशन-टाइमिंग-फ़ंक्शन या एनीमेशन-टाइमिंग-फ़ंक्शन में छोड़ें, या इसे संदर्भ बिंदु के रूप में उपयोग करें: सामग्री के दिशानिर्देश स्क्रीन में प्रवेश करने या छोड़ने वाले तत्वों के लिए अलग-अलग "धीमे" और "त्वरित" वक्र भी परिभाषित करते हैं, जिन्हें यह एकल मानक वक्र प्रतिस्थापित करने के लिए नहीं है।