Material 3 Expressive با استفاده از شکلهای ظرف انعطافپذیر برای گرد کردن و تیز کردن شعاعهای گوشه برای پشتیبانی از فهرستهای شکلگیری شکل و حالتهای دکمه، به زبان شکل به روشی بسیار گستردهتر و معنادارتر متمایل میشود. سیستم طراحی همچنین دکمههای در آغوش گرفتن لبهها را بهعنوان یک الگوی طراحی قابل مالکیت و نمادین برای دستگاههای گرد در Wear OS معرفی میکند.
مقیاس بندی عنصر UI را حفظ کنید
هنگام طراحی طرحبندیها بر روی یک صفحه گرد، نماهای پیمایشی و غیرپیمایشی هر کدام الزامات منحصربهفردی برای حفظ مقیاسبندی عنصر UI و حفظ یک چیدمان و ترکیب متعادل دارند.
نماهای پیمایشی
برای نماهای پیمایشی، از درصدها برای تعریف تمام حاشیه های بالا، پایین و کناری استفاده کنید تا از بریده شدن و ایجاد مقیاس بندی متناسب عناصر جلوگیری کنید.
تمام حاشیههای بالا، پایین و کناری باید بر حسب درصد تعریف شوند تا از بریده شدن و ایجاد مقیاسبندی متناسب عناصر جلوگیری شود.
نماهای بدون پیمایش
برای نماهای بدون پیمایش، از درصدها و محدودیت های عمودی برای همه حاشیه ها استفاده کنید. به این ترتیب، محتوای اصلی در وسط میتواند کشیده شود تا منطقه موجود را پر کند.
تمام حاشیه ها باید بر حسب درصد و محدودیت های عمودی باید به گونه ای تعریف شوند که محتوای اصلی در وسط بتواند برای پر کردن منطقه موجود کشیده شود.
سطوح دستورالعمل های کیفیت
دستورالعمل های کیفیت ما در سه سطح سازماندهی شده است. با رعایت دستورالعمل ها در هر سه سطح، بهترین تجربه ممکن را برای کاربران خود فعال کنید.
آماده برای تمام اندازه های صفحه نمایش
مطمئن شوید که برنامه شما تجربه ای با کیفیت در تمام اندازه های صفحه نمایش ارائه می دهد. طرحبندیهایی ایجاد کنید که به طور کامل از فضای برنامه موجود استفاده کند.
پاسخگو و بهینه شده
محتوای بیشتری را در دستگاههایی که به کاربران اجازه میدهند، ارائه دهید و از طرحبندیهای واکنشگرا که بهطور خودکار با اندازههای مختلف صفحهنمایش سازگار میشوند، استفاده کنید.
تطبیقی و متمایز
با استفاده از نقاط شکست برای ارائه تجربیات جدید قدرتمند در صفحه نمایش های بزرگتر که در دستگاه هایی با صفحه نمایش کوچکتر امکان پذیر نیست، از املاک و مستغلات بیشتر نهایت استفاده را ببرید.