آموزش مفاهیم پایه در Material Design جلسه اول

Material Design

Material Design Lite، یا DML یک کتابخانه کامپوننت UI است که با CSS، JavaScript و HTML ساخته شده است. DML در ساختن صفحات و اپلیکیشن های وب جذاب، یکپارچه و کاربردی کمک می کند، در عین حال که به اصول طراحی وب مدرن مانند قابلیت حمل در مرورگرها، مستقل از دستگاه بودن و… نیز وفادار می ماند. MDL در ایجاد وب سایت های سریع تر، زیباتر و ریسپانسیو به ما کمک می کند. MDL از Google Material Design الهام گرفته شده است.

 Material Design

مخاطبین

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

پیش نیازها

قبل از شروع این آموزش، باید آشنایی اولیه با HTML، CSS، JavaScript، Document Object Model(DOM) و ویرایشگرهای متن داشته باشید. علاوه بر این، اگر نحوه کار اپلکیشن های تحت وب را هم بدانید، بسیار برای شما مفید خواهد بود.

 

Material Design Lite چیست؟

MDL یک کتابخانه کامپوننت UI است که با CSS، JavaScript و HTML ساخته شده است. DML در ساختن صفحات و اپلیکیشن های وب جذاب، یکپارچه و کاربردی کمک می کند، در عین حال که به اصول طراحی وب مدرن مانند قابلیت حمل در مرورگرها، مستقل از دستگاه بودن و… نیز وفادار می ماند. MDL در ایجاد وب سایت های سریع تر، زیباتر و ریسپانسیو به ما کمک می کند.

برخی از ویژگی های مهم متریال دیزاین:

  • طراحی ریسپانسیو به صورت پیش فرض
  • CSS استاندارد با کمترین footprint
  • شامل ورژن های جدید کنترل های متداول رابط کاربری مانند Button، check box، text field که برای پیروی از مفاهیم متریال دیزاین ایجاد شده اند.
  • شامل ویژگی های بهینه و سفارشی شده مانند cards، column layouts، sliders، spinners، tabs، typography و…
  • می تواند بدون یا به همراه هر کتابخانه یا محیط توسعه ای استفاده شود.
  • قابل اجرا روی همه مرورگرها، همچنین می تواند در ایجاد کامپوننت های قابل استفاده مجدد نیز استفاده شود.
  • همچنین رایگان می باشد.

 

طراحی واکنش گرا

  • Material Design Lite به طور پیش فرض طراحی ریسپانسیو دارد، بنابراین وب سایت های ایجاد شده با Material Design Lite روی هر دستگاه مطابق با اندازه آن دوباره خود را می سازند.
  • کلاس های Material Design Lite طوری ساخته شده اند که وب سایت ها بتوانند با هر اندازه صفحه ای درست نمایش داده شوند.
  • وب سایت های ایجاد شده با Material Design Lite به طور کامل با PC، Tablet و mobileها سازگار هستند.

 

CSS استاندارد

  • Material Design Lite فقط از CSS استاندارد استفاده می کند که این یادگیری را آسان می کند.
  • به هیچ کتابخانه خارجی جاوا اسکریپت مانند جی کوئری نیاز ندارد.

قابلیت توسعه

  • Material Design کمترین میزان طراحی را دارد و بسیار flat است.
  • Shadow (سایه) و bold colors را پشتیبانی می کند.

 

 

 

فاطمه زکایی

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

نوشته‌های مرتبط

دیدگاه‌ها

*
*

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

    saeed_nami پاسخ

    بسیار عالی.
    منتظر درس های بعدی هستیم.

ما یک پرسشنامه‌ی کوچولو داریم، که قول میدیم وقتتون رو خیلی نمی‌گیره، ولی کلی به ما کمک می‌کنه، چون هم assessment مونه ,و هم شما به ما در این زمینه کمک میکنید.بزن بریم