فورآموز

قالب HTML Material Dashboard

قالب HTML Material Dashboard :

همواره طراحان وب سایت با این چالش مواجه اند تا یک زبان بصری برای کاربران به وجود آورند که علاوه بر همگام بودن با اصول طراحی کلاسیک، شامل امکانات و فن آوری های نوین و خلاقانه باشد. گوکل در سال ۲۰۱۴ قالب HTML Material Dashboard را با هدف ارائه راهنمایی در جهت طراحی زیبا، رابط کاربری مناسب و طراحی ریسپانسیو منتشر کرد.

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

کتابخانه متریال دیزاین شامل طیف عظیمی از کامپوننت های مختلف می باشد که می توانیم به دکمه، تولتیپ، صفحه بندی ریسپانسیو و … اشاره کنیم. این کامپوننت ها همگی براساس استانداردهای تعریف شده و با اصولی مشخص تهیه و ارائه شده اند. توسعه کنندگان Material Design وعده داده اند که بر این نمونه کدها اضافه خواهند کرد و امکانات جدیدی به آن اضافه خواهد شد.

قالب HTML Material Dashboard در مرورگر های مدرن مانند اپرا، فایر فاکس، گوگل کروم و … به آسانی کار میکند. ولی در اینترنت اکسپلورر ورژن ۹ کمی با مشکل روبرو است.

ویژگی های قالب Material Dashboard :

  • بوت استرپ ۴x و طراحی متریال
  • استایل با CSS , SCSS
  • جی کوئری ۳٫۳٫۱
  • قالب پروفایل کاربری
  • صفحات مورد نیاز جهت طراحی سایت
  • سازگار با تمامی دستگاه ها ( ریسپانسیو)

قالب متریال داشبورد یک داشبورد مدیریت مدرن متریال و بوت استرپ ۴x طراحی شده است.

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

تصاویر:

 

 

 

 

قوانین ارسال دیدگاه

  • دیدگاه های فینگلیش تایید نخواهند شد.
  • دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
  • از درج دیدگاه های تکراری پرهیز نمایید.

دیدگاهها

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

اولین نفری باشید که دیدگاهی را ارسال می کنید برای “قالب HTML Material Dashboard”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *