Top 4 des cadres de conception en 2018

La bataille des cadres de conception a continué de devenir plus compétitive chaque année et bat son plein en 2018. On peut dire que toute la philosophie des cadres de conception open source a commencé lorsque Twitter a créé Bootstrap à la mi-2010. Ensuite sur la scène était la fondation de Zurb. Ces deux cadres de conception restent les plus populaires sur le marché. Cependant, ils ont depuis été rejoints par un géant poids lourd sous la forme de Google, et leur conception matérielle.

Il convient de noter que si des géants comme Microsoft et Apple ont publié des lignes directrices et des ressources pour aider les concepteurs à créer des conceptions d’interface utilisateur (Conception fluide de Microsoft & Interaction humaine d’Apple), ils n’offrent pas de frameworks officiels sous forme de composants HTML, CSS & Javascript. Donc, pour la portée de ce blog, nous ne les inclurons pas.

Le quatrième cadre dont nous discuterons est un effort mené par la communauté open-source qui a pris un élan incroyable ces derniers temps est Bulma. C’est une histoire assez incroyable de la façon dont un projet de ce type est devenu le chouchou du monde progressif du développement d’applications Web responsive mobile &.

1. Bootstrap

 Bootstrap

Peut-être le framework de conception le plus connu au monde aujourd’hui, et avec raison. Non seulement ils ont été les premiers sur la scène, mais ils ont redéfini définitivement l’industrie du design UI / UX. Le Bootstrap de Twitter a nécessité une énorme quantité de re-travail que les concepteurs & développeurs effectuaient dans chaque nouvelle application Web. Devoir reconstruire des conteneurs et des mises en page, écrire à nouveau le même CSS devenait une corvée, et avec les conceptions mobiles réactives à l’avant-garde, Bootstrap était une aubaine. Les développeurs pourraient rapidement prototyper avec des interfaces utilisateur et des échafaudages propres et lisses qui généreraient des mises en page typiques & pour eux dès la sortie de la boîte.

Depuis sa création, Bootstrap n’a cessé d’évoluer (Bootstrap 4 est la dernière version de bleeding edge) pour non seulement garder le design frais, mais aussi adopter les dernières tendances de développement qui deviennent disponibles, comme il l’a fait avec SaaS, et maintenant avec son support pour les frameworks frontaux tels que React & Vue. Il ne fait aucun doute que lorsqu’il s’agit d’un cadre de conception complet, bien construit et testé sur le terrain qui a tout pour plaire, Bootstrap est le roi incontesté.

2. Fondation

 Fondation Zurb

Ce qui a commencé comme un projet interne à l’agence de développement design & Zurb, est finalement devenu le deuxième plus grand framework de conception sur le web. L’équipe de Zurb a constaté qu’elle devait réutiliser fréquemment les composants HTML, CSS & Javascript et continuait à avoir besoin de les intégrer à d’autres projets. Afin d’atténuer ce goulot d’étranglement dans leur processus, ils ont décidé de construire un cadre interne qu’ils utiliseraient dans leurs projets. Finalement, en 2011, ils ont décidé de l’informatique open source alors qu’ils voyaient le web évoluer vers des conceptions responsives mobiles, dans l’espoir d’ajouter de l’élan à ce mouvement.

Depuis lors, ils ont continuellement publié des mises à jour (Foundation 6 est la dernière version), veillant à ce que leur framework ne soit pas périmé — ce qui peut arriver dans le monde du design en un clin d’œil. Ils ont également des projets open source disponibles qui fournissent une intégration avec des frameworks frontaux tels que Vue, et prennent officiellement en charge React de tout cœur.

Besoin de concevoir un produit ?

Notre équipe de concepteurs d’expérience utilisateur peut transformer un brief de projet en prototype visuel, collaborant avec vous à chaque étape du processus.

3. Material Design

 Material Design

Une fois que les frameworks de conception ont commencé à apparaître partout et ont gagné autant de popularité qu’eux, ce n’était qu’une question de temps avant que Google ne saute sur le ring. Avec Material Design, Google a couvert toutes les bases, du web au mobile en passant par les montres intelligentes et les téléviseurs. Leur dernier framework frontal (Flutter) embrasse également la conception matérielle et nous ne voyons pas Google changer les choses de sitôt car ils ont reçu des commentaires fantastiques de la communauté de développement d’applications Web sur la facilité et la propreté de la conception matérielle. Personnellement, nous aimons vraiment l’utiliser ici aussi chez Cygnis Media.

En ce qui concerne la prise en charge des frameworks frontaux, la conception matérielle pourrait être la meilleure du lot. Ils prennent en charge Angular, Vue & React et disposent d’une pléthore de composants et de bibliothèques tiers disponibles sur le Web.

4. Bulma

 Conception Bulma

Facilement le cadre de conception le moins connu de cette liste, Bulma est relativement nouveau par rapport aux autres. Construit et adopté par la communauté open-source, ce qui rend Bulma vraiment attrayant, c’est sa légèreté. Personnellement, j’aime aussi son look épuré et son design pratique et esthétique. La base de code est également extrêmement bien écrite, avec une faible barrière à l’entrée pour les nouveaux développeurs frontaux sans avoir à apprendre une syntaxe intimidante.

Bulma a été adopté de tout cœur par la communauté Vue — les deux sont des frameworks outsiders qui ont atteint des objectifs similaires et ont dépassé leurs homologues plus grands et plus établis — et ont un fantastique projet open source appelé Buefy qui fournit des composants d’intégration de Vue &.

Besoin de créer une application web ?

Avec la compatibilité multiplateforme, les applications Web restent le support ultime pour un produit. Parlez-nous de votre projet pour une consultation gratuite.

Conclusion

À ce stade, vous avez probablement essayé les grands frameworks de conception 3. Si en 2018 vous cherchez à essayer un nouveau framework de conception rapide, léger mais aussi pratique et intelligent, tentez Bulma — surtout si vous l’associez à Vue.js. Il est idéal pour les échafaudages, les panneaux d’administration et les tableaux de bord. Bonne chance & bonne conception!

Partager:

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.