Google a présenté son concept de conception matérielle et ses spécifications pour rendre les interfaces utilisateur plus belles et uniformes sur les appareils de toutes tailles d'écran. Pour rendre les sites Web plus conviviaux pour la conception de matériaux, Google a publié Material Design Lite (MDL) qui comprend du CSS, du HTML et du JavaScript..
Les développeurs Google ont introduit cet outil qui fera en sorte que les sites Web ressemblent davantage à des applications Android. Il s'agit d'un cadre Web frontal pour la création de sites Web avec des spéculations de conception matérielle. Depuis l'introduction d'Android 5.0 Lollipop, le système d'exploitation Android arbore un nouveau design minimaliste qui est lentement vu dans toutes les applications Android, y compris WhatsApp.Ce framework Material Design Lite permet aux développeurs de sites Web de l'utiliser facilement avec n'importe quel paysage en évolution rapide des chaînes d'outils frontales. Il a une très petite taille de ~ 27 Ko gzippé, c'est donc un soulagement si vous vous inquiétez de la taille du code.
La bibliothèque de composants de Material Design Lite comprend les éléments d'interface utilisateur courants de la conception de matériaux, notamment des cases à cocher, des champs de saisie de texte, des boutons, des curseurs, des cartes, des onglets et des flèches..
Il comprend cinq modèles qui sont: le skin android.com, un tableau de bord, un blog, une page d'article autonome et une page Web riche en texte.
Comment utiliser Material Design Lite de Google?
Le code utilisé pour la mise en œuvre de Material Design est une petite bibliothèque de composants qui seraient utilisés sur les pages Web et les applications. Il est écrit en Sass en utilisant BEM et peut être modifié selon les besoins. Il est disponible sur GitHub ou vous pouvez obtenir le cadre complet de Material Design Framework de Google.
Vous pouvez choisir des éléments pour une conception personnalisée ou vous pouvez utiliser le personnalisateur de thème de Google qui vous permet d'apporter des modifications au cadre avant de l'utiliser.
Material Design Lite de Google s'appliquera à tous les navigateurs modernes qui incluent Chrome, Opera. Firefox et Microsoft Edge et Safari.
Étant donné que cela est basé sur le Material Design, Google souhaite que tout le monde crée des sites Web comme ceux-ci. La société de moteurs de recherche souhaite que ses clients proposent des pages propres, simples et attrayantes. Comme le mentionne WebDesignerNerd, la plupart des frameworks réussis réussissent en raison de leur flexibilité. Ici, Google a donné son mandat que le Material Design est le meilleur et il privilégie cette conception spécifique des pages Web..
Material Design Lite de Google offre beaucoup à apprendre et c'est un excellent guide de conception, mais son application limitée ne rendra pas les gens très excitants.
Allez-vous utiliser Material Design Lite de Google pour la création de sites Web? Dites-nous dans les commentaires ci-dessous.
Lisez aussi: Comment créer un site Web - Un guide complet