اندروید ۱۶ و Material 3 Expressive بزرگ‌ترین تحول طراحی بصری گوگل از سال ۲۰۲۱ را ارائه می‌دهند

تغییرات واقعی Material 3 Expressive چیست؟

گوگل Material 3 Expressive را در Google I/O 2025 به عنوان تکامل بعدی سیستم طراحی Material معرفی کرد و این سیستم به عنوان یک مؤلفه اصلی اندروید ۱۶ عرضه می‌شود. این یک پوسته‌سازی ساده نیست. این به‌روزرسانی چهار لایه بنیادی پشته بصری اندروید را بازسازی می‌کند: فیزیک حرکت، رنگ تطبیقی، عمق تم‌دهی پویا و قابلیت بیان مؤلفه‌ها. از زمان عرضه Material You با اندروید ۱۲ در سال ۲۰۲۱، هیچ انتشار طراحی واحدی به این تعداد از سطوح را همزمان لمس نکرده است.

Material 3 Expressive هم UI سیستم و هم برنامه‌های شخص ثالث را هدف قرار می‌دهد. عناصر سیستمی — اعلان‌ها، تنظیمات سریع، ویجت‌های صفحه قفل و کشوی برنامه — همگی منحنی‌های حرکت و منطق رنگ به‌روزرسانی‌شده دریافت می‌کنند. برنامه‌های شخص ثالث به APIهای جدید در کتابخانه مؤلفه Material 3 Expressive دسترسی پیدا می‌کنند که جایگزین چندین مؤلفه قدیمی می‌شود و تعاملات اولیه جدیدی را معرفی می‌کند که با مدل فیزیک به‌روزرسانی‌شده هماهنگ هستند.

فیزیک حرکت: منحنی‌های فنری جایگزین درون‌یابی خطی

مهم‌ترین تغییر فنی در Material 3 Expressive جایگزینی آسان‌سازی خطی مبتنی بر مدت‌زمان با مدل فیزیک مبتنی بر فنر است. انتقال‌های قبلی Material Design مدت‌زمان‌های ثابت — ۲۰۰ میلی‌ثانیه، ۳۰۰ میلی‌ثانیه، ۴۰۰ میلی‌ثانیه — را مشخص می‌کردند و آن‌ها را به منحنی‌های بزیه مکعبی نگاشت می‌کردند. انتقال‌های Material 3 Expressive به جای آن نسبت‌های سفتی و میرایی را تعریف می‌کنند.

این به دو دلیل مهم است. اول، فیزیک فنری انیمیشن‌های قابل قطع طبیعی تولید می‌کند. اگر کاربر یک ژست را در میانه انتقال معکوس کند، انیمیشن می‌تواند از سرعت فعلی خود معکوس شود نه اینکه به حالت شروع بپرد. دوم، انیمیشن‌های فنری بدون نیاز به تعاریف جداگانه انیمیشن برای پنل‌های ۶۰Hz، ۹۰Hz و ۱۲۰Hz، با نرخ تازه‌سازی نمایشگر سازگار می‌شوند. همان تعریف فنر در هر سه حالت به درستی رندر می‌شود. آزمایش داخلی گوگل کاهش ۳۲ درصدی لرزش درک شده را در انتقال‌های ژست قطع شده هنگام مقایسه فیزیک فنری با آسان‌سازی بزیه مکعبی در پیچیدگی بصری معادل نشان داد.

تأثیر عملی برای توسعه‌دهندگان

توسعه‌دهندگانی که از Jetpack Compose استفاده می‌کنند از طریق spring() و tween() animationSpecها به فیزیک به‌روزرسانی‌شده دسترسی پیدا می‌کنند، با نشانه‌های از پیش تعیین‌شده جدید برای دسته‌بندی‌های حرکت Material 3 Expressive: Emphasized، Standard و Decelerate. هر کدام به یک جفت مقادیر سفتی و میرایی نگاشت می‌شوند. توسعه‌دهندگانی که سیستم View را هدف قرار می‌دهند از طریق به‌روزرسانی‌های MotionLayout و Transition API در ConstraintLayout 2.2 پشتیبانی معادل دریافت می‌کنند.

رنگ تطبیقی: سه پالت رنگی، تقسیم‌بندی پویا

