En savoir plus sur Bootstrap et la conception de matériaux
Bootstrap
En 2011, un groupe d’ingénieurs de Twitter a décidé de créer Bootstrap comme solution interne à leurs problèmes de programmation. Techniquement, leur plan était de créer un outil sans certaine structure de code.
Chaque codeur peut avoir sa propre façon de créer ses œuvres. Cela conduit généralement à des incertitudes lorsqu’un autre programmeur, disons un débutant, essaie de lire le code. Pour cette raison, Mark Otto et Jacob Thorton de Twitter ont conçu Bootstrap – un moyen de convaincre les programmeurs d’unifier leurs modèles d’écriture du code et d’éviter de créer des différences dans le processus. Les avantages que Bootstrap apportait à leur travail quotidien étaient tout simplement inestimables.
Lorsque les gars de Twitter ont réalisé son véritable potentiel, ils ont décidé de le publier en tant que projet open source. Avec l’aide de Github et de milliers d’autres programmeurs, il n’a fallu que quelques mois pour faire de Bootstrap l’outil de développement frontal le plus populaire pour créer des projets Web réactifs et mobiles.
Alors, qu’est-ce que Bootstrap exactement?
Imaginez-le comme une boîte à outils contenant une série de fonctions et d’éléments utiles qui pourraient être utiles dans le processus de création de votre site Web.
Cela vous permet de choisir l’outil que vous aimez, et vous pouvez être sûr qu’aucun de ces éléments ne se heurtera les uns aux autres. C’est comme assembler des pièces de puzzle, mais dans ce cas, chaque puzzle correspond à un autre.
Les outils que vous avez imaginés dans notre boîte à outils Bootstrap sont HTML, CSS et JS combinés. Material Design pour Bootstrap est le meilleur exemple de la façon dont Bootstrap est constamment en développement et de ce que vous pouvez y ajouter à l’aide de modèles de conception et de fonctionnalités de Google Material Design.
Material Design
Material Design est un langage de conception, issu de Google, qui est intensivement utilisé dans les projets d’interface pour le système Android. Vous pouvez demander pourquoi il est utilisé. La réponse est simple it c’est déjà un outil mature et organisé qui correspond à la convivialité et à la lisibilité. De plus, il se développe et évolue de manière dynamique. Le résultat est un outil qui peut être un match parfait pour les écrans, ainsi que le point de départ pour les personnes inexpérimentées dans la conception d’UI / UX.
La base de MD est déjà bien établie par les concepteurs de sites Web et d’UI/ UX qui y travaillent depuis longtemps. Ce qui le distingue des autres outils, c’est le fait que vous pouvez l’utiliser dans tous les types de projets sur lesquels vous travaillez actuellement, car il est facile de trouver des pratiques recommandées dans chaque ensemble de projets. Les conventions mettent l’accent sur:
Les matériaux en tant que métaphore — dans ce contexte, c’est une métaphore de l’espace pour la feuille et l’encre. Les éléments réels utilisés dans cet outil sont la lumière et l’espace, soutenus par des attributs d’espace uniques qui se distinguent dans le domaine des formulaires numériques. Les caractéristiques de MD sont les ombres qui sont répandues. Il reflète le comportement des choses réelles qui existent dans la réalité
Sens an une incitation de MD est l’impression de conception, qui reflète dans une grille très bien conçue, l’importance de la typographie et des couleurs.
Mouvement & Animation MD MD prend non seulement en charge une forme statique de conception d’impression, mais inclut également les supports numériques, basés sur les lois de la physique. Cela nous donne la possibilité de concilier utilité et esthétique, ce qui est très important de nos jours.
L’une des métaphores les plus importantes de MD est un matériau qui a sa position dans l’espace sur l’axe Z, de sorte que nous pouvons dire s’il est plus proche ou plus éloigné d’un utilisateur. La métaphore fait référence à la valeur dite d’élévation. Ce qui est intéressant, c’est le fait que cette valeur simule des positions plus hautes et plus basses dans l’espace par un ombrage sélectionné de manière appropriée.
Qu’est-ce qui est important dans les attributs de conception des matériaux?
– Couleurs distinctives et bien choisies
– Icônes simples et faciles à utiliser
– Graphiques et images qui constituent une référence supplémentaire pour le contenu
– Typographie simple, mais en même temps élégante basée sur la police Roboto