قام فريق تطوير Google مؤخرًا بتوفير مكتبة من المكونات في تصميم المواد تسمى Material Design Lite أو MDL . تتضمن هذه المكتبة الكثير من مكونات التصميم مثل الأزرار والنماذج وكل ما يمكنك تخيله. في رأيهم، تعتبر هذه المكتبة إطارًا ملحدًا يتمتع بمرونة عالية، وهو مجاني للاستخدام للعامة. بالإضافة إلى ذلك، هناك ميزة أخرى وهي التطوير في Vanilla CSS و HTML و JS .

باستخدام هذه المكتبة، يمكنك إضافة شكل وتصميم المواد إلى موقع الويب الخاص بك. لا تعتمد هذه المكتبة على أطر عمل JavaScript والغرض منها هو التحسين على جميع أنواع الأجهزة والعمل على المتصفحات القديمة وتوفير تجربة متاحة على الفور.

يمكنك تنزيل هذه المكتبة على موقع الويب الخاص بك. يمكنك أيضًا قراءة مستودع Github الخاص بهم بعناية.

تقنية بسيطة.

من السهل جدًا تثبيت هذه المكتبة وتعتمد على ترميز بسيط يصفونه بالفانيليا  . إن البنية البسيطة لهذه المكتبة جعلتها متوافقة مع العديد من المتصفحات. تدعم هذه المكتبة أيضًا المتصفحات الحديثة مثل Chrome وFirefox وحتى Microsoft Edge . من المفترض أن تدعم هذه المكتبة متصفحات مثل IE9 في المستقبل القريب .

إن أهم مبدأ تمت ملاحظته في بناء هذه المكتبة هو مرونتها وإمكانية الوصول إليها في جميع أنواع الأجهزة والمتصفحات. نعلم جميعًا أن هذه الميزة مهمة جدًا، ولكن ليس من الممكن دائمًا الحصول على مثل هذه المرونة.

انظر إلى الصورة أدناه والرمز الصغير الموجود حول الأزرار. ويمكن لهذه المكتبة متابعة الإضافات بسهولة وفي التنسيق بين أجزائها المختلفة.

لقد استخدموا واجهات برمجة التطبيقات البارزة مثل Polymer لمختلف مكونات الورق و BEM for Sass لتحسين كود المكتبة . إذا كنت تعتقد أنها ليست جيدة كما ينبغي، فيمكنك استخدام CSS عن طريق إحالتها إلى CDN أو نقلها إلى npm . الخيار لك.

فكرة جريئة.

في رأيي، فإن إتاحة مثل هذه المكتبة للجميع هي فكرة مثيرة للاهتمام للغاية. Google: نحن دائمًا نشارك عملنا مع الآخرين، ولدينا الكثير من مجموعات واجهة المستخدم والأكواد التي نستخدمها في عملنا. وهذا ليس جديدا على الاطلاق. MDL هي مكتبة تشارك تصميمها وتسمح للجميع باستخدامها. ومن المثير للاهتمام أن Google هي شركة كبيرة تتمتع بجماليات فريدة حقًا.

لدى Apple، مثل Google، جماليتها الخاصة المفتوحة للجميع. هذا الاستخدام المجاني لمثل هذه المنتجات جريء حقًا.

سهل الاستخدام.

بشكل عام، عملية تثبيت هذه المكتبة سهلة ومريحة. يتم عرض المكتبة نفسها بشكل جيد على موقع Google على الويب ويمكنك القيام بأشياء كثيرة دون تنزيلها. يوجد قسم في موقع جوجل خاص بالمكونات ويمكنك تصفح واستخدام العناصر المختلفة من خلال هذا القسم. يمكنك أيضًا فتحها في Codepen للتحرير السريع.

لقد قاموا بتصميم قسم خاص بصنع ومطابقة الألوان يمكنك من خلاله التحكم في الألوان.

كما تم تصميم قسم آخر لمساعدتك على فهم قواعد التصميم التي تحكم النمط المرئي. يتضمن هذا القسم عناصر التصميم الأساسية مثل الطباعة والأيقونات. يمكنك أيضًا تنزيل الملفات المضغوطة.

من أجل الحصول على فهم أفضل لإمكانيات MDL ، تم تخصيص قسم للنماذج التي تساعد على ازدهار الإبداع لدى المستخدمين. استخدام هذه القوالب مجاني ومن الممكن تغييرها. يعد تضمين هذا القسم خطوة ذكية وتساعد المستخدمين على فهم قدرات  MDL بشكل أفضل.

على الرغم من كل النقاط الإيجابية المذكورة، إلا أن هذه المكتبة لديها نقطة سلبية واحدة: كمصمم، لا أحد يريد أن يشبه موقع الويب الذي يصممه تطبيقات Google. في تصميم مواقع الويب، فإن وجود التشابه بين المواقع المصممة ليس أمرًا جذابًا.

ذكر جوشوا جونسون هذا الموضوع في مجلة Smashing وذكر أن هناك العديد من المواقع المتشابهة مع بعضها البعض. من الواضح أن الافتقار إلى الأصالة في الأسلوب وخاصة في تصميم هذه المواقع.

الإبداع هو سمة مهمة يجب أن يتمتع بها كل تصميم. اليوم، يتم استخدام بعض عناصر التصميم مثل التنقل العلوي بشكل متكرر. تعمل هذه المكتبة على ترسيخ الحرية في الإبداع.

خاتمة.

لقد أنشأ فريق تطوير Google مكتبة مذهلة مليئة بعناصر التصميم التي لا نهاية لها، وهي مكتبة واسعة ومدروسة. مكتبة ذات إطار مرن للمتصفحات. لكن في رأيي، لسوء الحظ، هذه المكتبة ليست أفضل مصدر للمصممين.