Material You در سال ۲۰۲۱ رنگ پویا را معرفی کرد — استخراج یک رنگ دانه از تصویر زمینه و تولید یک پالت رنگی. Material 3 Expressive این را به سه پالت همزمان گسترش می‌دهد که می‌توانند در یک صفحه همزیستی کنند و به طور مستقل بر اساس زمینه محتوا تغییر کنند.

سه پالت عبارتند از:

• پالت اولیه: برگرفته از رنگ غالب تصویر زمینه، بدون تغییر از Material You
• پالت ثانویه: تولید شده از خوشه رنگ ثانویه تصویر زمینه، با دامنه رنگی گسترده‌تر — ۱۲ گام رنگی به جای ۶ گام قبلی
• پالت سوم: یک پالت تأکیدی گویا که با استفاده از چرخش فضای رنگی HCT (Hue, Chroma, Tone) محاسبه می‌شود و همیشه از نظر رنگ با پالت اولیه هماهنگ است

نتیجه عملی این است که یک صفحه اندروید ۱۶ می‌تواند تا سه خانواده رنگی متمایز را بدون تضاد بصری نمایش دهد، زیرا الگوریتم HCT تضمین می‌کند که هر سه پالت از نظر ادراکی هماهنگ باقی می‌مانند. این امکان الگوهای UI را فراهم می‌کند که قبلاً پرخطر بودند — مانند یک کارت که از پالت سوم در برابر سطحی با پالت اولیه استفاده می‌کند — که به طور قابل اعتماد در تمام ورودی‌های تصویر زمینه، از جمله تصاویر خاکستری، رندر شوند.

عمق تم‌دهی پویا: ارتفاع و شفافیت لایه‌های معنایی دریافت می‌کنند

Material 3 رنگ‌آمیزی سطح را معرفی کرد — سطوح مرتفع رنگی از رنگ اولیه متناسب با سطح ارتفاع خود دریافت می‌کردند. Material 3 Expressive این را با یک مدل عمق معنایی جایگزین می‌کند که عمق بصری را از ارتفاع فیزیکی در درخت چیدمان جدا می‌کند.

در مدل قدیمی، یک گفت‌وگو در ارتفاع 12dp صرف نظر از نقش معنایی خود یک سطح رنگ خاص دریافت می‌کرد. در Material 3 Expressive، مؤلفه‌ها یک نقش عمق — Sheet، Overlay، Container یا Card — را اعلام می‌کنند و موتور تم‌دهی بر اساس نقش، نه ارتفاع خام، رندر عمق را اعمال می‌کند. این از تیرگی بصری که هنگام انباشته شدن چندین سطح مرتفع در پیاده‌سازی‌های قدیمی Material 3 رخ می‌داد جلوگیری می‌کند.

مدیریت شفافیت نیز تغییر می‌کند. Material 3 Expressive لایه‌های نیمه شفاف را با یک رویکرد ترکیب محو جدید معرفی می‌کند که به پشته عمق معنایی احترام می‌گذارد. صفحه قفل در اندروید ۱۶ از این سیستم برای رندر پس‌زمینه محو، شفافیت ویجت پیش‌زمینه و نیمه شفافیت کاشی اعلان به عنوان یک سیستم لایه‌ای منسجم به جای مقادیر پیکربندی‌شده جداگانه استفاده می‌کند.

دایره‌المعارف جدید مؤلفه‌ها: چه چیزی در کتابخانه عرضه می‌شود

کتابخانه مؤلفه Material 3 Expressive ۱۲ مؤلفه جدید اضافه می‌کند و ۸ مؤلفه موجود را به‌روزرسانی می‌کند. اضافات قابل توجه عبارتند از:

• Floating Toolbar: یک نوار ابزار زمینه‌ای که به متن یا اشیاء انتخاب‌شده متصل می‌شود و از فیزیک فنری برای انیمیشن‌های ظاهر/ناپدید شدن استفاده می‌کند
• Loading Indicators: سه نوع جدید جایگزین نشانگر پیشرفت دایره‌ای واحد — Containment، Linear Dotted و Circular Dotted — با معناشناسی دسترسی بهبودیافته
• Split Button: یک دکمه دو عملی که جایگزین الگوی FAB گسترده + دکمه ثانویه در UIهای پر پیمایش می‌شود
• Card Carousel: یک گروه کارت افقی با قابلیت پیمایش با رفتار نگاه اجمالی و نقاط اتصال فیزیک فنری که جایگزین پیکربندی‌های دستی RecyclerView می‌شود

