تیم توسعه دهنده گوگل بتازگی یک کتابخانه از کامپوننت ها در طراحی متریال با نام Material Design Lite یا MDL را ارائه داده است. این کتابخانه انبوهی از کامپوننت های طراحی مانند buttons(باتن)، فرم ها و هرآنچه تصور کنید را شامل میشود. از نظر آنها این کتابخانه یک فریم ورک آگنوستیک محسوب میشود با انعطاف پذیری بالا که استفاده از آن برای عموم آزاد است. علاوه براین یکی دیگر از مزیت های آن توسعه در vanilla CSS ، HTML و JS است.

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

شما میتوانید این کتابخانه را در وب سایت خود دانلود کنید. همچنین میتوانید Github repo آنها را بدقت مطالعه کنید.

یک تکنولوژی ساده.

نصب این کتابخانه بسیار آسان است و برپایه ی یک مارک آپ ساده که آنها با نام  vanillaتوصیفش میکنند استوار است. ساختار ساده ی این کتابخانه آنرا با بسیاری از مرورگرها سازگار کرده است. این کتابخانه همچنین مرورگرهای مدرن مانند کروم، فایرفاکس و حتی Microsoft Edge را پیشتیبانی میکند. این کتابخانه قرار است در آینده ی نزدیک مرورگرهایی مانند IE9 را نیز پشتیبانی کند.

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

به تصویر زیر و کد کوچک اطراف دکمه ها نگاه کنید. این کتابخانه به آسانی و درقالب هماهنگی قسمت های مختلف میتواند افزودن ها را دنبال کند.

آنها برای بهینه کردن کدهای کتابخانه از API های برجسته ای مانند Polymer برای کامپوننت های کاغذی مختلف و BEM برای Sass استفاده کردند. اگر فکر میکنید آنچنان که باید خوب نیست میتوانید از CSS از طریق رجوع آنها به CDN استفاده کنید یا آنها را به npm منتقل کنید. انتخاب با شماست.

ایده ای جسورانه.

به عقیده ی من قرار دادن چنین کتابخانه ای در اختیار همگان ایده ای بسیار جالب است. گوگل: ما همیشه کارهای خود را با سایرین به اشتراک میگذاریم، ما انبوهی از کیت های رابط کاربری و کدها را داریم که از آنها در کارهایمان استفاده میکنیم. این کار اصلا تازگی ندارد. MDL کتابخانه ای است که طراحی آنها را به اشتراک گذاشته و به همگان امکان استفاده میدهد. جالب اینجاست که گوگل شرکتی است بزرگ که زیبایی شناختی آن حقیقتا منحصربفرد است.

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

استفاده آسان.

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

آنها بخشی را برای ساخت و انطباق رنگ ها طراحی کرده اند که از طریق آن میتوانید رنگ ها را کنترل کنید.

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

برای اینکه از پتانسیل MDL درک بهتری داشته باشیم بخشی به الگوها(templates )اختصاص داده شده که به شکوفایی خلاقیت در کاربران کمک میکند. استفاده از این الگوها رایگان بوده و امکان تغییر در آنها وجود دارد. گنجاندن این بخش اقدام زیرکانه ای بوده و به کاربران کمک میکند تا قابلیت های  MDLرا بهتر درک کنند.

علیرغم تمام نکات مثبتی که به آنها اشاره شد این کتابخانه یک نکته منفی دارد: بعنوان یک طراح هیچ کس تمایل ندارد وب سایتی که طراحی میکند به اپلیکیشن های گوگل شباهت داشته باشد. در طراحی وب سایت وجود تشابه بین سایت های طراحی شده هیچ جذابیتی ندارد.

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

خلاقیت خصوصیت مهمی است که هر طراحی باید داشته باشد. امروزه برخی از عناصر طراحی مانند نویگیشن های فوقانی مکررا استفاده میشوند. این کتابخانه آزادی در خلاقیت را صلب میکند.

نتیجه گیری.

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