منحنى التخفيف القياسي لتصميم المواد
صمم دالة توقيت CSS cube-bezier() مخصصة عن طريق سحب نقطتي تحكم، ومعاينتها مباشرة مقابل مرجع خطي، ثم انسخ القيمة الجاهزة.
النتيجة
تفتح هذه الصفحة المولد مع تحميل x1=0.4، y1=0، x2=0.2، y2=1 بالفعل — منحنى التخفيف القياسي المنشور في إرشادات حركة التصميم متعدد الأبعاد من Google. قم بسحب المقبض أو تحرير الأرقام والمنحنى والمعاينة المباشرة وتحديث CSS القابل للنسخ معًا.
يطلق التصميم متعدد الأبعاد على هذا المنحنى اسم "التخفيف القياسي" ويوصي به لمعظم التحولات التي تظهر على الشاشة - وهي العناصر المرئية بالفعل والتي تتحرك ببساطة أو يتم تغيير حجمها أو تتلاشى داخل نفس الشاشة. يتسارع شكله بسرعة، ثم يتباطأ بلطف في مكانه، ولهذا السبب تشترك العديد من تطبيقات Android وواجهات المستخدم على الويب ذات التصميم المادي في نفس الشعور بالانتقال دون أن يلاحظ أي شخص أنهم يستخدمون نفس الأرقام الأربعة.
أسقطها مباشرة في وظيفة توقيت الانتقال أو وظيفة توقيت الرسوم المتحركة للحصول على إحساس متسق مع المادة، أو استخدمها كنقطة مرجعية: تحدد إرشادات المواد أيضًا منحنيات "تباطؤ" و"تسريع" منفصلة للعناصر التي تدخل الشاشة أو تخرج منها، والتي ليس من المفترض أن يحل هذا المنحنى القياسي الفردي محلها.