Boutons. Avec eux, nous finalisons nos achats sur Internet, nous nous connectons à notre application bancaire et envoyons des formulaires complets avec nos informations les plus personnelles. La conception Web se développe à un rythme incroyable et les styles semblent changer d'un mois à l'autre. En quelques années à peine, nous sommes passés des liens texte au scheuomorphisme en passant par le design plat. La navigation est l'un des éléments les plus importants de la conception Web, et le bouton d'appel à l'action (ou appel à l'action ) est votre outil le plus puissant.
Dans cet article, je retracerai huit ans d'histoire de la conception de boutons Web basés sur Dribble .
La chronologie des boutons sur Dribbble
En 2009, Dribbble a été créé - une plate-forme pour les designers du monde entier qui ont partagé de petites pièces de leurs projets actuels. En utilisant Dribbble, nous pouvons suivre l'historique des tendances et du design des boutons au cours des huit dernières années. J'ai parcouru quelques milliers de clichés de Dribbble pour créer une chronologie interactive des styles de boutons:
Cliquez sur le bouton ci-dessus pour parcourir la chronologie de Dribbble.
2009
En cette année, Internet fête ses 40 ans, et les premiers 'coups' apparaissent sur Dribbble. La disposition des boutons est dominée par les niveaux de gris. Des dégradés délicats, des coins arrondis et des ombres apparaissent dans presque toutes les conceptions de boutons. Cette esthétique fait référence aux boutons du système natif.
Wojciech Dobry, Dan Cederholm , Josh Bryant , Dribble , Sarah Parmenter , Matthew Smith
2010
L'année de création d'Instagram. La forme des boutons ne change pas radicalement, mais il y a beaucoup plus de couleurs, plus de détails (comme les ombres intérieures) et beaucoup plus de polices décoratives.
Wojciech Dobry, Morgan Allan Knutson , Troy Bergland , Claudiu Cioba , Liam McKay , Jared Christensen
2011
CSS3 ouvre cette année-là, et le nombre d'internautes passe à un milliard. Le schémorphisme règne toujours en maître, et de nombreux designers développent ce style de manière très créative. Vous ne trouvez aucune règle pour appliquer les ombres ou l'éclairage ici, mais vous pouvez être sûr que tous ces éléments sont présents dans chaque projet.
Wojciech Dobry, Julien Renvoye , Claudiu Cioba , Meagan Fisher , Josh Hemsley , Jonathan Moreira
combien de pages github pouvez-vous avoir
2012
Le déclin et la forme finale du schémorphisme, et le début timide du flat design. Cette année est de loin la forme de skeuomorphisme la plus développée, où certains designers ont atteint le niveau master dans ce style, tandis que d'autres ont commencé à chercher quelque chose de nouveau.
Wojciech Dobry, Eduardo Santos , Mike | Menthes créatives , Maykel Loomans , Ian Collins , Dawid Liberadzki
2013
Cette année, Apple abandonne définitivement les grandes lignes en lançant iOS7. Sans aucun doute, cette année est le début de la tendance qui se poursuit aujourd'hui - le design plat. Presque tous les designers de Dribbble, à un moment donné, abandonnent toute tentative de donner à leur application ou à leurs boutons Web une troisième dimension et décident de disparaître.
Wojciech Dobry, Capitaine Cosmin , Eddie Lobanovskiy , Jonathan Moreira , Riki Tanone
2014
Google lance la conception matérielle. Cependant, de nombreux designers ne suivent pas complètement ce style. C'est une année assez intéressante, car tout le monde commence soudainement à utiliser le style de bouton fantôme ou les boutons plats. Ils apparaissent dans la plupart des plans sur Dribbble. Deux bordures de pixels aux couleurs vives - c'est 2014.
Wojciech Dobry, Eric Hoffman , Ramil Derogongun , Mason Yarnell , Colin Garven , Bill S Kenney
node js côté serveur javascript
2015
Quelques mois à peine après avoir entendu l'annonce de Material Design par Google, Concepteurs d'interface utilisateur tombez amoureux de ce guide. La surface plane du bouton avec une ombre délicate en dessous indique l'impact significatif de Material Design sur les tendances actuelles. Découvrez combien de personnes appliquent ce style à leurs projets.
Wojciech Dobry, Victor Erixon , Leo Leung , George Vasyagin , Hoang Nguyen , Joshua Krohn
2016
Les designers s'ennuient, donc de nouveaux éléments à mélanger avec le matériel et le design plat. Des dégradés apparaissent sur la surface des boutons, non pour souligner la troisième dimension mais pour souligner le matériau du bouton lui-même. Le bouton gagne des nuances de couleur et commence à briller.
Wojciech Dobry, Anastasiia Andriichuk , Gleb Kuznetsov , Ghani Pradita , Christophe , Ben mingo
2017
Je suis très curieux de voir comment je verrai cette année dans huit ans. Jusqu'à présent, cette année est, d'une part, une année de minimalisme et de design plat. D'un autre côté, nous sommes toujours à la recherche de nouvelles voies. Nous sommes à un stade où nous ne sommes pas technologiquement limités; nous ne sommes limités que par la tendance et les montures de mode.
Je suis Cline , Anton Aheichanka , Vera voishvilo , George Vasyagin , Ghani Pradita
Suivant?
Combien de temps les styles de boutons continueront-ils d'évoluer? Je ne sais pas. Je sais juste qu'ils le feront. Les raisons de l'évolution peuvent varier: changement technologique, prise de conscience croissante des designers, ennui.
Il est indéniable que les boutons attendent un autre changement. Peut-être que ce changement sera sa mort? Avec les gestes, les interactions intuitives, la RA, la RV et les interfaces sonores, aurons-nous encore besoin des boutons sur lesquels nous travaillons depuis des années?
