آندرويد 16 و Material 3 Expressive يقدمان أكبر إعادة تصميم بصري من Google منذ عام 2021

ما الذي يغيره Material 3 Expressive فعليًا

قدمت Google Material 3 Expressive في Google I/O 2025 كتطور تالٍ لنظام تصميم Material، ويأتي كمكون أساسي في آندرويد 16. هذا ليس مجرد تغيير للجلد. التحديث يعيد بناء أربع طبقات أساسية من المكدس البصري لآندرويد: فيزياء الحركة، واللون التكيفي، وعمق السمة الديناميكي، والتعبيرية للمكونات. منذ إطلاق Material You مع آندرويد 12 في عام 2021، لم يمس أي إصدار تصميم واحد هذا العدد من الأسطح في وقت واحد.

يستهدف Material 3 Expressive واجهة مستخدم النظام وتطبيقات الطرف الثالث على حد سواء. العناصر النظامية — الإشعارات، الإعدادات السريعة، أدوات شاشة القفل، ودرج التطبيقات — كلها تتلقى منحنيات حركة ومنطق ألوان محدثين. تطبيقات الطرف الثالث تحصل على وصول إلى واجهات برمجية جديدة في مكتبة مكونات Material 3 Expressive، والتي تحل محل عدة مكونات قديمة وتقدم بدائيات تفاعل جديدة تتوافق مع نموذج الفيزياء المحدّث.

فيزياء الحركة: منحنيات نابضية تحل محل الاستيفاء الخطي

أهم تغيير تقني في Material 3 Expressive هو استبدال التيسير الخطي المستند إلى المدة بنموذج فيزياء نابضية. انتقالات Material Design السابقة حددت مددًا ثابتة — 200ms، 300ms، 400ms — وقامت بتعيينها إلى منحنيات بيزيه مكعبة. انتقالات Material 3 Expressive بدلاً من ذلك تحدد نسب الصلابة والتخميد.

هذا مهم لسببين. أولاً، الفيزياء النابضية تنتج رسومًا متحركة قابلة للمقاطعة بشكل طبيعي. إذا عكس المستخدم إيماءة في منتصف الانتقال، يمكن للرسوم المتحركة أن تعكس من سرعتها الحالية بدلاً من القفز إلى حالة البداية. ثانيًا، الرسوم المتحركة النابضية تتكيف مع معدلات تحديث الشاشة دون الحاجة إلى تعريفات رسوم متحركة منفصلة للوحات 60Hz و90Hz و120Hz. نفس تعريف النابض يعمل بشكل صحيح عبر الثلاثة. أظهر الاختبار الداخلي لـ Google انخفاضًا بنسبة 32% في الاهتزاز المدرك على انتقالات الإيماءات المتقطعة عند مقارنة الفيزياء النابضية مع تيسير بيزيه المكعب بتعقيد بصري مكافئ.

التأثير العملي للمطورين

المطورون الذين يستخدمون Jetpack Compose يحصلون على وصول إلى الفيزياء المحدّثة عبر spring() و tween() animationSpecs، مع رموز مسبقة جديدة لفئات الحركة في Material 3 Expressive: Emphasized، Standard، و Decelerate. كل منها ينتظم إلى زوج من قيم الصلابة والتخميد. المطورون الذين يستهدفون نظام View يتلقون دعمًا مكافئًا عبر تحديثات MotionLayout و Transition API في ConstraintLayout 2.2.

اللون التكيفي: ثلاث لوحات لونية، تقسيم ديناميكي

قدم Material You في 2021 اللون الديناميكي — استخراج لون بذرة من خلفية الشاشة وتوليد لوحة لونية. Material 3 Expressive يوسع هذا إلى ثلاث لوحات متزامنة يمكن أن تتعايش في شاشة واحدة وتتحول بشكل مستقل بناءً على سياق المحتوى.

اللوحات الثلاث هي:

• اللوحة الأساسية: مشتقة من اللون السائد لخلفية الشاشة، دون تغيير عن Material You
• اللوحة الثانوية: مكونة من مجموعة الألوان الثانوية لخلفية الشاشة، بنطاق لوني أوسع — 12 خطوة لونية بدلاً من 6 السابقة
• اللوحة الثالثة: لوحة تأكيدية تعبيرية محسوبة باستخدام دوران الفضاء اللوني HCT (Hue, Chroma, Tone)، دائمًا متناسقة الألوان مع اللوحة الأساسية

النتيجة العملية هي أن شاشة آندرويد 16 يمكنها عرض ما يصل إلى ثلاث عائلات لونية متميزة دون تضارب بصري، لأن خوارزمية HCT تضمن بقاء اللوحات الثلاث متناغمة إدراكيًا. هذا يتيح أنماط واجهة مستخدم كانت محفوفة بالمخاطر سابقًا — مثل بطاقة تستخدم اللوحة الثالثة مقابل سطح يستخدم اللوحة الأساسية — لتقديمها بشكل موثوق عبر جميع مدخلات خلفية الشاشة، بما في ذلك الصور ذات التدرج الرمادي.

عمق السمة الديناميكي: الارتفاع والشفافية يحصلان على طبقات دلالية

قدم Material 3 تلوين السطح — الأسطح المرتفعة تكتسب لونًا من اللون الأساسي متناسبًا مع مستوى ارتفاعها. Material 3 Expressive يستبدل هذا بنموذج عمق دلالي يفصل العمق البصري عن الارتفاع الفيزيائي في شجرة التخطيط.

