رابط کاربری responsive در طراحی متریال

رابط کاربری responsive

ساختارهای responsive در متریال دیزاین میتوانند با هر اندازه صفحه نمایشی هماهنگ شوند. این راهنمای رابط کاربری شامل یک شبکه انعطاف پذیر که استواری و ثبات را در بین ساختارها تضمین میکند، جزئیات نقاط انفصال در مورد اینکه محتوا چگونه در صفحه نمایش های مختلف دوباره جاری میشود و توضیحی راجع به اینکه یک برنامه چگونه از صفحه نمایش با اندازه کوچک به بزرگ تغییر میکند.

نقاط انفصال :

برای ایجاد بهترین تجربه برای کاربر، رابط های کاربری در متریال دیزاین باید ساختارها را با نقاط انفصال در پهنای 480، 600، 840، 960، 1280، 1440 و 1600dp ، سازگار نمایند.

1. نمایش محتوا به صورت خلاصه و با جزئیات در ساختارها :
   • ساختارها با پهنای کمتر از 600dp صفحه را با یک سطح واحد از سلسله مراتب محتوا پر میکنند. (یا به صورت خلاصه یا با جزئیات، ولی هر دو با هم نه)
   • ساختارها با پهنای بالای 600dp میتوانند دو سطح از سلسله مراتب محتوا را در صفحه قرار دهند. (هم خلاصه و هم جزئیات)
2. حداکثر پهنای صفحه نمایش

• وسط نویس  میشود با حاشیه های افزایش یافته.
• در حالت چپ نویس باقی میماند در حالی که حاشیه راست آن افزایش می یابد.
• زمانی که محتوای اضافی ایجاد میشود به بزرگ شدن ادامه میدهد.

سیستم نقاط انفصال :

• 16dp زمانی که کوچکترین پهنا برای دستگاه کوچکتر از 600 (<600) میباشد.
• در desktop نقاط انفصال، 16dp پایین تر از مقادیر موجود در لیست میباشند(جهت سازگار شدن با انواع مختلف در مرورگر chrome).