هشت مؤلفه موجود لایه‌های حالت، رفتار موج و مشخصات حرکت به‌روزرسانی‌شده دریافت می‌کنند. به طور خاص مؤلفه‌های Chip و NavigationBar اکنون از تغییرات حالت گویا پشتیبانی می‌کنند — چیپ انتخاب‌شده به جای تغییر رنگ، شکل خود را تغییر می‌دهد.

توسعه‌دهندگان قبل از عرضه اندروید ۱۶ چه باید بکنند

اندروید ۱۶ برای انتشار در سه‌ماهه دوم ۲۰۲۶ برنامه‌ریزی شده است، با SDK نهایی که هم‌اکنون در کانال پیش‌نمایش توسعه‌دهندگان اندروید در دسترس است. سه اقدام فوری هستند:

• بازبینی ارث‌بری تم: برنامه‌هایی که از Theme.Material3 ارث‌بری می‌کنند به طور خودکار برخی تغییرات Material 3 Expressive را دریافت می‌کنند. قبل از انتشار نهایی، بازنویسی‌های سفارشی مؤلفه را بازبینی کنید تا از پسرفت‌های بصری ناخواسته جلوگیری شود.
• مهاجرت به APIهای انیمیشن Compose: برنامه‌هایی که هنوز از ObjectAnimator یا ViewPropertyAnimator برای انتقال‌ها استفاده می‌کنند از فیزیک فنری بهره‌مند نخواهند شد. مسیر مهاجرت به APIهای animate*AsState Compose مسیر توصیه‌شده است.
• آزمایش با انواع تصاویر زمینه: سیستم سه‌پالتی برای تصاویر زمینه تک‌رنگ، با اشباع بالا و عکاسی نتایج متفاوتی تولید می‌کند. شبیه‌ساز اندروید ۱۶ با یک مجموعه تصاویر زمینه مرجع شامل هر سه مورد عرضه می‌شود.

کاربران اول چه چیزی را متوجه خواهند شد

برای غیرتوسعه‌دهندگان، قابل‌درک‌ترین تغییرات در پاسخ‌دهی ژست و ظاهر اعلان‌ها است. سوایپ برای رد اعلان‌ها، کشیدن برای تازه‌سازی در Gmail و Chrome، و انتقال‌های باز و بسته شدن برنامه همگی از فیزیک فنری جدید استفاده می‌کنند. این‌ها نسبت به معادل‌های اندروید ۱۵ خاصیت ارتجاعی و قابلیت قطع بیشتری دارند.

صفحه قفل قابل‌مشاهده‌ترین به‌روزرسانی را دریافت می‌کند: محو پس‌زمینه، چیدمان ویجت ساعت و کاشی‌های اعلان همگی مدل عمق جدید را اتخاذ می‌کنند. در سخت‌افزار Pixel 9 و 9 Pro، گوگل یک پیاده‌سازی مرجع ارائه می‌دهد که از پالت سوم برای رنگ ساعت استفاده می‌کند و یک صفحه قفل سه‌رنگی ایجاد می‌کند که بدون پیکربندی دستی به طور پویا با تصویر زمینه سازگار می‌شود.

نکات کلیدی

• Material 3 Expressive با اندروید ۱۶ عرضه می‌شود و بزرگ‌ترین به‌روزرسانی Material Design از زمان Material You در سال ۲۰۲۱ است
• فیزیک فنری جایگزین آسان‌سازی مبتنی بر مدت‌زمان می‌شود و انیمیشن‌های قابل قطعی تولید می‌کند که با هر نرخ تازه‌سازی نمایشگر سازگار می‌شوند
• سه پالت رنگی همزمان رنگ پویا را با خانواده‌های رنگی ثانویه و سوم هماهنگ‌شده با HCT گسترش می‌دهند
• نقش‌های عمق معنایی لایه‌بندی بصری را از ارتفاع خام جدا می‌کنند و تعارض‌های رنگ چندسطحی را برطرف می‌کنند
• ۱۲ مؤلفه جدید و ۸ مؤلفه به‌روزرسانی‌شده هم‌اکنون در کتابخانه Material 3 Expressive در دسترس هستند
• توسعه‌دهندگان باید قبل از انتشار در سه‌ماهه دوم ۲۰۲۶ ارث‌بری تم را بازبینی کرده و انیمیشن‌های مبتنی بر View را به Compose مهاجرت دهند