تحت النموذج القديم، حوار بارتفاع 12dp يتلقى مستوى تلوين معين بغض النظر عن دوره الدلالي. تحت Material 3 Expressive، تعلن المكونات عن دور عمق — Sheet، Overlay، Container، أو Card — ويطبق محرك السمة عرض العمق بناءً على الدور وليس الارتفاع الخام. هذا يمنع العكارة البصرية التي حدثت عندما تتراكم أسطح مرتفعة متعددة في تطبيقات Material 3 القديمة.

معالجة الشفافية تتغير أيضًا. Material 3 Expressive يقدم طبقات شفافة بنهج مزج ضبابي جديد يحترم مكدس العمق الدلالي. شاشة القفل في آندرويد 16 تستخدم هذا النظام لعرض خلفية ضبابية، وشفافية عنصر واجهة المستخدم الأمامي، وشفافية بلاط الإشعارات كنظام طبقي متماسك بدلاً من قيم مكونة بشكل فردي.

مفردات المكونات الجديدة: ما يصل في المكتبة

مكتبة مكونات Material 3 Expressive تضيف 12 مكونًا جديدًا وتحدث 8 مكونات موجودة. الإضافات البارزة تشمل:

• Floating Toolbar: شريط أدوات سياقي يثبت على النص أو الكائنات المحددة، باستخدام الفيزياء النابضية لرسوم الظهور/الاختفاء
• Loading Indicators: ثلاثة متغيرات جديدة تحل محل مؤشر التقدم الدائري الواحد — Containment، Linear Dotted، و Circular Dotted — بدلالات وصول محسنة
• Split Button: زر ثنائي الإجراء يحل محل نمط FAB الممتد + الإجراء الثانوي في واجهات المستخدم كثيفة التنقل
• Card Carousel: مجموعة بطاقات قابلة للتمرير أفقيًا مع سلوك نظرة خاطفة ونقاط التقاط للفيزياء النابضية، لتحل محل تكوينات RecyclerView اليدوية

ثمانية مكونات موجودة تتلقى طبقات حالة وسلوك تموج ومواصفات حركة محدثة. مكونا Chip و NavigationBar على وجه الخصوص يدعمان الآن تغييرات الحالة التعبيرية — الشريحة المحددة تغير شكلها بدلاً من تغيير اللون فقط.

ما يجب على المطورين فعله قبل إطلاق آندرويد 16

آندرويد 16 مقرر إطلاقه في الربع الثاني من 2026، مع SDK النهائي متاح الآن على قناة معاينة المطورين لآندرويد. ثلاثة إجراءات فورية ذات صلة:

• تدقيق وراثة السمة: التطبيقات التي ترث من Theme.Material3 ستتلقى تلقائيًا بعض تغييرات Material 3 Expressive. قم بتدقيق تجاوزات المكونات المخصصة قبل الإطلاق النهائي لتجنب الانحدارات البصرية غير المقصودة.
• الترحيل إلى واجهات برمجة الرسوم المتحركة في Compose: التطبيقات التي لا تزال تستخدم ObjectAnimator أو ViewPropertyAnimator للانتقالات لن تستفيد من الفيزياء النابضية. مسار الترحيل إلى واجهات برمجة animate*AsState في Compose هو المسار الموصى به.
• الاختبار مع جميع أنواع خلفيات الشاشة: نظام اللوحات الثلاث ينتج نتائج مختلفة لخلفيات الشاشة أحادية اللون، عالية التشبع، والتصويرية. يأتي محاكي آندرويد 16 مع مجموعة خلفيات مرجعية تغطي الحالات الثلاث.

ما سيلاحظه المستخدمون أولاً

بالنسبة لغير المطورين، التغييرات الأكثر وضوحًا فورًا هي في استجابة الإيماءات وظهور الإشعارات. السحب للإزالة على الإشعارات، السحب للتحديث في Gmail و Chrome، وانتقالات فتح/إغلاق التطبيق تستخدم جميعها الفيزياء النابضية الجديدة. هذه تبدو أكثر مرونة وقابلية للمقاطعة من نظيراتها في آندرويد 15.

شاشة القفل تتلقى التحديث الأكثر ظهورًا: خلفية ضبابية، تخطيط عنصر واجهة الساعة، وبلاط الإشعارات جميعها تتبنى نموذج العمق الجديد. على أجهزة Pixel 9 و 9 Pro، تشحن Google تطبيقًا مرجعيًا يستخدم اللوحة الثالثة للون الساعة، مما يخلق شاشة قفل ثلاثية الألوان تتكيف ديناميكيًا مع خلفية الشاشة دون تكوين يدوي.

الخلاصات الرئيسية

• يأتي Material 3 Expressive مع آندرويد 16 وهو أكبر تحديث لـ Material Design منذ Material You في 2021
• الفيزياء النابضية تحل محل التيسير المستند إلى المدة، مما ينتج رسومًا متحركة قابلة للمقاطعة تتكيف مع أي معدل تحديث للشاشة
• ثلاث لوحات لونية متزامنة توسع اللون الديناميكي بعائلات لونية ثانوية وثالثة متناسقة مع HCT
• أدوار العمق الدلالي تفصل الطبقات البصرية عن الارتفاع الخام، مما يصلح تضاربات تلوين الأسطح المتعددة
• 12 مكونًا جديدًا و 8 مكونات محدثة متاحة الآن في مكتبة Material 3 Expressive
• يجب على المطورين تدقيق وراثة السمة وترحيل الرسوم المتحركة المستندة إلى View إلى Compose قبل إطلاق الربع الثاني من 2026