الگو ها در طراحی متریال

الگو ها در طراحی متریال

تاریخ انتشار: 11 بهمن 1394

تعداد بازدید: 2 نفر

الگو ها :

همچنان که فضای صفحه نمایش افزایش می یابد، الگوهای responsive زیر میتوانند به عناصر اعمال شوند :
  • نمایان شدن
  • تغییر کردن
  • تقسیم شدن
  • دوباره جاری شدن
  • گسترده شدن
  • تغییر مکان

نمایان شدن :

رابط کاربری به به دلیل کوچک بودن صفحه نمایش پنهان بوده با افزایش فضای صفحه نمایش میتواند نمایان شود.


عناصری مانند منوهای راهبری جانبی میتوانند نمایان شوند.


یک رابط کاربری ساده میتواند به صورت قوی تر با آپشن های بیشتر نمایش داده شود.


محتوایی که در یک فضای کوچک فقط بخشی از آن مشاهده میشود و با کلیک کردن بر روی یک دکمه باز میشود، در حالت وجود فضای کافی میتواند باز شده و کامل نمایش داده شود.

 

تغییر شکل دادن :

یک عنصر رایط کاربری میتواند از یک فرمت به فرمت دیگر تغییر شکل دهد.

منوی راهبری جانبی میتواند تبدیل به کلید (tab) شود.


یک لیست میتواند به یک لیست شبکه ای تبدیل شود.


آیتم های یک منو میتوانند به آیکون ها در نوار ابزار تبدیل شوند.

تقسیم شدن :

رابط کاربری لایه ای میتواند در داخل فضای جدید تقسیم شود.
 

منوی جانبی، لیست محتوا و محتوای کامل در صفحه تقسیم میشوند.


پنل سمت چپ، لیست محتوا و پنل سمت راست همانطور که فضا افزایش می یابد در صفحه تقسیم میشوند.


محتواهای کلید مانند در داخل فضای واحد تقسیم میشوند.
 

دوباره جاری شدن (reflow) :

رابط کاربری میتواند در فضای موجود دوباره جاری شود.
 

عناصر در یک فرمت تک ستونه میتوانند برای پر کردن محدوده محتوا، در ترکیب های مختلف دوباره جاری شوند.


کلیدهای افقی میتوانندبه حالت یک لیست عمودی دوباره جاری شوند.


عناصر میتوانند با توجه به نرخ تصویر جدید یا راستای جدید در دستگاه، دوباره جاری شوند.

گسترده شدن :

رابط کاربری میتواند در فضای جدید گسترده شود.
 

کارت های محتوا میتوانند برای پر کردن فضای جدید گسترده شوند.


دیالوگ ها میتوانند به نسبت محتوا یا به اندازه خاصی گسترده شوند.
 

تغییر مکان :

مکان عنصر رابط کاربری میتواند به یک مکان مناسب تر تغییر پیدا نماید.
 

یک برگه در انتهای یک صفحه میتواند تغییر مکان دهد و به حالت یک منو درآید.


یک دکمه عملیاتی شناور میتواند به مکان واضح تری نسبت به عناصر رابط کاربری دیگر تغییر مکان دهد.

اشتراک گذاری:
021-41658