{"id":2391,"date":"2019-12-12T10:13:02","date_gmt":"2019-12-12T10:13:02","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=2391"},"modified":"2020-05-05T10:28:32","modified_gmt":"2020-05-05T10:28:32","slug":"tendances-conception-web-edition-complete","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/","title":{"rendered":"Tendances de la conception Web \u00e0 adopter en 2020"},"content":{"rendered":"<p style=\"text-align: justify\">Il reste moins d'un mois avant la c\u00e9l\u00e9bration tr\u00e8s attendue du nouvel an 2020. Il est donc temps de parler des <strong>derni\u00e8res tendances en mati\u00e8re de conception de sites Web<\/strong> susceptibles de se r\u00e9pandre au cours de <strong>2020<\/strong>. Seuls les blogueurs paresseux ne parlent pas des tendances maintenant et nous ne sommes pas de leur cohorte.<\/p>\n<p>Nos concepteurs avec des dizaines d'ann\u00e9es d'exp\u00e9rience on r\u00e9pondu \u00e0 deux questions importantes sur les tendances de conception Web en 2020:<\/p>\n<p><strong>Question:<\/strong><\/p>\n<p>O\u00f9 puisez-vous votre inspiration dans la cr\u00e9ation de mod\u00e8les?<\/p>\n<p><strong>R\u00e9ponse:<\/strong><\/p>\n<p>Le moyen le plus simple de trouver l'inspiration est de passer en revue les travaux d'autres auteurs. Apr\u00e8s tout, inventer quelque chose \u00e0 partir de z\u00e9ro est tout simplement impossible. Il ne s'agit pas de voler une id\u00e9e, il s'agit de s'inspirer, de comprendre ce qui est d\u00e9sormais pertinent, de faire le plein d'id\u00e9es cr\u00e9atives, d'exp\u00e9riences positives voire n\u00e9gatives afin d'\u00e9viter toute erreur.<\/p>\n<p>Et notre \u00e9quipe cherche souvent l'inspiration dans des choses simples. Apr\u00e8s tout, l'inspiration n'apporte pas n\u00e9cessairement quelque chose de nouveau. Parfois, ce sont les choses les plus ordinaires qui nous entourent quotidiennement, que vous regardez soudainement avec un regard neuf.<\/p>\n<p><strong>Question:<\/strong><\/p>\n<p>Selon vous, quelles tendances nous suivront en 2020?<\/p>\n<p><strong>R\u00e9ponse:<\/strong><\/p>\n<p>Tout d'abord, nous pouvons distinguer une tendance bien pertinente depuis plusieures ann\u00e9es \u2013 approche Mobile First. Une page Web doit \u00eatre lisible et visuellement attrayante sur n'importe quel taille d\u2019\u00e9cran. Par cons\u00e9quent, l'adaptabilit\u00e9 est l'une des exigences cl\u00e9s de la conception Web.<\/p>\n<p>De plus, des tendances telles que \u00abwhite space\u00bb et le minimalisme conserveront leur position. En fait, les tendances peuvent \u00eatre \u00e9num\u00e9r\u00e9es \u00e0 l'infini: couleurs, d\u00e9grad\u00e9s, chat bots, r\u00e9alit\u00e9 virtuelle, mais le professionnalisme est rest\u00e9 la tendance la plus importante de tous les temps depuis de nombreuses ann\u00e9es.<\/p>\n<p>Et notre \u00e9quipe cherche souvent l'inspiration dans des choses simples. Apr\u00e8s tout, l'inspiration n'apporte pas n\u00e9cessairement quelque chose de nouveau. Parfois, ce sont les choses les plus ordinaires qui nous entourent quotidiennement, que vous regardez soudainement avec un regard neuf.<\/p>\n<p><a href=\"https:\/\/www.templatemonster.com\/fr\/type\/themes-joomla\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-4062\" src=\"https:\/\/www.templatemonster.com\/blog\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min.jpg\" alt=\"Th\u00e8mes Joomla\" width=\"728\" height=\"90\" srcset=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min.jpg 728w, https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min-300x37.jpg 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<p style=\"text-align: justify\">Il n\u2019y a qu\u2019un probl\u00e8me avec les tendances - il y a toujours trop d'informations \u00e0 leur sujet sur le net. J'ai lu pr\u00e8s de 70 articles, ce qui m'a pris pr\u00e8s de 3 jours pour entrer dans le vif du sujet.<\/p>\n<p style=\"text-align: justify\">Cependant, vous pourrez obtenir toute la <strong>collection des tendances 2020<\/strong> en mati\u00e8re de conception de sites Web sans aucune recherche fastidieuse. Je pense que la lecture ne vous prendra pas plus d\u2019une demi-heure, voire moins. En outre, vous pouvez ignorer les tendances qui ne vous int\u00e9ressent pas pour le moment et consulter les informations cruciales. J'ai cr\u00e9\u00e9 une sorte de plan d'article \u00e0 cet effet. Chaque article est une ancre qui vous am\u00e8ne aux informations pertinentes. Nous voulons \u00eatre un guichet unique pour vous, esp\u00e9rons que cela va s'arranger.<\/p>\n<p><iframe loading=\"lazy\" title=\"\u26a1\ufe0fTOP Web Design Trends 2020: Best UI, UX Examples &amp; Predictions\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/g5aAEkxTau0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<hr \/>\n<h2 style=\"text-align: center\">Pourquoi est-il important de suivre les tendances de la conception Web?<\/h2>\n<p style=\"text-align: justify\">Quel est le but de votre site web? En plus d'avoir de bonnes photos, votre page Web doit avoir un certain fond pouvant attirer le public et transmettre des \u00e9motions. Besoin d'un exemple? Pensez simplement \u00e0 ce qui vous attire sur Instagram? C'est une pr\u00e9sentation \u00e9poustouflante et une organisation bien pens\u00e9e de profils de marque qui vous encouragent \u00e0 rester plus longtemps sur une page Web. Le succ\u00e8s et le nombre croissant de ventes sur le r\u00e9seau confirment cette tendance.<br \/>C'est quoi le truc? Un client pense qu'il paie pour un produit, mais il se concentre en r\u00e9alit\u00e9 sur l'image qui le sous-tend. Tout en percevant une pr\u00e9sentation attrayante d'un produit ou d'un service dans un environnement sp\u00e9cifique, un client imagine \u00e0 quel point ce produit lui conviendra.<\/p>\n<p style=\"text-align: justify\">Les m\u00eames techniques sont appliqu\u00e9es \u00e0 la conception Web. Une page Web attrayante et m\u00e9morable peut capter l\u2019\u0153il d\u2019un utilisateur et l\u2019encourager \u00e0 en savoir plus sur votre marque ou \u00e0 commander vos services.<\/p>\n<ol>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title1\" target=\"_blank\">QU'EST-CE QUE NE CHANGERA PAS<\/a>\n<ol>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title2\" target=\"_blank\">Approche Mobile-first<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title3\" target=\"_blank\">Temps de chargement<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title4\" target=\"_blank\">Chatbots<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title5\" target=\"_blank\">\u00c0 QUOI S'ATTENDRE EN 2020<\/a>\n<ol>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title6\" target=\"_blank\">PLAT ET PAS SI PLAT<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title7\" target=\"_blank\">ELEMENTS FLOTTANTS<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title8\" target=\"_blank\">G\u00c9OM\u00c9TRIE<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title9\" target=\"_blank\">FONDS VID\u00c9O<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title10\" target=\"_blank\">GRILLES CASS\u00c9ES<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title11\" target=\"_blank\">POLICES EXPRESSIVES<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title12\" target=\"_blank\">IMAGES EN COUCHES, ENDOMMAG\u00c9ES<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title13\" target=\"_blank\">TEXTURES INTERACTIVES CHAOTIQUES<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title14\" target=\"_blank\">COULEURS DE R\u00caVE<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title15\" target=\"_blank\">BRUTALISME<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title16\" target=\"_blank\">ILLUSTRATIONS \u00c0 LA MAIN<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title17\" target=\"_blank\">INTERACTIVIT\u00c9<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title18\" target=\"_blank\">OLDSCHOOL ET GAME-LIKE<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#title19\" target=\"_blank\">OBJETS 3D<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<hr \/>\n<h2 id=\"title1\" style=\"text-align: center\">1. QU'EST-CE QUE NE CHANGERA PAS<\/h2>\n<h3 id=\"title2\" style=\"text-align: center\">1.1 Approche MOBILE-FIRST<\/h3>\n<p>C\u2019est maintenant officiel: plus de gens naviguent sur des sites Web \u00e0 partir d\u2019appareils mobiles que d\u2019ordinateurs de bureau. En 2019, nous avons assist\u00e9 \u00e0 la mont\u00e9e en puissance des micro-interactions, des menus d\u00e9roulants et des ic\u00f4nes personnalis\u00e9es. Cette tendance ne changera pas, mais ne fera que gagner du terrain. En 2020, vous n'aurez plus besoin d'un site Web qui soit juste adaptatif; vous en aurez besoin d'un qui applique l'approche mobile-first.<\/p>\n<hr \/>\n<h3 id=\"title3\" style=\"text-align: center\">1.2 Temps de chargement<\/h3>\n<p>C'est un peu controvers\u00e9. En 2019, de nombreux experts pensaient que les sites Web minimalistes \u00e9pur\u00e9s s'empareraient d'Internet en raison de leur\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/kinsta.com\/learn\/speed-up-wordpress\/\" target=\"_blank\">vitesse de chargement rapide<\/a>. Mais cela n'est pas arriv\u00e9.<\/p>\n<p>Au lieu de cela, nous voyons comment les nouvelles technologies adaptent le contenu vid\u00e9o et photo aux besoins de l\u2019\u00e8re d\u2019approche mobile. En 2020, les concepteurs et les d\u00e9veloppeurs continueront \u00e0 rechercher un compromis entre conceptions Java cr\u00e9atives, contenu original en pleine largeur et diminution du temps de chargement.<\/p>\n<hr \/>\n<h3 id=\"title4\" style=\"text-align: center\">1.3 CHATBOTS<\/h3>\n<p>Les <a href=\"https:\/\/www.templatemonster.com\/fr\/modeles-ecommerce.html\" target=\"_blank\">sites eCommerce<\/a>\u00a0auront toujours besoin de convertir en 2020, et les chatbots se sont r\u00e9v\u00e9l\u00e9s \u00eatre un moyen efficace de le faire. En 2020, l'exp\u00e9rience d'achat en ligne continuera \u00e0 viser une personnalisation accrue et des technologies d'IA plus sophistiqu\u00e9es. Ainsi, en 2020, nous verrons des chatbots plus intelligents et plus interactifs sur les principaux sites de commerce \u00e9lectronique.<\/p>\n<hr \/>\n<h2 id=\"title5\" style=\"text-align: center\">2. \u00c0 QUOI S'ATTENDRE EN 2020<\/h2>\n<p>Passons maintenant aux principales tendances en mati\u00e8re de conception Web attendues en 2020.<\/p>\n<h3 id=\"title6\" style=\"text-align: center\">2.1 PLAT ET PAS SI PLAT<\/h3>\n<p>Le design plat, en tant qu'esth\u00e9tique de site Web, est avec nous depuis 2017 et est l\u00e0 pour rester. Les propri\u00e9taires de sites Web adorent le design plat pour une meilleure exp\u00e9rience mobile et un rang de r\u00e9f\u00e9rencement sup\u00e9rieur. Les concepteurs et les utilisateurs appr\u00e9cient des mises en page harmonieuses, de superbes images lumineuses et de nombreux espaces.<\/p>\n<p>La philosophie de conception Web \u00e0 plat postule qu'un site avec moins d'images peut \u00eatre aussi impressionnant que son analogique \u00e0 chargement lent et lourd d'images datant des ann\u00e9es 2000.<\/p>\n<p>En regardant les exemples ci-dessous, qui ne serait pas d\u2019accord?<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/snowwhite-io\" target=\"_blank\">SNOWWHITE.IO<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147085\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/snowwhite-io.png\" alt=\"SNOWWHITE.IO\" width=\"1000\" height=\"494\" data-wp-pid=\"147085\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/snowwhite.io\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Voici un exemple de site Web superbement con\u00e7u. Il y a peu d'illustrations, mais toutes sont tr\u00e8s captivantes. Lorsque vous parcourez le site Web, vous constatez que chaque nouvelle page comporte une illustration diff\u00e9rente. Traditionnellement, pour la conception \u00e0 plat, l\u2019espace est suffisant et la navigation facile.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/inspiration\/5be594629dc6d64b8f0c0e96\" target=\"_blank\" class=\"broken_link\">DESIGN IN SILICON VALLEY<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147086\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/siliconvalley.png\" alt=\"SILICON VALLEY\" width=\"1000\" height=\"515\" data-wp-pid=\"147086\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/siliconvalley.baunfire.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Ce site Web montre ce que la conception plate peut apporter si vous y ajoutez une animation lourde et interactivit\u00e9. Les pages pr\u00e9sentent beaucoup de texture et de belles transitions. Les visiteurs peuvent m\u00eame \u00eatre un peu d\u00e9pass\u00e9s par ce qui se passe sur le site Web. Il semble toutefois que c\u2019est exactement ce que recherchaient les concepteurs.<\/p>\n<p>L'approche semi-plate permet d'ajouter de la profondeur et du mouvement \u00e0 vos conceptions minimalistes tout en b\u00e9n\u00e9ficiant de tous les avantages du mode plat. En 2020, nous verrons encore plus de variations de cela.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/lo-pesce\" target=\"_blank\">LO PESCE<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147087\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/lo-pesce.png\" alt=\"LO PESCE\" width=\"1000\" height=\"494\" data-wp-pid=\"147087\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.lopesce.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Cette conception comporte des compositions de photos de produit impressionnantes avec des illustrations personnalis\u00e9es, de la parallaxe et de jolis \u00e9l\u00e9ments interactifs. J'ai \u00e9galement appr\u00e9ci\u00e9 l'animation qui rend la page lourde et profonde sous votre parchemin. Ici, nous pouvons \u00e9galement voir jusqu'o\u00f9 ira la conception Web semi-plate en 2020.<\/p>\n<hr \/>\n<h3 id=\"title7\" style=\"text-align: center\">2.2 ELEMENTS FLOTTANTS<\/h3>\n<p>En 2020, les conceptions de sites Web d\u00e9fieront la gravit\u00e9. Cette tendance n\u2019est pas totalement nouvelle: nous nous souvenons tous que les dispositions chaotiques \u00e9taient d\u00e9j\u00e0 tendance en 2019. L\u2019ann\u00e9e prochaine, nous verrons appara\u00eetre de nombreux \u00e9l\u00e9ments interactifs, qui changent de formes et attendent que le curseur les survole.<\/p>\n<p>Les compositions ouvertes seront \u00e9galement le courant dominant de la conception de sites Web en 2020. Pr\u00e9parez-vous donc \u00e0 voir les concepteurs d\u00e9limiter les fronti\u00e8res et laisser les \u00e9l\u00e9ments 3D interactifs flotter sur les pages.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/greta-madline\" target=\"_blank\">GRETA MADLINE<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147088\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/greta-madline.png\" alt=\"GRETA MADLINE\" width=\"1000\" height=\"490\" data-wp-pid=\"147088\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/gretamadline.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Nous voyons ici comment un objet 3D interactif peut donner le ton \u00e0 l\u2019ensemble du site Web et lui donner un aspect ludique. Lorsque vous passez \u00e0 d'autres pages du site Web, vous verrez beaucoup plus d'\u00e9l\u00e9ments de conception cr\u00e9atifs. Il comporte une animation mignonne, des effets de d\u00e9filement, des illustrations faites \u00e0 la main et des combinaisons de couleurs vives.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/1948\" target=\"_blank\">1948<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147089\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/1948.png\" alt=\"1948\" width=\"1000\" height=\"490\" data-wp-pid=\"147089\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.1948.site\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Ce site Web vous invite \u00e0 utiliser votre clavier pour produire des effets sonores et voir la danse d'objets 3D dans les airs. Le design est \u00e0 la fois minimaliste et tr\u00e8s engageant. Il combine diff\u00e9rents types de communication avec les visiteurs, vous ne pouvez donc pas vous arr\u00eater avant d'avoir tout vu. En 2020, les sites Web offrant de telles exp\u00e9riences uniques basculeront sur le Web.<\/p>\n<hr \/>\n<h3 id=\"title8\" style=\"text-align: center\">2.3 G\u00c9OM\u00c9TRIE<\/h3>\n<p>Tout comme les couleurs, les formes peuvent \u00eatre utilis\u00e9es pour cr\u00e9er des accents et communiquer des id\u00e9es. La g\u00e9om\u00e9trie agit comme un compromis entre minimalisme harmonieux et exp\u00e9rience asym\u00e9trique bris\u00e9e. Les deux seront populaires en 2020.<\/p>\n<p>Les formes peuvent ajouter un \u00e9quilibre aux conceptions Web les plus folles. La g\u00e9om\u00e9trie est pr\u00e9sente dans diff\u00e9rents \u00e9l\u00e9ments: boutons, cadres ou illustrations. Chaque forme cr\u00e9e des associations sp\u00e9cifiques et a sa propre signification. Lorsqu'elles sont utilis\u00e9es \u00e0 bon escient, les formes peuvent devenir des \u00e9l\u00e9ments cl\u00e9s d'une conception de site Web.<\/p>\n<p>Regardons quelques exemples \u00e9tonnants.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/tedxbethesda\" target=\"_blank\">TEDxBETHESDA<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147091\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/tedxbethesda.png\" alt=\"TEDxBETHESDA\" width=\"1000\" height=\"489\" data-wp-pid=\"147091\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.tedxbethesda.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Plein de texture et de couleur, ces formes au centre collent les yeux du spectateur \u00e0 la page. Ici la g\u00e9om\u00e9trie est utilis\u00e9e pour faire des accents et faire allusion \u00e0 la grosse croix rouge au stade TEDx. Il est associ\u00e9 \u00e0 des grilles asym\u00e9triques et \u00e0 de beaux fonds de particules.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/cworks\" target=\"_blank\">CWORKS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147093\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/cworks.png\" alt=\"CWORKS\" width=\"1000\" height=\"494\" data-wp-pid=\"147093\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/cworks.com.gr\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Dans cet exemple, les formes interactives sont utilis\u00e9es pour cr\u00e9er des arri\u00e8re-plans et des cadres d'image. Combin\u00e9s \u00e0 des couleurs vives et typographie dispers\u00e9e, ces \u00e9l\u00e9ments illustrent les principales tendances des ann\u00e9es 2019-2020. Notez comment les lignes sont utilis\u00e9es pour mettre en \u00e9vidence les onglets du menu.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/smultron-software-lab\" target=\"_blank\">SMULTRON<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147094\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/smultron.png\" alt=\"SMULTRON\" width=\"1000\" height=\"491\" data-wp-pid=\"147094\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/smultron.software\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Nous voyons ici une belle forme anim\u00e9e qui r\u00e9pond au mouvement du curseur. En tant qu'\u00e9l\u00e9ment cl\u00e9, cette forme interactive donne le ton \u00e0 l'ensemble du site Web. J'aime aussi les ic\u00f4nes inspir\u00e9es de la g\u00e9om\u00e9trie et la nettet\u00e9 de ce dessin.<\/p>\n<hr \/>\n<h3 id=\"title9\" style=\"text-align: center\">2.4 FONDS VID\u00c9O<\/h3>\n<p>Les arri\u00e8re-plans vid\u00e9o sont un peu moins populaires aujourd'hui qu'en 2016 en raison de l'importance accrue de la vitesse de chargement. Cependant, en 2020, nous verrons l'\u00e9volution de l'int\u00e9gration de la vid\u00e9o dans la conception web. En effet, il a \u00e9t\u00e9 prouv\u00e9 que les arri\u00e8re-plans vid\u00e9o augmentaient les conversions sur le site Web. Les t\u00e9l\u00e9spectateurs resteront pour regarder la vid\u00e9o si celle-ci a attir\u00e9 leur attention. Vous pouvez \u00e9galement raconter toute une histoire de marque avec une vid\u00e9o sans utiliser aucun mot.<\/p>\n<p>Voyons comment ces sites Web le font.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/living-memories\" target=\"_blank\">LIVING MEMORIES<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147095\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/living-memories.jpg\" alt=\"LIVING MEMORIES\" width=\"1000\" height=\"542\" data-wp-pid=\"147095\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/vivosrecuerdos.cl\/en\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Ce site Web int\u00e8gre une introduction vid\u00e9o, une musique de fond et des photos grand \u00e9cran. Les portraits sont \u00e0 couper le souffle et haute r\u00e9solution. Des photos de la vieille \u00e9cole cliquables utilis\u00e9es comme ic\u00f4nes d'onglet de menu compl\u00e8tent le dessin. Ceci dit, c'est la vid\u00e9o qui r\u00e9unit tous les \u00e9l\u00e9ments de conception et raconte une histoire unique.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/descente-fusionknit\" target=\"_blank\">DESCENTE FUSIONKNIT<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147096\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/descente-fusionknit.png\" alt=\"DESCENTE FUSIONKNIT\" width=\"1000\" height=\"491\" data-wp-pid=\"147096\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/allterrain.descente.com\/fusionknit\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>La vid\u00e9o sur la page d'accueil de ce site Web donne le ton et induit une r\u00e9action \u00e9motionnelle du public. Vous ne pouvez tout simplement pas cesser de regarder ces \u00e9toffes tricot\u00e9es et ces pi\u00e8ces cousues ensemble. Voici comment vous faites la narration visuelle de produits. Le site Web comporte \u00e9galement des grilles irr\u00e9guli\u00e8res et des dispositions complexes en couches.<\/p>\n<hr \/>\n<h3 id=\"title10\" style=\"text-align: center\">2.5 GRILLES CASS\u00c9ES<\/h3>\n<p>L\u2019amour de l\u2019asym\u00e9trie a commenc\u00e9 en 2019 et restera en 2020. Les grilles que nous utilisions tous pour aider \u00e0 ajouter du contenu \u00e0 un site Web de mani\u00e8re coh\u00e9rente. Les mises en page r\u00e9alis\u00e9es avec des grilles semblent sym\u00e9triques et structur\u00e9es. Il existe un moyen par lequel cette pr\u00e9visibilit\u00e9 facilite la consommation d\u2019informations.<\/p>\n<p>Cependant, la nouvelle tendance consistant \u00e0 utiliser des grilles asym\u00e9triques et \u00e0 cr\u00e9er une exp\u00e9rience \u00abcass\u00e9e\u00bb pour le spectateur est \u00e0 son apog\u00e9e. Les concepteurs superposent des modules de contenu, des couleurs et des textures pour obtenir un effet de profondeur. Ce dynamisme aide \u00e0 engager les internautes et \u00e0 souligner les sections du site Web les plus orient\u00e9es vers la conversion.<\/p>\n<p>\u00c0 propos, avoir une grille cass\u00e9e n\u2019est pas identique \u00e0 ne pas avoir de structure du tout. Les sites Web b\u00e2cl\u00e9s ne sont toujours pas \u00e0 la mode.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/mathieu-levesque\" target=\"_blank\">MATHIEU LEVESQUE<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147097\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/mathieu-levesque.png\" alt=\"MATHIEU LEVESQUE\" width=\"1000\" height=\"490\" data-wp-pid=\"147097\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/mathieulevesque.com\/en\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Lorsque vous faites d\u00e9filer ce site Web, vous voyez des modules asym\u00e9triques se d\u00e9placer \u00e0 une vitesse diff\u00e9rente et des l\u00e9gendes appara\u00eetre et dispara\u00eetre. Lorsque la photo rencontre le texte, le type change comme s'il se cachait derri\u00e8re la photo.<\/p>\n<p>Ces effets donnent au site Web un aspect \u00e0 la fois asym\u00e9trique et harmonieux. Le spectateur a l'impression que le chaos per\u00e7u de cette mise en page est soigneusement r\u00e9fl\u00e9chi.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/femme-fierce\" target=\"_blank\">FEMME AND FIERCE<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147098\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/femme-fierce.png\" alt=\"FEMME AND FIERCE\" width=\"1000\" height=\"486\" data-wp-pid=\"147098\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/femmeandfierce.nl\/home\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Ce design combine brutalisme, asym\u00e9trie et d\u00e9filement anim\u00e9. En cons\u00e9quence, nous voyons un site Web tr\u00e8s \u00e9quilibr\u00e9 et minimaliste avec une touche de jeunesse.<\/p>\n<p>Les types de police old-school et la palette ros\u00e9e \u00e9quilibrent le dessin, le rendant plus chic. Lorsque vous passez la souris sur chaque photo du produit, vous voyez une animation qui implique des ic\u00f4nes personnalis\u00e9es. Le site Web ressemble \u00e0 un magazine de mode classique qui a \u00e9t\u00e9 refait pour un public jeune et f\u00e9roce.<\/p>\n<hr \/>\n<h3 id=\"title11\" style=\"text-align: center\">2.6 POLICES EXPRESSIVES<\/h3>\n<p>Les caract\u00e8res gras font basculer la conception de sites Web depuis un certain temps d\u00e9j\u00e0. De plus, nous voyons beaucoup de caract\u00e8res ruin\u00e9s, d\u00e9sordre, remplis en 3D ou recadr\u00e9s. Un texte plus grand que nature et des polices en gras d\u00e9finissent l'atmosph\u00e8re du site Web et cr\u00e9ent des accents l\u00e0 o\u00f9 vous en avez besoin.<\/p>\n<p>Les polices de caract\u00e8res g\u00e9om\u00e9triques ajoutent une sensation de pointe au design. Clairs et minimalistes, ils peuvent compenser la complexit\u00e9 des mises en page et des animations utilis\u00e9es dans le m\u00eame design.<\/p>\n<p>Les polices manuscrites, \u00e0 leur tour, ajoutent une sensation confortable et charmante au site Web. Ils sont utilis\u00e9s en combinaison avec des \u00e9l\u00e9ments d'esquisse, des illustrations de type dessin anim\u00e9 ou seuls. En 2020, nous les verrons audacieux, expressifs et asym\u00e9triques.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/laroulotte-retouche.com\/mort-ou-vif\" target=\"_blank\" class=\"broken_link\">LA ROULOTTE<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147100\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/laroulotte.png\" alt=\"LA ROULOTTE\" width=\"1000\" height=\"492\" data-wp-pid=\"147100\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/laroulotte-retouche.com\/mort-ou-vif\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Nous voyons ici une combinaison impressionnante de mises en page anim\u00e9es irr\u00e9guli\u00e8res, de formes g\u00e9om\u00e9triques, de brutalisme et, bien s\u00fbr, de caract\u00e8res typographiques. La conception cr\u00e9e une exp\u00e9rience cass\u00e9e impressionnante. Notez comment les lettres sont recadr\u00e9es et dispers\u00e9es \u00e0 travers les mises en page.<\/p>\n<p>La couleur rouge rend le type encore plus expressif. Notez \u00e9galement \u00e0 quel point le logo associe \u00e0 merveille une forme g\u00e9om\u00e9trique et des lettres recadr\u00e9es.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/mountain-man-band-website\" target=\"_blank\">MOUNTAIN MAN BAND<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147101\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/mountain-man-band.png\" alt=\"MOUNTAIN MAN BAND\" width=\"1000\" height=\"497\" data-wp-pid=\"147101\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.wearemountainman.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Cette page d'accueil pr\u00e9sente de grosses lettres manuscrites r\u00e9dig\u00e9es de mani\u00e8re irr\u00e9guli\u00e8re et n\u00e9glig\u00e9e. Lorsque vous faites d\u00e9filer l'\u00e9cran, le texte anim\u00e9 s'affiche dans des polices g\u00e9om\u00e9triques et des images d'arri\u00e8re-plan blanchies. La palette de couleurs est incroyablement att\u00e9nu\u00e9e. Le design est chaleureux et confortable, invitant le visiteur \u00e0 rester plus longtemps et \u00e0 passer un bon moment.<\/p>\n<hr \/>\n<h3 id=\"title12\" style=\"text-align: center\">2.7 IMAGES EN COUCHES, ENDOMMAG\u00c9ES<\/h3>\n<p>La tendance g\u00e9n\u00e9rale \u00e0 tout d\u00e9truire, des arri\u00e8re-plans \u00e0 la typographie, comprend la rupture et l\u2019exp\u00e9rimentation de photos. Ce qui aurait \u00e9t\u00e9 impensable il y a quelques ann\u00e9es, comme une photo de personnage endommag\u00e9 sur la page d'accueil, sera visible sur de nombreux sites Web en 2020.<\/p>\n<p>Non seulement les concepteurs de sites Web endommagent et corrigent les images, mais ils les \u00e9crivent \u00e9galement et mettent toutes sortes d'\u00e9l\u00e9ments sur les photos pour ajouter \u00e0 la complexit\u00e9. Les \u00e9l\u00e9ments qui se chevauchent, les duotones et le d\u00e9sordre resteront \u00e0 la mode en 2020.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/kyoto-okazaki-meiji-sakaba\" target=\"_blank\">KYOTO-OKAZAKI MEIJI SAKABA<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147120\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/kyoto-okazaki-meiji-sakaba.png\" alt=\"KYOTO-OKAZAKI MEIJI SAKABA\" width=\"1000\" height=\"486\" data-wp-pid=\"147120\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/meijisakaba.jp\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>La conception complexe de cette page d'accueil comporte des images asym\u00e9triques partageant la palette de couleurs rouge et recouvertes de formes enchev\u00eatr\u00e9es. Le concepteur utilise \u00e0 la fois des couleurs vibrantes de rouge et de beige att\u00e9nu\u00e9es, ainsi que des types uni audacieux.<\/p>\n<p>Si vous faites d\u00e9filer l'\u00e9cran vers le bas, il y aura plus de polices de g\u00e9om\u00e9trie, de probl\u00e8mes et d'expressions manuscrites expressives. Globalement, le site Web est fascinant.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/adidas-women-here-to-create\" target=\"_blank\">ADIDAS WOMEN<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147121\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/adidas-women.png\" alt=\"ADIDAS WOMEN\" width=\"1000\" height=\"493\" data-wp-pid=\"147121\" \/><\/p>\n<p><a class=\"btn broken_link\" rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.adidas.at\/statementcollection?cm_mmc=AdiSocialMedia_Instagram-_-women-_-infeed-_-Link-_-Bio-_-dv:Brand-_-cn:READY_TO_GO-_-pc:women&amp;cm_mmc1=GLOBAL&amp;cm_mmc2=adidas-GLOBAL-Brand-SocialOwned-Instagram-women-Prospecting-GLOBAL-READY_TO_GO-Multiple-1810\" target=\"_blank\">Site Web<\/a><\/p>\n<p>La grande division de l'image ressemble \u00e0 un miroir bris\u00e9 et nous permet de voir les images en double. Le reste de la conception semble tr\u00e8s minimaliste - avec beaucoup d'espaces et une typographie plus traditionnelle. En cons\u00e9quence, toutes les vues sont coll\u00e9es sur la vid\u00e9o comme si elles \u00e9taient affich\u00e9es sur un moniteur d\u00e9fectueux.<\/p>\n<hr \/>\n<h3 id=\"title13\" style=\"text-align: center\">2.8 TEXTURES INTERACTIVES CHAOTIQUES<\/h3>\n<p>En ce qui concerne les arri\u00e8re-plans et les textures, la m\u00eame tendance de \u00abfracture\u00bb s\u2019appliquera certainement. En 2020, nous verrons encore beaucoup d'arri\u00e8re-plans s\u00e9pia et micro-endommag\u00e9s ou blanchis.<\/p>\n<p>Les concepteurs utilisent des textures d'aspect us\u00e9 et des motifs anim\u00e9s futuristes. Il n'y a fondamentalement pas de r\u00e8gles. Derni\u00e8rement, alors que la tendance de l'interactivit\u00e9 du site Web prend \u00e9galement de l'ampleur, on voit de plus en plus de textures anim\u00e9es interactives. Nous verrons \u00e9galement beaucoup de vid\u00e9os int\u00e9gr\u00e9es qui servent d\u2019arri\u00e8re-plans textur\u00e9s plut\u00f4t que d\u2019\u00e9l\u00e9ments de narration traditionnels.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/human-always\" target=\"_blank\">HUMAN ALWAYS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147122\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/human-always.png\" alt=\"HUMAN ALWAYS\" width=\"1000\" height=\"491\" data-wp-pid=\"147122\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/humanalways.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Avec une belle palette de couleurs en sourdine et des micropatterns qui ressemblent \u00e0 une texture endommag\u00e9e, cette conception est profonde et inspirante. Il y a aussi beaucoup de g\u00e9om\u00e9trie dans la conception: des rectangles \u00e9nerv\u00e9s sont combin\u00e9s avec des formes arrondies fluides pour cr\u00e9er de la complexit\u00e9.<\/p>\n<p>Il y a un menu de barre lat\u00e9rale d'aspect minimaliste et un curseur en bas de la page. En raison de cette combinaison d'\u00e9l\u00e9ments, le site Web est \u00e0 la fois exp\u00e9rimental et ancr\u00e9 dans la tradition.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/drip-pop\" target=\"_blank\">DRIP POP<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147160\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/drip-pop.png\" alt=\"DRIP POP\" width=\"1000\" height=\"491\" data-wp-pid=\"147160\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/drippop.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Ce site Web a l'air savoureux et vif. Les concepteurs ont utilis\u00e9 des motifs anim\u00e9s chaotiques comme texture d\u2019arri\u00e8re-plan sur la page d\u2019accueil. Avant de faire d\u00e9filer le site, vous faites une pause pour voir plus de ces gouttes de couleur impressionnantes.<\/p>\n<p>En bas de la page, il y a des photos anim\u00e9es r\u00e9alistes. Contre le design d\u2019inspiration plate de la page, ils sont \u00e9normes et d\u00e9licieux. La combinaison de la conception des mat\u00e9riaux, des curseurs horizontaux et de l\u2019animation complexe attire l\u2019attention et ne l\u2019abandonne pas.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/distinction-agency\" target=\"_blank\">DISTINCTION AGENCY<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147161\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/distinction-agency.png\" alt=\"DISTINCTION AGENCY\" width=\"1000\" height=\"482\" data-wp-pid=\"147161\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/distinction.co.uk\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Les conceptions interactives seront partout en 2020. Sur ce site Web, nous voyons un exemple \u00e9tonnant de texture anim\u00e9e qui change de couleur et r\u00e9v\u00e8le les photos. Compl\u00e9t\u00e9e par une typographie neutre et un panneau de menu minimaliste, cette texture \u00e0 l\u2019\u00e9chelle a l\u2019air incroyable.<\/p>\n<p>Lorsque vous appuyez sur l'un des mots mis en surbrillance dans la l\u00e9gende, une nouvelle mise en page plate et minimaliste est r\u00e9v\u00e9l\u00e9e. Nous voyons ici des formes anim\u00e9es traditionnelles sur un fond clair.<\/p>\n<hr \/>\n<h3 id=\"title14\" style=\"text-align: center\">2.9 COULEURS DE R\u00caVE<\/h3>\n<p>En 2019, nous avons vu beaucoup de couleurs dans la conception Web, et la tendance est l\u00e0 pour rester. Les couleurs vives sont utilis\u00e9es dans les conceptions plates plus traditionnelles ou les dispositions semi-plates plus profondes. Les palettes arc-en-ciel et les pastels sourds et profonds seront \u00e9galement populaires.<\/p>\n<p>L'ann\u00e9e prochaine, les combinaisons de couleurs ressembleront \u00e0 des arcs-en-ciel et \u00e0 des d\u00e9grad\u00e9s qui \u00e9taient si populaires en 2019. Chaque fois que cela est possible, les concepteurs s'\u00e9loigneront des couleurs traditionnelles pour adopter leurs \u00e9quivalents plus brillants ou plus profonds.<\/p>\n<p>Dans le m\u00eame temps, nous nous attendons \u00e0 la mont\u00e9e en puissance des palettes beiges associ\u00e9es \u00e0 des couleurs plus vives et \u00e0 des \u00e9l\u00e9ments anim\u00e9s.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/le-petit-nantais\" target=\"_blank\">LE PETIT NANTAIS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147162\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/le-petit-nantais.png\" alt=\"LE PETIT NANTAIS\" width=\"1000\" height=\"489\" data-wp-pid=\"147162\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.lepetitnantais.fr\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Un exemple \u00e9tonnant de design plat interactif combinant nombre des tendances que nous verrons en 2020. L'image du personnage est rendue dans des couleurs vives et contrast\u00e9es. il y a des ic\u00f4nes lumineuses et un d\u00e9filement anim\u00e9.<\/p>\n<p>Lorsque vous cliquez sur un onglet de menu, une transition color\u00e9e et anim\u00e9e vous am\u00e8ne \u00e0 une autre page. Les \u00e9l\u00e9ments lentement flottants cr\u00e9ent une sensation profonde qui \u00e9quilibre les illustrations plates.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/slowbanana.com\/\" target=\"_blank\" class=\"broken_link\">SLOW BANANA<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147163\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/slowbanana.png\" alt=\"SLOW BANANA\" width=\"1000\" height=\"489\" data-wp-pid=\"147163\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/slowbanana.com\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Ici, nous avons encore une combinaison de couleurs vives et une image de personnage passionn\u00e9e sur la page principale. Ci-dessous, vous trouverez plusieurs dispositions de conception \u00e0 plat, chacune avec un fond vif monochrome et une typographie audacieuse. La simplicit\u00e9 de ce site Web le rend encore plus impressionnant.<\/p>\n<hr \/>\n<h3 id=\"title15\" style=\"text-align: center\">2.10 BRUTALISME<\/h3>\n<p>En 2020, on nous rappellera de plus en plus l'aube d'Internet \u00e0 travers le brutalismeE dans la conception de sites Web. Ceux qui en ont assez des lay-out sobres appr\u00e9cieront les layouts brutaux des ann\u00e9es quatre-vingt-dix.<\/p>\n<p>Ces sites Web comporteront un trop grand nombre d\u2019effets de survol, d\u2019animation, de micro-interactions, de gros types, d\u2019images de grande taille et de couleurs Web s\u00e9curis\u00e9es. Ils ne sont pas cens\u00e9s \u00eatre fonctionnels au maximum; ils choisissent de submerger et d'impressionner. Tout ira un peu trop loin: les couleurs se contrediront, les mots seront difficiles \u00e0 lire et le contenu sera organis\u00e9 de mani\u00e8re chaotique. Et bien s\u00fbr, il y aura beaucoup de noir et blanc.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/the-website-of-erik-bernacchi\" target=\"_blank\">ERIK BERNACCI<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147164\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/erik-bernacchi.png\" alt=\"ERIK BERNACCI\" width=\"1000\" height=\"484\" data-wp-pid=\"147164\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/eeerik.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Pouvez-vous entendre le son de l'Internet dial-up? Je me suis senti tr\u00e8s nostalgique (et vieux) en regardant ce site Web. Le concepteur associe des couleurs Web s\u00e9curis\u00e9es \u00e0 l'ancienne, une animation na\u00efve et des ic\u00f4nes impressionnantes.<\/p>\n<p>Cette conception semble \u00e0 la fois brutale et sentimentale. Chaque \u00e9l\u00e9ment a \u00e9t\u00e9 soigneusement con\u00e7u pour s\u2019adapter \u00e0 l\u2019image compl\u00e8te d\u2019un site Web ancien avec une pointe ironique.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/romain-granai\" target=\"_blank\">ROMAIN GRANAI<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147165\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/romain-granai.png\" alt=\"ROMAIN GRANAI\" width=\"1000\" height=\"489\" data-wp-pid=\"147165\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/romaingranai.be\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>C\u2019est une autre variante du brutalisme avec une touche sp\u00e9ciale. Nous voyons beaucoup d'\u00e9l\u00e9ments enchev\u00eatr\u00e9s, comme c'\u00e9tait \u00e0 la mode en 2019. Ils sont appuy\u00e9s par une typographie massive et des effets de d\u00e9filement plut\u00f4t vicieux. Cette conception submerge et laisse une impression durable. Il y a aussi une version mobile, assurez-vous de v\u00e9rifier!<\/p>\n<hr \/>\n<h3 id=\"title16\" style=\"text-align: center\">2.11 ILLUSTRATIONS \u00c0 LA MAIN<\/h3>\n<p>Les illustrations \u00e0 l\u2019aquarelle, les pastels et les croquis n\u2019ont rien de nouveau dans la conception Web. En 2020, nous en verrons encore plus. Des dessins uniques deviendront de plus en plus complexes, dynamiques et interactifs. Si, en 2017, il suffisait de cr\u00e9er un design original dessin\u00e9 \u00e0 la main pour votre site Web, les illustrations doivent maintenant int\u00e9resser les t\u00e9l\u00e9spectateurs et r\u00e9pondre \u00e0 leurs actions.<\/p>\n<p>L'utilisation d'illustrations sur le site Web doit \u00eatre coh\u00e9rente. Vous ne pouvez pas mettre un beau dessin ici et l\u00e0 et le qualifier de journ\u00e9e - toute la typographie, la micro-animation et les arri\u00e8re-plans doivent s\u2019inscrire dans une exp\u00e9rience unique.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/a-smith-creations\" target=\"_blank\">A+SMITH CREATIONS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147167\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/a-smith-creations.png\" alt=\"A+SMITH CREATIONS\" width=\"1000\" height=\"489\" data-wp-pid=\"147167\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.asmithcreations.com\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Ce site Web noir magnifique comporte une illustration \u00e9l\u00e9gante sur la page d'accueil. Lorsque vous faites d\u00e9filer l'\u00e9cran, un \u00e9l\u00e9ment appara\u00eet au premier plan et est entour\u00e9 de texte.<\/p>\n<p>Ce site Web est \u00e0 la fois artistique et minimaliste. Les \u00e9l\u00e9ments CTA sont mis en \u00e9vidence en rouge et les autres lignes restent claires et subtiles. Le logo de la soci\u00e9t\u00e9 pr\u00e9sente des lignes ondul\u00e9es similaires et agit comme un bel accent dans cette conception.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/history-of-american-music\" target=\"_blank\">HISTORY OF AMERICAN MUSIC<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147168\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/history-of-american-music.png\" alt=\"HISTORY OF AMERICAN MUSIC\" width=\"1000\" height=\"492\" data-wp-pid=\"147168\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.telegraph.co.uk\/travel\/discover-america\/evolution-of-music\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Voici un site Web totalement diff\u00e9rent qui utilise l\u2019illustration manuscrite comme \u00e9l\u00e9ment de design et de narration. En faisant d\u00e9filer la liste, vous r\u00e9v\u00e9lez la chronologie de la musique am\u00e9ricaine dans de superbes illustrations interactives. Vous pouvez \u00e9galement lancer une liste de lecture de jazz directement sur le site Web pour obtenir une impression compl\u00e8te.<\/p>\n<hr \/>\n<h3 id=\"title17\" style=\"text-align: center\">2.12 INTERACTIVIT\u00c9<\/h3>\n<p>Comme vous l'avez probablement remarqu\u00e9 dans les exemples que j'ai donn\u00e9s ci-dessus, les conceptions Web impliquent de cr\u00e9er des exp\u00e9riences plus complexes et dynamiques pour les utilisateurs. Nous verrons beaucoup de vid\u00e9os int\u00e9gr\u00e9es, de micro-interactions, de scroll anim\u00e9s, etc. Gr\u00e2ce aux nouvelles technologies d'animation telles que SVG, aucune perte de qualit\u00e9 de votre animation ne se produira si elle est visionn\u00e9e sur un \u00e9cran mobile.<\/p>\n<h4 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/garbage31\" target=\"_blank\" rel=\"nofollow\">GARBAGE 31<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147170\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/garbage31.png\" alt=\"GARBAGE 31\" width=\"1000\" height=\"479\" data-wp-pid=\"147170\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/garbage31.com\/en\/#\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Ce site Web g\u00e9nial con\u00e7u par une \u00e9quipe de cr\u00e9ateurs ukrainiens apporte l'interactivit\u00e9 \u00e0 un niveau sup\u00e9rieur. Vous \u00eates immerg\u00e9 dans l'exp\u00e9rience d\u00e8s les premi\u00e8res secondes. Pour acc\u00e9der au site Web, vous devez vider un sac de d\u00e9chets avec un couteau. Ensuite, le site Web vous invite \u00e0 trouver un endroit pour recycler diff\u00e9rents types de corbeilles.<\/p>\n<p>Le design est tr\u00e8s minimaliste; l'accent est mis sur la partie interactive et fonctionnelle. Rien ne d\u00e9tourne votre attention de la t\u00e2che principale: trouver le bon site de recyclage.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/cocoon\" target=\"_blank\">COCOON<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147172\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/cocoon.png\" alt=\"COCOON\" width=\"1000\" height=\"478\" data-wp-pid=\"147172\" \/><\/p>\n<p><a class=\"btn broken_link\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/cocoon.co.il\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>L\u2019exp\u00e9rience sur ce site Web commence par une interaction simple mais agr\u00e9able dans laquelle vous choisissez la section que vous souhaitez entrer. Cette conception comporte \u00e9galement de belles transitions anim\u00e9es. Ils varient d\u2019une page \u00e0 l\u2019autre et rendent le temps que vous passez sur le site Web encore plus attrayant.<\/p>\n<p>Il existe \u00e9galement des grilles dynamiques, des ic\u00f4nes personnalis\u00e9es et de nombreux contenus photo int\u00e9ressants pour amplifier l'impression. Le site Web a l'air lisse et technologique.<\/p>\n<hr \/>\n<h3 id=\"title18\" style=\"text-align: center\">2.13 OLDSCHOOL ET GAME-LIKE<\/h3>\n<p>La tendance au brutalisme va de pair avec la tendance \u00e0 cr\u00e9er des designs qui ressemblent \u00e0 de vieux jeux vid\u00e9o. M\u00eame les non-joueurs se sentiront sentimentaux lorsqu'ils verront des \u00e9l\u00e9ments de type Nintendo sur un site Web. Cette esth\u00e9tique s'\u00e9tend sur plusieurs g\u00e9n\u00e9rations et conf\u00e8re une touche ludique \u00e0 tout design.<\/p>\n<p>Lorsqu'ils sont anim\u00e9s et interactifs, les \u00e9l\u00e9ments du jeu plongent les spectateurs dans une exp\u00e9rience Nintendo. De cette mani\u00e8re, on peut facilement augmenter le temps pass\u00e9 par les visiteurs sur un site Web.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/all\" target=\"_blank\">ALL<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147174\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/all.png\" alt=\"ALL\" width=\"1000\" height=\"483\" data-wp-pid=\"147174\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.thatsall.co\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Ce site Web pr\u00e9sente toutes les principales tendances de 2019-2020 dans un seul package. Cela encourage l'utilisateur \u00e0 interagir et \u00e0 cr\u00e9er un d\u00e9fi cr\u00e9atif. Ensuite, l'utilisateur est invit\u00e9 \u00e0 un site Web d'une page tr\u00e8s net, avec une impression de brutalisme et de style Nintendo.<\/p>\n<p>La conception comporte de nombreuses micro-interactions, des lettres anim\u00e9es audacieuses, des ic\u00f4nes et des pop-ups caricaturales, ainsi qu'une belle typographie manuscrite ici et l\u00e0. L'\u00e9norme logo sur la page d'accueil interagit avec vous lorsque vous la survolez.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/praise-or-haze-trump\" target=\"_blank\">PRAZE OR HAZE TRUMP<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147175\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/praise-or-haze-trump.png\" alt=\"PRAZE OR HAZE TRUMP\" width=\"1000\" height=\"482\" data-wp-pid=\"147175\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/praiseorhazetrump.com\/\" target=\"_blank\" class=\"broken_link\">Site Web<\/a><\/p>\n<p>Bien que plut\u00f4t controvers\u00e9, ce design vous offre l\u2019opportunit\u00e9 de jouer avec un personnage qui ressemble \u00e0 un politicien c\u00e9l\u00e8bre. Ce site Web amusant semble avoir pour objectif de r\u00e9duire la pression id\u00e9ologique et politique gr\u00e2ce \u00e0 une imitation de jeu vid\u00e9o. N\u00e9anmoins, cette conception est tout \u00e0 fait conforme aux tendances que nous verrons en 2020.<\/p>\n<hr \/>\n<h3 id=\"title19\" style=\"text-align: center\">2.14 OBJETS 3D<\/h3>\n<p>Au cours des deux derni\u00e8res ann\u00e9es, l'utilisation d'\u00e9l\u00e9ments 3D dans la conception Web est devenue une pratique courante. En 2020, les concepteurs int\u00e9greront OBJETS 3D dans des pr\u00e9sentations en couches complexes et les rendront interactives.<\/p>\n<p>La ligne entre les objets r\u00e9els et leurs analogues 3D est plus floue que jamais. De plus, les \u00e9l\u00e9ments 3D dynamiques se d\u00e9placeront de plus en plus naturellement pour cr\u00e9er une exp\u00e9rience organique fluide. Les mat\u00e9riaux naturels et les formes rondes vont inspirer de plus en plus de concepteurs 3D en 2020.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/poor-folk-kabakovs\" target=\"_blank\">POOR FOLK KABAKOVS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147176\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/poor-folk-kabakovs.png\" alt=\"POOR FOLK KABAKOVS\" width=\"1000\" height=\"487\" data-wp-pid=\"147176\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/kabakovs.garagemca.org\/en\/\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Nous avons ici une conception de page d\u2019accueil superpos\u00e9e avec de petits objets 3D qui agissent comme une texture. Sous le motif 3D, une grande l\u00e9gende glissant dans la vue et un arri\u00e8re-plan vid\u00e9o. Ce que nous attendons d\u2019un site Web en 2020 est une exp\u00e9rience aussi complexe.<\/p>\n<p>Le site Web a une sensation quelque peu chaotique. Des images apparaissent irr\u00e9guli\u00e8rement et du texte les recouvre \u00e0 certains endroits, mais l'impression g\u00e9n\u00e9rale est celle d'un chef-d'\u0153uvre de conception de sites Web moderne.<\/p>\n<h4 style=\"text-align: center\"><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.awwwards.com\/sites\/espn-nbas-signature-moves\" target=\"_blank\">ESPN NBA's SIGNATURE MOVES<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147177\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/espn-nbas-signature-moves.png\" alt=\"ESPN NBA's SIGNATURE MOVES\" width=\"1000\" height=\"487\" data-wp-pid=\"147177\" \/><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.espn.com\/espn\/feature\/story\/_\/id\/24504198\/the-nba-best-signature-moves-michael-jordan-fadeaway-allen-iverson-crossover#!\" target=\"_blank\">Site Web<\/a><\/p>\n<p>Dans cet exemple, nous voyons l'histoire du basket-ball racont\u00e9e en utilisant des figures 3D \u00e9pur\u00e9es des joueurs de la NBA. Cette conception pr\u00e9sente toutes les tendances importantes de 2020 - couleurs vives, grands types, interactivit\u00e9 et int\u00e9gration vid\u00e9o.<\/p>\n<p>Eh bien, je suppose que c\u2019est tout. J'esp\u00e8re que vous avez appr\u00e9ci\u00e9 cette lecture et \u00e0 bient\u00f4t en 2020!<\/p>\n<hr \/>\n<p><a href=\"https:\/\/www.templatemonster.com\/fr\/type\/themes-joomla\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-4062\" src=\"https:\/\/www.templatemonster.com\/blog\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min.jpg\" alt=\"Th\u00e8mes Joomla\" width=\"728\" height=\"90\" srcset=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min.jpg 728w, https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min-300x37.jpg 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<\/p>\n<hr \/>\n<p><em>Avez-vous aim\u00e9 la collection? S'il vous pla\u00eet laissez-moi un commentaire!<\/em><br \/><em>Aussi, abonnez-vous \u00e0 notre blog pour voir plus d'articles emblables.<\/em><\/p>\n<hr \/>\n<p><strong>Les tendances de la conception Web en 2020 r\u00e9sum\u00e9 (cliquez pour passer \u00e0 contenu):<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Layout\" target=\"_blank\">Mise en page<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Imagery\" target=\"_blank\">Images<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Animation\" target=\"_blank\">Animation<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Scrolling\" target=\"_blank\">Scrolling<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Usability\" target=\"_blank\">Ergonomie<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Loading\" target=\"_blank\">Chargement<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Designer's%20Toolkit\" target=\"_blank\">Bo\u00eete \u00e0 outils du concepteur<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Coding\" target=\"_blank\">Codage<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Futuristic%20Forecast\" target=\"_blank\">Pr\u00e9visions futuristes<\/a>\u00a0&gt;&gt;<\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#Final%20Ideas\" target=\"_blank\">Id\u00e9es finales<\/a>\u00a0&gt;&gt;<\/li>\n<\/ul>\n<p>* * *<\/p>\n<p><a name=\"Layout\"><\/a>Mise en page<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Layout.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>\u00c9CRAN DIVIS\u00c9<\/h3>\n<p>Ce type de mise en page \u00e9tait l'une des tendances dominantes observ\u00e9es en 2019. Split Screen est une mise en page o\u00f9 le site est divis\u00e9 en deux: 2 images diff\u00e9rentes avec 2 intentions diff\u00e9rentes et CTA.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.desktimeapp.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Split-Screen.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/modeles-site-tipo-62466.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147272\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/Brave.jpg\" alt=\"\" width=\"835\" height=\"100\" data-wp-pid=\"147272\" \/><\/a><\/p>\n<h3>UTILISATION PLUS GRANDE DES COULEURS<\/h3>\n<p>Les applications et les sites Web ont tendance \u00e0 rester avec des couleurs compatibles avec le Web. Bleus, couleurs \u00e9touff\u00e9es, rouge pour les alertes et les notifications. En 2020, nous nous attendons \u00e0 voir beaucoup plus de variations dans les couleurs de la marque, en privil\u00e9giant les couleurs satur\u00e9es et vibrantes. Peut-\u00eatre qu\u2019ils auront l\u2019air m\u00eame n\u00e9on ou fluorescent.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Bolder-use-of-colors.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<hr \/>\n<h3>TYPOGRAPHIE<\/h3>\n<p>La typographie est l'art et la technique de l'arrangement pour rendre les mots \u00e9crits plus attrayants. Alors que les concepteurs am\u00e9liorent tous les aspects du design, la typographie doit \u00eatre incluse. Le design plat et le minimalisme exploitent d\u00e9j\u00e0 le pouvoir des grandes polices de caract\u00e8res dramatiques pour donner une impression forte. L'ann\u00e9e \u00e0 venir apportera une utilisation plus aventureuse des polices artistiques et des traitements de type cr\u00e9atif sur les sites Web.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Typography.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<hr \/>\n<h3>GRILLE DE BLOCS<\/h3>\n<p>La grille de blocs est particuli\u00e8rement utile pour les sites de commerce \u00e9lectronique. Elle est tr\u00e8s efficace pour afficher les produits. La page n'a pas l'air malpropre. En outre, vous pouvez jouer avec la taille des blocs pour souligner l\u2019importance (le plus gros - le plus important).<br \/>Bien que vous ne puissiez pas avoir une vue r\u00e9aliste des grilles, il n\u2019en reste pas moins que les grilles sont tr\u00e8s pr\u00e9sentes sur l\u2019interface de chaque mobile. Pas \u00e9tonnant, ces grilles sont consid\u00e9r\u00e9es comme le chemin de conception \u00e9l\u00e9mentaire \u00e0 partir duquel vous pouvez relancer votre t\u00e2che de conception d'applications mobiles.<\/p>\n<p>De plus, l\u2019ann\u00e9e 2020 verra des mises en page Web plus ludiques qui s\u2019\u00e9carteront d\u2019une conception de grille rigide. Certes, la narration et haute interactivit\u00e9 encouragent ce type de r\u00e9bellion douce contre la grille classique.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-woocommerce-tipo-53330.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Blocks-Grid.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<p>Il existe un avis selon lequel les grilles \u00e0 la demande remplaceront Bootstrap, Foundation et UI Kit.<\/p>\n<p>Peut-\u00eatre qu'il est temps d'apprendre plus sur Susy 2? Qu'est-ce que vous en pensez? Bootstrap et Foundation ont fait des merveilles pour le prototypage rapide, mais \u00e0 l\u2019heure actuelle, ils se sentent assez rigides en tant que plates-formes de conception. Si vous avez pass\u00e9 beaucoup de temps \u00e0 les utiliser, alors vous savez qu'il est tr\u00e8s difficile de sortir des blocs de la grille de mani\u00e8re \u00e9l\u00e9gante. Vous savez \u00e9galement que les fichiers JS et CSS g\u00e9n\u00e9r\u00e9s par la structure de base sont d\u00e9sagr\u00e9ables. Le kit d\u2019interface utilisateur a \u00e9t\u00e9 un grand pas dans la bonne direction, mais c\u2019est toujours un syst\u00e8me de grille que vous devez ajuster pour s\u2019adapter \u00e0 votre projet. Susy 2 est facile \u00e0 comprendre, mais une fois que vous l'obtenez, vous pouvez invoquer des grilles \u00e0 la demande pour les \u00e9l\u00e9ments qui en ont besoin, tout en restant fid\u00e8les \u00e0 votre conception l\u00e9g\u00e8re.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/modeles-site-tipo-62267.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147273\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/Monstroid%C2%B2.jpg\" alt=\"\" width=\"835\" height=\"100\" data-wp-pid=\"147273\" \/><\/a><\/p>\n<h3>FLEXBOX RED\u00c9FINIRA DES SYST\u00c8MES DE GRILLES R\u00c9ACTIFS<\/h3>\n<p>Flexbox est maintenant pris en charge par tous les navigateurs modernes, ce qui signifie une CSS plus propre, des sites Web plus rapides et moins de modifications de mise en page, juste pour obtenir quelque chose \u00e0 aligner verticalement. Flexbox r\u00e9agit naturellement aux modifications de la fen\u00eatre du navigateur, rendant inutile le recours aux syst\u00e8mes de grille r\u00e9actifs populaires.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/blog.teamtreehouse.com\/responsive-design-of-the-future-with-flexbox\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Flexbox.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>CARD LAYOUTS<\/h3>\n<p>Pionni\u00e8res par Pinterest, les cartes (qui sont tr\u00e8s proches des grilles) sont omnipr\u00e9sentes sur le Web car elles pr\u00e9sentent des informations sous forme de petits morceaux parfaits pour la num\u00e9risation. Chaque carte repr\u00e9sente un concept unifi\u00e9. S'agissant de \u00abconteneurs de contenu\u00bb, leur forme rectangulaire facilite leur r\u00e9organisation pour diff\u00e9rents points d'arr\u00eat de p\u00e9riph\u00e9rique.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.pinterest.com\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/card-layouts.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>AUCUN EN-TETE \/ PIED DE PAGE<\/h3>\n<p>Le site Web semble inhabituel sans menu et onglets (pour \u00eatre plus pr\u00e9cis, quand ils sont cach\u00e9s). Cela donne un magnifique effet de propret\u00e9. Les utilisateurs ne se concentrent que sur les choses importantes.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-wordpress-tipo-53145.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/No-header-footer.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>LA HAUSSE DU MATERIAL DESIGN<\/h3>\n<p>Material Design est un langage de conception d\u00e9velopp\u00e9 par Google. Cette annonce a \u00e9t\u00e9 annonc\u00e9e le 25 juin 2014 lors de la conf\u00e9rence Google I \/ O de 2014. De nombreuses applications utilisent ce nouveau langage de conception et nous verrons de plus en plus de sites Web utiliser la conception de mat\u00e9riel en 2020.<\/p>\n<p>Cette tendance perturbera les secteurs o\u00f9 les sites Web ne sont pas si agr\u00e9ables \u00e0 utiliser, comme les compagnies a\u00e9riennes, les banques, les soins de sant\u00e9, les finances, etc. Pensez \u00e0 des images amusantes, des expressions, des fonctionnalit\u00e9s cach\u00e9es, des donn\u00e9es personnalis\u00e9es intelligentes et plus encore.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-joomla-tipo-53797.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Material-Design.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-magento-tipo-62000.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147274\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/Magetique.jpg\" alt=\"\" width=\"835\" height=\"100\" data-wp-pid=\"147274\" \/><\/a><\/p>\n<h3>LA CONCEPTION PLATE NE VIEILLERA JAMAIS<\/h3>\n<p>Peu importe combien d'ann\u00e9es se sont \u00e9coul\u00e9es, les sites Web avec design flat ont toujours l'air frais et actuels. Le style plat \u00e9volue continuellement vers de nouveaux niveaux. En r\u00e9alit\u00e9, il est maintenant dans sa forme r\u00e9elle. Ce formulaire contient \u00e0 la fois des extensions de p\u00e9riph\u00e9riques et des tailles d\u2019\u00e9crans. Gr\u00e2ce \u00e0 cette nouvelle forme, les principes de la conception \u00e0 plat ne dispara\u00eetront jamais de sit\u00f4t. Les utilisateurs ne manqueront jamais un \u00e9l\u00e9ment de contenu important qu'un site Web plat veut afficher.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/moto-cms-3-templates-tipo-56049.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Flat-Design.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>CONCEPTION SEMI-PLAT<\/h3>\n<p>Cette technique existe depuis des ann\u00e9es mais n'a gagn\u00e9 en popularit\u00e9 que depuis quelques ann\u00e9es. Elle est devenue populaire en tr\u00e8s peu de temps, car elle est plus rapide et plus facile \u00e0 comprendre pour les utilisateurs et peut \u00eatre charg\u00e9e plus rapidement sur les sites Web. La tendance en mati\u00e8re de design plat s\u2019observe partout, des blogs de petites entreprises aux sites Web des marques les plus embl\u00e9matiques du monde. Il est assez facile de cr\u00e9er et de g\u00e9rer des conceptions \u00e0 plat. Mais avec les tendances en constante \u00e9volution, les concepteurs ajouteront probablement un petit plus aux ic\u00f4nes, aux menus, aux illustrations afin de donner vie aux \u00e9l\u00e9ments du site.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-wordpress-tipo-51770.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Semi-flat-design.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>RETRAIT D'\u00c9L\u00c9MENTS DE CONCEPTION NON ESSENTIELS EN FAVEUR DE LA SIMPLICIT\u00c9<\/h3>\n<p>Il existe une id\u00e9e \/ concept dans la conception qu'une conception est compl\u00e8te lorsque tous les \u00e9l\u00e9ments non essentiels ont \u00e9t\u00e9 supprim\u00e9s. En 2020, nous pourrions voir davantage de cette id\u00e9e se concr\u00e9tiser, alors que les sites cherchent des moyens de simplifier leurs conceptions en supprimant les \u00e9l\u00e9ments de conception non essentiels.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-shopify-tipo-55551.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Removing-non-essential-design-elements-in-favor-of-simplicity.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><br \/><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/tendances-conception-web-edition-complete\/#521376772\" target=\"_blank\">Simplicit\u00e9 dans la conception Web: infographie<\/a><\/p>\n<p>La simplicit\u00e9 semble partager une \u00e9ternelle camaraderie avec le graphisme. C'est au d\u00e9but des ann\u00e9es 1960 que nous avons assist\u00e9 \u00e0 la vague initiale de simplicit\u00e9 ou de minimalisme et, bien qu'entre-temps, d'\u00e9normes \u0153uvres comportant des d\u00e9tails ornementaux soient entre-deux, la simplicit\u00e9 est redevenue de plus en plus \u00e9clatante aujourd'hui. Parlez de l'une des\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/designtrends.com\/\" target=\"_blank\">derni\u00e8res tendances<\/a>\u00a0en mati\u00e8re de design les plus recherch\u00e9es et la plupart des concepteurs s\u2019expriment pour leur \u00absimplicit\u00e9\u00bb. Alors, quel est l\u2019engouement pour la simplicit\u00e9 qui l\u2019a amen\u00e9 \u00e0 dominer les pr\u00e9sentations ornementales \u00e9labor\u00e9es de longue date? Cinq points ci-dessous r\u00e9sument bien l\u2019importance de la simplicit\u00e9 -<\/p>\n<p><strong>Moins de distraction<\/strong>- Une conception simple \u00e9limine les risques de se laisser distraire par des fonctionnalit\u00e9s suppl\u00e9mentaires inutiles telles que des cliparts soudains ou des biseaux douteux qui pourraient autrement rendre la conception \u00e9crasante et compliqu\u00e9e.<\/p>\n<p><strong>Traitement clair des informations <\/strong> - Vous ne pensez pas qu'il est plus facile pour votre cerveau de traiter des donn\u00e9es \u00e0 partir d'un simple graphe plut\u00f4t que d'une conception avec une perspective 3D complexe? La r\u00e9ponse est d\u00e9finitivement oui et ici vous avez la simplicit\u00e9 comme gagnant.<\/p>\n<p><strong>Codage simple<\/strong>- Les conceptions simples ne demandent pas trop de travail suppl\u00e9mentaire inutile \u00e0 l'\u00e9quipe de d\u00e9veloppement et vos d\u00e9veloppeurs vous aimeraient davantage.<\/p>\n<p><strong>Chargement rapide-<\/strong>\u00a0Une conception Web simpliste signifie moins de d\u00e9tails, ce qui assure un chargement plus rapide et vous aurez des visiteurs heureux pour vous.<\/p>\n<p><strong>Esth\u00e9tiquement plaisant<\/strong>- Quand vous pouvez garder les choses simples et courtes, vous ma\u00eetrisez d\u00e9j\u00e0 l\u2019art de la sophistication qui garantit un travail esth\u00e9tique, aim\u00e9 de tous.<\/p>\n<p>La sc\u00e8ne du graphisme contemporain a amen\u00e9 les concepteurs \u00e0 s'\u00e9loigner de plus en plus des motifs d\u00e9coratifs d\u00e9coratifs pour se porter garants de motifs simples et minimalistes. C\u2019est un \u00e2ge occup\u00e9 aujourd\u2019hui, o\u00f9 nous voulons que tout soit simplifi\u00e9 afin que nous puissions comprendre plus rapidement les pr\u00e9sentations qui nous sont pr\u00e9sent\u00e9es et que la \u00absimplicit\u00e9\u00bb, avec son essence minimaliste et une expression \u00e9quilibr\u00e9e entre forme et fonction, corresponde parfaitement \u00e0 un projet de loi.<\/p>\n<p>L\u2019infographie ci-dessous montre l\u2019importance et la n\u00e9cessit\u00e9 de la simplicit\u00e9 dans la conception et r\u00e9v\u00e8le les lois essentielles pour que la simplicit\u00e9 soit optimale dans vos pr\u00e9sentations.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Simplicity-In-Design.jpg\" \/><\/p>\n<hr \/>\n<h3>Moins de pages<\/h3>\n<p>Si moins est plus, ces jours-ci, l'utilisation d'une conception d'une page ou d'une conception simplifi\u00e9e de plusieurs pages attirera davantage d'utilisateurs sur votre site Web. Les visiteurs \u00e9vitent souvent les pages tr\u00e8s charg\u00e9es.<\/p>\n<p>Personne ne veut plus cliquer sur plusieurs pages. De nos jours, un nombre croissant de personnes acc\u00e9dant \u00e0 Internet par le biais de leurs appareils mobiles, la conception d'une page leur est plus facile et plus pratique. Et lorsque vous concevez un site Web d'une page, il est judicieux de garantir un d\u00e9filement innovant afin de rendre les choses plus faciles et plus int\u00e9ressantes pour les visiteurs.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-wordpress-tipo-55820.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Minimalist.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>FIX WIDTH CENTERED<\/h3>\n<p>Au cours des derni\u00e8res ann\u00e9es, la plupart des sites Web ont utilis\u00e9 l\u2019\u00e9l\u00e9ment de conception \u00abbandes\u00bb ou width: 100% afin que des \u00e9l\u00e9ments tels que les images et les sections \u00e9tendent visuellement toute la largeur de la fen\u00eatre de visualisation du navigateur. Avant que cette tendance ne devienne populaire, la plupart des sites \u00e9taient \u00e0 largeur fixe et centr\u00e9s dans la page. Vous pouvez dire o\u00f9 le site s'est termin\u00e9 de chaque c\u00f4t\u00e9.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/michelemazzucco.it\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Fix-width-centered-site-layout2.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>STYLE VINTAGE INSPIR\u00c9 PAR LES ANN\u00c9ES 80<\/h3>\n<p>L\u2019\u00e8re color\u00e9e des ordinateurs volumineux et des t\u00e9l\u00e9phones cellulaires massifs des ann\u00e9es 80 et 90 est la principale source d\u2019inspiration pour la derni\u00e8re saveur de la tendance vintage sur le Web. Les ic\u00f4nes et les textes pix\u00e9lis\u00e9s, les arri\u00e8re-plans galactiques et les \u00e9toiles et les plan\u00e8tes interactives en mouvement seront tr\u00e8s pr\u00e9sents dans la conception de sites Web en 2020.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/modeles-site-tipo-55949.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Vintage.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>LES PAGES D'ACCUEIL PERSONNALIS\u00c9ES VONT SEJOURNER POUR 2020<\/h3>\n<p>Une page d'accueil personnalis\u00e9e est une invention int\u00e9ressante. Il s\u2019agit essentiellement de reprendre l\u2019objectif principal du site - son objectif principal - et de le mettre sur des st\u00e9ro\u00efdes en introduisant un aspect hautement optimis\u00e9. Ce regard est destin\u00e9 \u00e0 attirer l\u2019attention du visiteur et \u00e0 ne pas l\u00e2cher prise avant qu\u2019il n\u2019ait \u00e9t\u00e9 conduit \u00e0 une action sp\u00e9cifique.<\/p>\n<p>Les pages d'accueil personnalis\u00e9es sont fondamentalement une sorte de page de destination. Dans une certaine mesure, ils diff\u00e8rent du reste de la conception du site Web et sont souvent plus visuels.<\/p>\n<p>Une bonne page d'accueil personnalis\u00e9e offre un meilleur moyen d'accueillir un visiteur pour la premi\u00e8re fois et est plus efficace pour raconter une histoire.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.behance.net\/yearinreview\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Custom-homepages-are-going-to-stay-for-2016.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>UTILISATION DE DIFF\u00c9RENTES FORMES G\u00c9OM\u00c9TRIQUES<\/h3>\n<p>C'\u00e9tait une tendance gagnante des deux derni\u00e8res ann\u00e9es. On s\u2019attend \u00e9galement \u00e0 ce que l\u2019industrie du design Web fasse des vagues cette ann\u00e9e. Pour les longs rectangles, les concepteurs de sites Web ont \u00e9t\u00e9 les premiers \u00e0 choisir. Mais il est probable que de plus en plus de concepteurs d\u00e9ploient des efforts conscients pour cr\u00e9er des formes autres qu\u2019un rectangle en 2020.<\/p>\n<p>Il y a tellement d'autres formes de G\u00c9OM\u00c9TRIE qui peuvent \u00eatre et sont utilis\u00e9es pour concevoir des sites Web. C\u2019est quelque chose qui donne le pouvoir d\u2019am\u00e9liorer la voix globale de la conception Web du site. En plus d'aider les utilisateurs \u00e0 naviguer facilement sur le site, il attire facilement le regard.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/moto-cms-3-templates-tipo-56052.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Using-different-geometric-shapes.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>BOUTONS FANT\u00d4ME<\/h3>\n<p>L'habitude d'utiliser de boutons forts et flashy a disparu. L'utilisation de boutons fant\u00f4mes, \u00e9galement appel\u00e9s boutons transparents \/ creux, est une autre tendance qui r\u00e9gnera en 2020. Les boutons fant\u00f4mes n'incluent que le contour d'un bouton avec un mot ou deux en typographie simple au centre. Et c\u2019est ce qui les rend attrayants et attire imm\u00e9diatement l\u2019attention des gens. En raison de leur nature moins intrusive, les boutons fant\u00f4mes aident les sites \u00e0 mettre davantage en \u00e9vidence le contenu qu\u2019ils souhaitent voir visible par le public.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/modeles-site-tipo-57947.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Ghost-Buttons1.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>UN ACCENT SUR L'ORIGINALIT\u00c9<\/h3>\n<p>Le plus gros probl\u00e8me avec la tendance actuelle en mati\u00e8re de design est qu\u2019il est tr\u00e8s difficile d\u2019\u00eatre original. Ceci est un effet secondaire de l'adoption massive. Nous devinons que l'originalit\u00e9 se pr\u00e9sentera sous la forme d'une augmentation d'\u00e9l\u00e9ments dessin\u00e9s sur mesure combin\u00e9s \u00e0 des animations soigneusement con\u00e7ues. Avec le passage de gr\u00e2ce au flash, une p\u00e9nurie de biblioth\u00e8ques d\u2019animation HTML5 \/ JS \/ CSS3 a surgi pour aider \u00e0 cela. Il n\u2019existe pas de technique unique pour atteindre l\u2019originalit\u00e9. La plupart des ex\u00e9cutions bien faites impliquent donc beaucoup d\u2019efforts et de planification.<\/p>\n<p><a name=\"Imagery\"><\/a>Images<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Imagery.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>UNE IMAGE<\/h3>\n<p>C\u2019est une tendance g\u00e9niale - une grande image qui vous frappe au visage. C'est captivant et attire l'attention sur le contenu. Aucune distraction, tout est propre et soign\u00e9. L\u2019augmentation de la bande passante, la large prise en charge de la vid\u00e9o HTML5 par les navigateurs et la possibilit\u00e9 de diffuser s\u00e9lectivement des ressources graphiques haute r\u00e9solution sur des appareils dot\u00e9s d\u2019un \u00e9cran Retina, contribuent \u00e0 la popularit\u00e9 des superbes images et vid\u00e9os HD en arri\u00e8re-plan sur des sites Web qui ne cessent de se renforcer en 2020. Cela sera particuli\u00e8rement vrai dans des\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/luxuryhomeslasvegas.com\/buildings\/mandarin-oriental-condos-for-sale\/\" target=\"_blank\">secteurs tels que l'immobilier<\/a><b>.<\/b><\/p>\n<p>La chose la plus int\u00e9ressante \u00e0 propos d\u2019une disposition en plein \u00e9cran est qu\u2019elle permet aux utilisateurs de trouver, comprendre et comprendre facilement les informations qu\u2019ils recherchent. Vous pouvez facilement utiliser une vid\u00e9o ou une image du produit ou du service que vous fournissez pour vous aider \u00e0 engager le client.<\/p>\n<p>Voulez-vous diff\u00e9rer de vos concurrents? Alors, ne vous contentez pas de la tendance large-header-background-image.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-wordpress-tipo-56093.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Single-image.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>VID\u00c9O D'ARRI\u00c8RE-PLAN PLEIN \u00c9CRAN<\/h3>\n<p>La vid\u00e9o d'arri\u00e8re-plan en plein \u00e9cran est une tendance croissante de la conception Web. Cette vid\u00e9o de fond automatique parfaite attirera certainement l\u2019attention du visiteur. La vid\u00e9o d'arri\u00e8re-plan augmente \u00e9galement la valeur du site Web. Mais cela ne distrait personne du contenu; en revanche, il aide le public \u00e0 attirer l'attention via le bouton Appel \u00e0 l'action. Autant que nous sachions, un arri\u00e8re-plan vid\u00e9o a vraiment un impact sur la conception.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/films.bybrettjohnson.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Full-screen-background-video.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/type\/themes-prestashop\/eveprest.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147275\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/Eveprest.jpg\" alt=\"\" width=\"835\" height=\"100\" data-wp-pid=\"147275\" \/><\/a><\/p>\n<h3>BLUR R\u00c9ALIT\u00c9-IMAGINATION<\/h3>\n<p>La prochaine \u00e9tape de la gamification et de la conception \u00e9merge avec une ligne floue entre ce qui est r\u00e9el et ce qui est cr\u00e9\u00e9 ou imaginaire dans les projets de conception Web. Et les r\u00e9sultats sont assez \u00e9tonnants.<\/p>\n<p>De la r\u00e9alit\u00e9 virtuelle aux sites Web qui vous permettent de choisir un nouveau contenu, ce type de personnalisation est personnel et les utilisateurs semblent l\u2019aimer vraiment beaucoup. Cette tendance inclut \u00e9galement la cr\u00e9ation d'images qui semblent r\u00e9elles, mais vous savez que ce n'est pas le cas.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/bluestag.co.uk\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Reality-imagination-blur.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>PHOTOGRAPHIE EN STOCK NATUREL<\/h3>\n<p>Les concepteurs commenceront \u00e0 accorder encore plus d\u2019attention \u00e0 l\u2019imagerie, car les photos de s\u00e9rie d\u2019apparence naturelle se connectent \u00e0 des personnes de niveau \u00e9motionnel diff\u00e9rent. En 2020, de plus en plus de photos incroyables seront mises en \u0153uvre dans les sites Web.<\/p>\n<p>Certains sites Web optent pour l\u2019utilisation de leurs propres photographies sur leurs pages d\u2019accueil ou leurs articles de blog au lieu de choisir une photo. D'autres sites Web abandonnent la photographie de stock pour des vid\u00e9os, des infographies ou m\u00eame des fichiers GIF pour les aider \u00e0 transmettre leur message.<\/p>\n<p>Les jeux d\u2019ic\u00f4nes sont un autre \u00e9l\u00e9ment de stock abandonn\u00e9 au profit de quelque chose de plus personnalis\u00e9. Il existe des milliers d\u2019ensembles, il est donc facile d\u2019en choisir un et de le g\u00e9rer, mais cette petite touche suppl\u00e9mentaire de cr\u00e9ation d\u2019ic\u00f4nes personnalis\u00e9es peut aider \u00e0 diff\u00e9rencier un site des autres.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/moto-cms-3-templates-tipo-56059.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Natural-stock-photography.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>ILLUSTRATIONS ET ICONOGRAPHIE PERSONNALIS\u00c9ES VIBRANTES<\/h3>\n<p>Les moniteurs \u00e0 haute densit\u00e9 de pixels ont r\u00e9v\u00e9l\u00e9 que les formats d\u2019image standard ne fonctionnaient pas toujours comme pr\u00e9vu sur le Web moderne. L'utilisation de fichiers .jpg et .png peut donner une apparence pix\u00e9lis\u00e9e sur les \u00e9crans de r\u00e9tine, ce qui nuit \u00e0 l'esth\u00e9tique d'un site Web. Aujourd'hui, la prise en charge \u00e9tendue de SVG (Scalable Vector Graphics) par un navigateur et les\u00a0<a href=\"https:\/\/www.templatemonster.com\/fr\/type\/polices-ecriture\/\" target=\"_blank\">polices d'ic\u00f4nes<\/a>\u00a0facilement impl\u00e9ment\u00e9es constituent une r\u00e9ponse fantastique \u00e0 ce probl\u00e8me. En cons\u00e9quence, nous verrons davantage de conceptions Web pr\u00e9sentant des\u00a0<a href=\"https:\/\/www.templatemonster.com\/fr\/type\/illustrations\/\" target=\"_blank\">illustrations<\/a> personnalis\u00e9es color\u00e9es, ainsi que d'\u00e9l\u00e9gantes polices d'ic\u00f4nes dessin\u00e9es \u00e0 la main et d'ic\u00f4nes SVG qui restent nettes et belles quelle que soit la r\u00e9solution de l'\u00e9cran.<\/p>\n<p>SVG est utilis\u00e9 depuis de nombreuses ann\u00e9es. Et cela a toujours une importance extr\u00eame. Avec SVG, les images conservent leur clart\u00e9 et leur nettet\u00e9 sur tous les appareils. Il regroupe tous les \u00e9l\u00e9ments Web essentiels ainsi que des \u00e9l\u00e9ments de conception adapt\u00e9s \u00e0 toutes les tailles d'\u00e9cran.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/pixels.fi\/en\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Vibrant-custom-illustrations-and-iconography.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a name=\"Animation\"><\/a>Animation<br \/><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/animation.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>ANIMATED STORY<\/h3>\n<p>Tout en ayant un contenu incroyable, il est toujours crucial pour un site Web de pouvoir raconter une histoire \u00e0 travers ce contenu. En 2020, la conception de sites Web visera probablement \u00e0 aider les utilisateurs \u00e0 raconter une histoire, car la narration anim\u00e9e est vraiment g\u00e9niale. Les utilisateurs aiment les histoires. Les sites Web racontant des histoires captent imm\u00e9diatement l\u2019attention des visiteurs. C\u2019est cool quand vous faites d\u00e9filer la page et que le site Web vous raconte l\u2019histoire de la soci\u00e9t\u00e9.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/talentgarden.org\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Animated-story.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>FONDS DYNAMIQUE<\/h3>\n<p>Un arri\u00e8re-plan dynamique peut aller de l\u2019utilisation d\u2019une image puissante \u00e0 un arri\u00e8re-plan 3D ou m\u00eame \u00e0 une vid\u00e9o. L'ajout d'une vid\u00e9o \u00e0 l'arri\u00e8re-plan est parfait pour attirer imm\u00e9diatement l'attention des gens, car l'\u0153il humain est attir\u00e9 par le mouvement.<\/p>\n<p>Nous sommes certains de voir davantage d\u2019arri\u00e8re-plans dynamiques sur la sc\u00e8ne de la conception Web en 2020, car ils incitent les visiteurs \u00e0 en savoir plus et \u00e0 conna\u00eetre l\u2019histoire qui se cache derri\u00e8re les images en mouvement.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.dadaabstories.org\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Dynamic-Backgrounds.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>PLUS DE CONTENU STATIQUE \/ MOINS DE PARTIES EN MOUVEMENT<\/h3>\n<p>De nombreux professionnels pensent que le curseur est la premi\u00e8re chose \u00e0 \u00e9liminer dans le domaine des \u00e9l\u00e9ments qui glissent, se fanent et d\u00e9filent sur la page. Nous verrons plus de conceptions statiques avec moins de pi\u00e8ces mobiles. Les utilisateurs veulent un contenu rapide et compr\u00e9hensible, et les concepteurs comme les d\u00e9veloppeurs doivent s\u2019efforcer de fournir un contenu direct, sans distraction. Toutefois, les galeries et les diaporamas restent un moyen efficace de pr\u00e9senter plusieurs images sans surcharger les utilisateurs sur les sites de photographie, les pr\u00e9sentations de produits et les portefeuilles.<\/p>\n<p>En passant, les sites Web avec des diapositives peuvent devenir une alternative aux sites Web avec des curseurs. Ils sont une sorte d'\u00e9volution des curseurs. Les curseurs visaient \u00e0 permettre aux sites Web du site de d\u00e9placer des images dans un cadre pour afficher du contenu. Les diapositives en plein \u00e9cran, o\u00f9 chaque diapositive actualise la totalit\u00e9 de l'\u00e9cran avec un nouveau contenu, peuvent fonctionner avec un effet de clic, de d\u00e9filement ou chronom\u00e9tr\u00e9. Les utilisateurs peuvent naviguer en avant et en arri\u00e8re pour une exp\u00e9rience presque physique. Attendez-vous \u00e0 voir de nombreux sites utilisant ce concept dans les mois \u00e0 venir.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/yearinreview.fb.com\/2015\/us-presidential-election\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/More-Static-Content-Less-moving-parts.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>CINEMAGRAPHES<\/h3>\n<p>Les cinemagraphes jouissent \u00e9galement d'une faveur g\u00e9n\u00e9ralis\u00e9e. Il s\u2019agit d\u2019images fixes contenant une partie anim\u00e9e s\u00e9lectionn\u00e9e, g\u00e9n\u00e9ralement un d\u00e9tail subtil qui attire l\u2019attention des visiteurs du site Web. Ce n\u2019est pas nouveau, mais le succ\u00e8s des \u00abphotos en direct\u00bb sur les derniers iPhones, qui se ressemblent beaucoup, et la prise en charge robuste des navigateurs au format HTML5 par les navigateurs jouent un r\u00f4le cl\u00e9 dans les cinemagraphs qui sont consid\u00e9r\u00e9s comme une tendance en mati\u00e8re de conception en 2020.<\/p>\n<p><a class=\"broken_link\" rel=\"noopener noreferrer\" href=\"http:\/\/blog.templatemonster.com\/2014\/11\/19\/free-cinemagraphs-animated-photographs\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Coffee-Machine.gif\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>MICRO EXP\u00c9RIENCES<\/h3>\n<p>Ce que nous envisageons ici, ce sont des flux de travail autonomes qui se d\u00e9veloppent au fur et \u00e0 mesure de leur interaction. Par exemple, une page d'accueil peut comporter 3 ou 4 zones d'appel qui ont une intention \u00e9vidente, comme l'enregistrement, une visite guid\u00e9e, des offres de produits, etc. Au d\u00e9part, leur contenu sera limit\u00e9 \u00e0 la demande d'interaction. Une fois que vous avez d\u00e9clench\u00e9 un flux de travail, il lancera une mini application qui compl\u00e9tera le but recherch\u00e9. Un clic sur un \u00e9l\u00e9ment d\u2019inscription modifiera cette zone en un assistant d\u2019inscription, soit directement dans cette zone, en modifiant \u00e9ventuellement son emplacement et sa taille, soit dans une fen\u00eatre modale.<\/p>\n<p>Ces exp\u00e9riences peuvent \u00eatre simples ou complexes, mais elles auront pour objectif de simplifier les chemins de navigation initiaux tout en offrant une vari\u00e9t\u00e9 de choix sans \u00eatre \u00e9crasants. Ils auront \u00e9galement pour effet secondaire de r\u00e9duire les changements de page et de faire d\u00e9filer les t\u00e2ches qui peuvent \u00eatre compl\u00e9t\u00e9es en quelques clics. Au lieu de l'image d'en-t\u00eate de d\u00e9filement omnipr\u00e9sente, ces micro-cellules d'exp\u00e9rience ou cartes peuvent \u00eatre des vitrines autonomes pour un secteur d'activit\u00e9 particulier.<\/p>\n<p>Cette technique peut \u00eatre particuli\u00e8rement utile dans les applications Web o\u00f9, au lieu de passer \u00e0 un nouvel \u00e9cran pour saisir des donn\u00e9es ou terminer une t\u00e2che, la cellule s\u2019adapte simplement pour permettre \u00e0 la t\u00e2che d\u2019\u00eatre compl\u00e9t\u00e9e sur-le-champ.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.honda.com\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Micro-experiences.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a name=\"Scrolling\"><\/a>Scrolling<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Scrolling.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>DEFILEMENT LONG<\/h3>\n<p>Le d\u00e9filement long est tr\u00e8s attrayant. Cette disposition raconte une histoire au visiteur, sans rien cliquer du tout. Apple fait partie des sites qui le font tr\u00e8s bien. Aujourd'hui, la plupart des nouvelles conceptions de site ont tendance \u00e0 \u00eatre plus longues lors du d\u00e9filement de la page. Alors que les appareils mobiles deviennent de plus en plus populaires, il est de plus en plus courant que les sites optent pour le d\u00e9filement au lieu de la liaison comme moyen d\u2019afficher du contenu, notamment sur leurs pages d\u2019accueil.<\/p>\n<p>Selon une \u00e9tude r\u00e9cente r\u00e9alis\u00e9e par UX Movement, la plupart des visiteurs pr\u00e9f\u00e8rent les conceptions de d\u00e9filement ascendant et descendant que la navigation par clic habituelle d'une page \u00e0 l'autre. Il peut s'agir d'un d\u00e9filement vertical ou horizontal, d'un d\u00e9filement ou d'une animation. Nous verrons probablement davantage de d\u00e9filement innovant en 2020. N'oubliez donc pas d'int\u00e9grer la fonctionnalit\u00e9 de d\u00e9filement innovante pour attirer davantage de visiteurs sur votre site Web au cours de la prochaine ann\u00e9e. Cela garantira \u00e9galement que les visiteurs passent plus de temps sur votre site Web. N'oubliez pas que l'id\u00e9e est de rendre les choses plus amusantes et pratiques pour vos visiteurs. NASA Prospect est un exemple parfait de ce type de d\u00e9filement innovant. Cet incroyable site de d\u00e9filement ne manque jamais de garder son visiteur engag\u00e9 et diverti.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/nasaprospect.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Long-Scroll.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>DEFILEMENT PARALLAX<\/h3>\n<p>Les effets de d\u00e9filement de parallaxe sont vraiment cool si vous nous demandez. En bref, il s\u2019agit de cr\u00e9er une illusion de mouvement et de profondeur 3D en modifiant les vitesses de d\u00e9filement de l\u2019arri\u00e8re-plan et du premier plan.<\/p>\n<p>Lorsque cela est fait correctement, il donne au site Web cette sensation unique et rend tout tr\u00e8s agr\u00e9able \u00e0 l'oeil. Sans parler de la dynamique.<\/p>\n<p>L\u2019application la plus courante de l\u2019effet de parallaxe consiste \u00e0 utiliser soit une image \u00e0 l\u2019arri\u00e8re-plan, deux images (l\u2019une plus \u00abproche\u00bb de l\u2019\u00e9cran que l\u2019autre), voire une vid\u00e9o, puis \u00e0 placer un bloc de texte au premier plan.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-wordpress-tipo-56025.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Parallax-scrolling.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>SCROLLJACKING<\/h3>\n<p>Bien que le d\u00e9tournement de d\u00e9filement ait suscit\u00e9 des r\u00e9actions mitig\u00e9es, de nombreux sites Web tentent au moins cette fonctionnalit\u00e9. En fait, il existe des mod\u00e8les HTML5 tels que Flappster pour les d\u00e9mos de produits, qui incluent le scrolljacking. Si vous utilisez ces mod\u00e8les, assurez-vous de les avoir soigneusement test\u00e9s pour chaque \u00e9l\u00e9ment susceptible de briser votre site.<\/p>\n<p>Les d\u00e9veloppeurs Web doivent garder \u00e0 l\u2019esprit que si vous impl\u00e9mentez le scrolljacking, essayez de ne pas les m\u00e9langer avec d\u2019autres plugins de votre page, comme le d\u00e9filement infini horizontal, par exemple.<\/p>\n<p>Une autre fonctionnalit\u00e9 consiste \u00e0 ajouter des ancres, avec des textes de titre appropri\u00e9s, de sorte que les lecteurs d'\u00e9cran puissent les lire quand ils sont focalis\u00e9s. Du point de vue de l'accessibilit\u00e9, la mise en \u0153uvre du scrolljacking pourrait \u00eatre analogue aux onglets, en particulier pour d\u00e9finir les ancres et leurs r\u00f4les ARIA.<\/p>\n<p>Le scrolljacking est une technique difficile \u00e0 mettre en \u0153uvre et le rendre accessible est plus facile \u00e0 dire qu'\u00e0 faire. Comme nous l\u2019avons vu, de nombreux internautes ont exprim\u00e9 leurs pr\u00e9occupations \u00e0 ce sujet et nous pensons que vous devriez les \u00e9couter et les \u00e9viter.<\/p>\n<p>Nous soup\u00e7onnons que d\u00e8s que Apple s'\u00e9loignera de cette fonctionnalit\u00e9, ses fans feront de m\u00eame.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/sitediscount.ru\/flappster\/index3.htm\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Scrolljacking.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>R\u00c9DUCTION DE HAUTEUR DE PAGE<\/h3>\n<p>C'est plus un espoir qu'une pr\u00e9diction. L\u2019opinion courante \u00e0 l\u2019heure actuelle est que cette tendance \u00e0 plus de d\u00e9filement vertical et \u00e0 moins de cliquetis continuera de cro\u00eetre. Parfois, le d\u00e9filement sans fin se termine par une exp\u00e9rience utilisateur moche. Les gens pr\u00e9f\u00e8rent utiliser le d\u00e9filement pour introduire progressivement de petites portions de contenu ou d\u00e9clencher des animations, mais d\u00e9filer ou balayer 50 fois pour afficher le contenu du site principal va trop loin.<\/p>\n<p>Si les sites envisageaient un peu plus le contenu et les objectifs de l'interaction, cliquer pour d\u00e9clencher une exploration du site ne serait pas une si mauvaise chose. Combin\u00e9 aux exp\u00e9riences micro et \u00e0 la programmation moderne d\u2019avant-garde, un clic de souris ou un appui sur l\u2019\u00e9cran ne signifie plus n\u00e9cessairement une actualisation sournoise de la page. Nous croyons que ce sens pr\u00e9vaudra \u00e0 la prochaine it\u00e9ration.<\/p>\n<p><a name=\"Usability\"><\/a>ERGONOMIE<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/usability.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>DONN\u00c9ES ACCESSIBLES POUR PRENDRE DES D\u00c9CISIONS DE CONCEPTION CON\u00c7UES<\/h3>\n<p>La conception Web est une activit\u00e9 rentable, elle doit donc commencer \u00e0 parler le langage des affaires. Cela signifie m\u00e9triques, taux de clics, conversions, canaux, en bref, analyses. Si vous \u00eates un pigiste, vous aurez probablement un acc\u00e8s pratique \u00e0 ces outils de business intelligence. Sinon, des entreprises comme Apropose s\u2019efforcent de rendre le Big Data accessible aux concepteurs. La version actuelle d\u2019AbroPose n\u2019est pas encore arriv\u00e9e, mais l\u2019une des principales \u00e9quipes a \u00e9t\u00e9 cr\u00e9\u00e9e avec cet objectif en t\u00eate.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Accessible-data-for-making-data-driven-design-decisions.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<hr \/>\n<h3>BUDGETS DE PERFORMANCE<\/h3>\n<p>Il devient \u00e9vident que le design se pr\u00e9occupe moins de l'esth\u00e9tique que de l'exp\u00e9rience utilisateur globale. Un site de chargement rapide qui am\u00e8ne l\u2019utilisateur \u00e0 la destination voulue gagne en premier.<\/p>\n<p>Nous commen\u00e7ons d\u00e9j\u00e0 \u00e0 le voir avec beaucoup des marques les plus ax\u00e9es sur la performance.<\/p>\n<p>Compte tenu de la rapidit\u00e9 avec laquelle l\u2019interface utilisateur r\u00e9pond, il sera tout aussi important que son apparence.<\/p>\n<h3>UI R\u00c9PONSE IMM\u00c9DIATE<\/h3>\n<p>Les jours o\u00f9 les boutons de sauvegarde et les \u00e9l\u00e9ments d'interface utilisateur d'action secondaire sont sur le point de dispara\u00eetre. Cela est \u00e9vident dans la plupart des applications Web modernes. Au fur et \u00e0 mesure que nous nous efforcerons de permettre aux applications Web de fonctionner comme des applications de bureau, nous verrons cela adopter de mani\u00e8re g\u00e9n\u00e9rale. La technologie est l\u00e0, le design suivra juste derri\u00e8re. Certains exemples incluent tout ce qui se trouve dans la suite Google ainsi que dans d'autres applications telles que Airbnb.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.airbnb.android&amp;hl=en\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Immediate-response-UI.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>RESPONSIVE DESIGN<\/h3>\n<p>La conception Web r\u00e9active devient de moins en moins une tendance et une pratique exemplaire. Cela est d\u00fb \u00e0 l'augmentation de l'utilisation de l'internet mobile. Il est prudent de dire que la conception r\u00e9active n\u2019est pas pour demain, car elle repr\u00e9sente un moyen relativement simple et peu co\u00fbteux pour les entreprises de cr\u00e9er un site enti\u00e8rement fonctionnel et convivial pour les mobiles. Il ne fait aucun doute que le design r\u00e9actif est tr\u00e8s utile et polyvalent, mais il devrait \u00e9galement \u00eatre ultra-rapide pour offrir une excellente exp\u00e9rience utilisateur.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Responsive-design.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<hr \/>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/modeles-html-moto-cms-tipo-63444.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147276\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2018\/11\/Intellect.jpg\" alt=\"\" width=\"835\" height=\"100\" data-wp-pid=\"147276\" \/><\/a><\/p>\n<h3>CONCEPTION DANS DES MODULES ET DES COMPOSANTS AU LIEU DE PAGES COMPL\u00c8TES<\/h3>\n<p>La conception Web \u00e9volue vers une conception modulaire et par composants au lieu de simuler des pr\u00e9sentations et des compositions compl\u00e8tes pour une page Web particuli\u00e8re. Ces composants impliquent souvent de concevoir le fonctionnement de la fonction de recherche, la pr\u00e9sentation de la navigation, etc.<\/p>\n<p>Nous sommes arriv\u00e9s \u00e0 la certitude de savoir que nous avons r\u00e9p\u00e9t\u00e9 des \u00e9l\u00e9ments sur diff\u00e9rents \u00e9crans et que ces \u00e9l\u00e9ments doivent \u00eatre con\u00e7us de mani\u00e8re \u00e0 fonctionner de mani\u00e8re autonome tout en pouvant fonctionner avec le reste du site.<\/p>\n<p>Non seulement nous nous soucions davantage de l'apparence de ces composants en termes de conception, mais ils ont \u00e9galement leurs fonctionnalit\u00e9s propres. Concevoir avec des composants et des modules permet de reproduire la m\u00eame fonctionnalit\u00e9, peu importe o\u00f9 elle se trouve sur le site.<\/p>\n<h3>LES FORMULAIRES ET LES CHAMPS D'ENTREES DEVIENT PLEIN \u00c9CRAN<\/h3>\n<p>Cette tendance provient de l'adaptation g\u00e9n\u00e9ralis\u00e9e de la conception de sites Web r\u00e9actifs. Cela est d\u00fb \u00e0 plusieurs raisons: emp\u00eache le chargement d\u2019un autre \u00e9cran, donne plus d\u2019espace \u00e0 l\u2019\u00e9cran pour un contact plus facile avec les doigts sur les \u00e9crans tactiles et encourage les utilisateurs \u00e0 remplir le formulaire (pour les formulaires ne pr\u00e9sentant qu'une entr\u00e9e \u00e0 la fois).<\/p>\n<p>De plus en plus de sites et d'applications utilisent les formulaires plein \u00e9cran et les \u00e9crans de saisie (tels que les inscriptions et les connexions). Cliquez sur \"login\" et \/ ou \"contact\" et vous serez peut-\u00eatre accueilli avec une superposition en plein \u00e9cran avec le formulaire requis au lieu d'\u00eatre envoy\u00e9 sur une autre page. Le formulaire de contact de Eighty East est un bon exemple.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/eighty-east.com.au\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Forms-and-inputs-go-full-screen.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>COUREURS DE T\u00c2CHE AUTOMATIS\u00c9S<\/h3>\n<p>Le monde du d\u00e9veloppement front-end a tellement chang\u00e9 avec quelques nouvelles meilleures pratiques pour la cr\u00e9ation de sites Web. Les syst\u00e8mes de construction \/ gestion de t\u00e2ches comme Gulp et Grunt sont utilis\u00e9s beaucoup plus fr\u00e9quemment pour une multitude de t\u00e2ches qui n\u00e9cessitaient auparavant un effort manuel.<\/p>\n<p>L'automatisation est le moteur d'un redressement rapide et de la cr\u00e9ation d'un code de qualit\u00e9. Les machines ne commettent pas d\u2019erreurs. Plus vous automatisez avec confiance, moins vous avez de probl\u00e8mes (en th\u00e9orie).<\/p>\n<p>Ces outils ex\u00e9cutent essentiellement du code JS qui automatise des parties de votre flux de travail, qu'il s'agisse de scripts JS personnalis\u00e9s ou de scripts \u00e9crits par d'autres.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/gulpjs.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/gulpjs.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/gruntjs.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/gruntjs.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a name=\"Loading\"><\/a>Chargement<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/loading.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>LA M\u00c9THODE \u201cBLUR UP\u201d<\/h3>\n<p>Le blur up est un concept tr\u00e8s int\u00e9ressant. Il aide \u00e0 charger de grandes images en faisant une astuce plut\u00f4t astucieuse. Facebook rapporte en fait que ses pages sont acc\u00e9l\u00e9r\u00e9es de 30%.<\/p>\n<p>L\u2019id\u00e9e est de prendre une tr\u00e8s petite version d\u2019une grande image, de lui appliquer un flou gaussien, de l\u2019afficher \u00e0 la place de l\u2019original, puis de charger progressivement la grande image en arri\u00e8re-plan. Cela semble beaucoup mieux que de ne pas avoir d'image du tout ou de regarder l'image qui se charge en arri\u00e8re-plan de mani\u00e8re traditionnelle.<\/p>\n<p>Un truc vraiment cool que nous verrons probablement davantage en 2020. Apr\u00e8s tout, copier les choix de conception de Facebook est devenu un peu la norme.<\/p>\n<p>Facebook applique \u00e9galement des \u00e9tats de chargement subtils aux \u00e9l\u00e9ments de fil d'actualit\u00e9, afin de combler le foss\u00e9 de l'exp\u00e9rience utilisateur entre \"rien\" et \"quelque chose\".<\/p>\n<h3>ANIMATIONS \/ PR\u00c9CHARGES DE \u201cLOADING\u201d<\/h3>\n<p>Les animations de chargement font un retour \u00e9trange. Nous pensions que nous en avions fait quelque part au milieu des ann\u00e9es 2000. C\u2019est \u00e0 ce moment-l\u00e0 que nous avons enfin eu le mat\u00e9riel n\u00e9cessaire pour charger n\u2019importe quelle application que nous pourrions avoir sur notre ordinateur sans afficher d\u2019ic\u00f4ne de chargement. Vous ne les voyez pas non plus sur vos smartphones ou vos tablettes.<\/p>\n<p>Pourtant, de mani\u00e8re surprenante, les animations de chargement ou les ic\u00f4nes sont de retour sur le Web.<\/p>\n<p>Cependant, sachant que la taille moyenne d'une page Web est en augmentation constante depuis 2010, la n\u00e9cessit\u00e9 de charger des animations n'est peut-\u00eatre pas si \u00e9trange.<\/p>\n<p>Leur objectif est simple: divertir le visiteur pendant le chargement de la page.<\/p>\n<p>Ce n\u2019est pas une tendance particuli\u00e8rement int\u00e9ressante, mais avec le poids croissant des pages Web, il est probablement l\u00e0 pour rester, bien que si votre site Web ne se charge pas en moins de huit secondes, alors quelque chose ne va pas du tout.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/w3iscool.com\/wp-content\/uploads\/2015\/05\/preloader_5.png\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/preloaders.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>LAZY LOADING<\/h3>\n<p>Sur les sites Web qui alimentent le contenu en continu, le chargement diff\u00e9r\u00e9 permet de visualiser le contenu Web imm\u00e9diat du site sans attendre le chargement de la page enti\u00e8re.<\/p>\n<p>Ceci est particuli\u00e8rement utile pour les sites Web hautement visuels, tels que Facebook, Instagram ou Pinterest. Dans une soci\u00e9t\u00e9 o\u00f9 l'information est constamment introduite dans nos vies, le chargement paresseux aide \u00e0 simplifier la visualisation de ce contenu en ne chargeant que de petits morceaux \u00e0 la fois.<\/p>\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/fr\/themes-woocommerce-tipo-55744.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Lazy-Loading.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a name=\"Designer's Toolkit\"><\/a>Bo\u00eete \u00e0 outils du concepteur<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Designers-Toolkit.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>SKETCH APP POUR UI DESIGN<\/h3>\n<p>Sketch remplace rapidement Photoshop pour toutes les t\u00e2ches de conception d'interface utilisateur, allant des structures filaires basse fid\u00e9lit\u00e9 aux maquettes haute fid\u00e9lit\u00e9 et \u00e0 la conception d'ic\u00f4nes.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\">Sketch App<\/a>\u00a0est une application exclusivement destin\u00e9e aux Mac et con\u00e7ue sp\u00e9cialement pour les concepteurs Web et mobiles. Il offre un environnement de travail plus fluide pour la cr\u00e9ation d\u2019\u00e9l\u00e9ments vectoriels pour toutes les interfaces, tout en conservant de nombreuses fonctionnalit\u00e9s que vous attendiez de Photoshop, telles que les effets de texte et les styles de calque.<\/p>\n<p>Bien que rien n\u2019indique que Sketch sera un jour destin\u00e9 \u00e0 Windows, il reste un choix pr\u00e9cieux pour les utilisateurs d\u2019OS X. Le flux de travail simplifi\u00e9 et l\u2019\u00e9tiquette de prix moins ch\u00e8re font courir \u00e0 Adobe un bon rendement. Si Sketch continue de fournir la meilleure exp\u00e9rience de conception d\u2019interface utilisateur, il continuera certainement de cro\u00eetre jusqu\u2019en 2020 et au-del\u00e0.<\/p>\n<h3>OUTILS DE COLLABORATION POUR LA CONCEPTION<\/h3>\n<p>La messagerie instantan\u00e9e et le chat en groupe existent depuis plus de dix ans. Cependant, ces ressources reposent traditionnellement sur du texte en clair avec une capacit\u00e9 de joindre des fichiers.<\/p>\n<p>Une nouvelle tendance \u00e9mergente est la possibilit\u00e9 de partager des documents de conception en direct dans des applications de chat. Notable est un exemple o\u00f9 des annotations et des commentaires peuvent \u00eatre superpos\u00e9s sur un document. Cela donne aux concepteurs un moyen propre de partager le travail directement avec tous les membres d'une \u00e9quipe.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/notableapp.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Notable.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/slack.com\/\" target=\"_blank\">Slack<\/a>\u00a0C\u2019est l\u2019application de chat la plus populaire actuellement, qui prend en charge de nombreuses fonctionnalit\u00e9s similaires. La base d\u2019utilisateurs croissante de Slack a \u00e9t\u00e9 cat\u00e9gorique sur la cr\u00e9ation d\u2019extensions qui am\u00e9liorent consid\u00e9rablement les capacit\u00e9s de Slack et s\u2019int\u00e8grent \u00e0 d\u2019autres produits tels que\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/hangouts.google.com\/\" target=\"_blank\">Hangouts<\/a>,\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/mailchimp.com\/\" target=\"_blank\">MailChimp<\/a>, et m\u00eame WordPress.<\/p>\n<h3>GESTIONNAIRES DE PAQUETS<\/h3>\n<p>Les gestionnaires de packages num\u00e9riques ont augment\u00e9 si rapidement qu\u2019ils sont pratiquement indispensables au d\u00e9veloppement Web moderne. Des solutions comme\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/bower.io\/\" target=\"_blank\">Bower<\/a>\u00a0et\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" class=\"broken_link\">NPM<\/a>\u00a0peuvent faire gagner beaucoup de temps au d\u00e9marrage de nouveaux projets.<\/p>\n<p>La ma\u00eetrise de toute nouvelle technologie prendra du temps et s'accompagnera d'une courbe d'apprentissage. Mais s\u2019il ya une chose que tous les d\u00e9veloppeurs front-end (ou back-end) doivent savoir, c\u2019est un gestionnaire de paquets. Ils n\u00e9cessitent une connaissance des commandes de terminal, mais une fois que vous \u00eates habitu\u00e9 au processus, vous ne voudrez plus jamais revenir en arri\u00e8re.<\/p>\n<h3>LES DESIGNERS FONT LE PROTOTYPE DANS LE NAVIGATEUR AFIN DE METTRE L'ACCENT SUR LES INTERACTIONS AU LIEU DE LA DISPOSITION<\/h3>\n<p>Les limites des outils de prototypage ont toujours \u00e9t\u00e9 difficiles \u00e0 tester avec un contenu r\u00e9el et dynamique. Il existe d'innombrables plugins Sketch \/ Adobe pour r\u00e9soudre ce probl\u00e8me. Il est en train de devenir la norme pour les concepteurs d\u2019avoir des comp\u00e9tences en mati\u00e8re de codage, ce qui rend plus naturel d\u2019ouvrir l\u2019inspecteur pour \u00e9craser des pages en direct ou assembler un prototype jQuery rapide \u00e0 partir de z\u00e9ro.<\/p>\n<p>Permettre aux concepteurs de se concentrer sur les interactions plut\u00f4t que sur le contenu et l'information leur permettra de penser au Web d'une mani\u00e8re fondamentalement diff\u00e9rente. Nous commencerons \u00e0 voir de nombreuses autres fa\u00e7ons d\u2019interagir au niveau micro-\u00e9conomique sur ce que nous pensions traditionnellement \u00eatre des pages Web statiques.<\/p>\n<p><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/seesparkbox.com\/foundry\/quickly_make_interactive_prototypes_in_the_browser\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/seesparkbox.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<p><a name=\"Coding\"><\/a>Codage<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/coding.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<h3>LA CROISSANCE DES COMPOSANTS WEB<\/h3>\n<p>Les composants Web tentent de r\u00e9soudre des probl\u00e8mes de complexit\u00e9 pour les d\u00e9veloppeurs. Le site Web de WebComponents (http:\/\/webcomponents.org\/) dispose d'excellentes ressources et mat\u00e9riels pour donner aux d\u00e9veloppeurs un bon d\u00e9part dans ce sujet.<\/p>\n<p>Bien que les composants n\u2019aient pas particuli\u00e8rement explos\u00e9, ils sont discut\u00e9s par des d\u00e9veloppeurs professionnels du monde entier. Google a publi\u00e9\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.polymer-project.org\/1.0\/\" target=\"_blank\">Polymer<\/a>\u00a0qui est un framework utilis\u00e9 pour ajouter des composants Web via JS et HTML.<\/p>\n<p>Cela peut ne pas \u00eatre pratique \u00e0 utiliser dans les grands projets clients pour l'instant. Cependant, la technologie est disponible et avec un peu de pratique, vous pouvez ma\u00eetriser les concepts avec facilit\u00e9.<\/p>\n<hr \/>\n<h3>CSS3 IMPOSERA FINALEMENT LES MISES EN PAGE<\/h3>\n<p>La prise en charge des navigateurs pour CSS3 a augment\u00e9 au cours des deux derni\u00e8res ann\u00e9es et nous arrivons enfin \u00e0 un stade o\u00f9 certains des nouveaux modules de mise en page CSS3 peuvent \u00eatre utilis\u00e9s en toute s\u00e9curit\u00e9. Bien s\u00fbr, il y a toujours une place pour les remplissages multiples et les replis, mais le genre de\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\" target=\"_blank\">CSS3 Flexbox<\/a>\u00a0(Flexible Box Layout) peut \u00eatre g\u00e9r\u00e9 par les derni\u00e8res versions de tous les navigateurs populaires.<\/p>\n<p>Il est prudent de dire que les mod\u00e8les de Flexbox ne r\u00e9volutionneront pas l'esth\u00e9tique de la mise en page de mani\u00e8re spectaculaire - Flexbox offre une solution plus simple \u00e0 un paradigme de mise en page utilis\u00e9 depuis longtemps sur le Web - mais cela acc\u00e9l\u00e9rera -Rendering pages qui sont plus faciles \u00e0 g\u00e9rer, et beaucoup moins de hacks, il est donc tout \u00e0 fait possible que nous voyons plus de cr\u00e9ativit\u00e9 dans la mise en page.<\/p>\n<p>La tendance ne modifiera peut-\u00eatre pas sensiblement les mises en page, mais le code qui les sous-tendra deviendra plus simple et plus fiable.<\/p>\n<hr \/>\n<h3>NATIVE JS MOBILE APPS<\/h3>\n<p>Nous sommes de grands d\u00e9fenseurs d'utiliser les bons outils pour le travail. Dans le cas du d\u00e9veloppement d'applications mobiles, cela signifie\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.java.com\/en\/download\/\" target=\"_blank\">Java<\/a>\u00a0pour Android,\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/Swift\/Conceptual\/BuildingCocoaApps\/MixandMatch.html\" target=\"_blank\">Objective-C\/Swift<\/a>\u00a0pour iOS.<\/p>\n<p>Mais tout le monde ne veut pas apprendre une nouvelle langue uniquement pour cr\u00e9er une application mobile. Heureusement, il devient plus facile pour les applications natives d\u2019\u00eatre cr\u00e9\u00e9es et compil\u00e9es avec d\u2019autres biblioth\u00e8ques telles que\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/www.nativescript.org\/\" target=\"_blank\">NativeScript<\/a>\u00a0ou\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.reactnative.com\/\" target=\"_blank\">React Native<\/a>.<\/p>\n<p>L\u2019\u00e9cart pour devenir programmeur d\u2019applications mobiles se r\u00e9duit avec la possibilit\u00e9 de cr\u00e9er des applications mobiles via JavaScript.\u00a0<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/phonegap.com\/\" target=\"_blank\" class=\"broken_link\">PhoneGap<\/a>\u00a0est encore une autre option bas\u00e9e sur le code HTML \/ CSS \/ JS.<\/p>\n<p>Bien que le processus de cr\u00e9ation varie grandement, JS devient rapidement une solution pour les d\u00e9veloppeurs qui souhaitent cr\u00e9er des applications mobiles sans apprendre une nouvelle langue.<\/p>\n<hr \/>\n<h3>RESSOURCES D'APPRENTISSAGE EN LIGNE<\/h3>\n<p>Nous savons tous que le moment est le plus facile pour apprendre une comp\u00e9tence depuis le confort de votre ordinateur. Il semble que le march\u00e9 de l'apprentissage en ligne se d\u00e9veloppe de mani\u00e8re exponentielle avec de nouveaux cours et sites Web apparaissent chaque ann\u00e9e.<\/p>\n<p>Nous sommes plus confiants que jamais que nous assisterons \u00e0 une mont\u00e9e en puissance de l\u2019apprentissage en ligne. Des sites connus comme\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/teamtreehouse.com\/\" target=\"_blank\">Treehouse<\/a>\u00a0et\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.codeschool.com\/\" target=\"_blank\" class=\"broken_link\">CodeSchool<\/a>\u00a0proposent des parcours incroyables aux c\u00f4t\u00e9s de nouveaux sites tels que\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.bitfountain.io\/\" target=\"_blank\" class=\"broken_link\">Bitfountain<\/a>\u00a0et\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/learn.co\/verified\" target=\"_blank\" class=\"broken_link\">Learn-Verified<\/a>.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/learn.co\/verified\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Learn-Verified.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<p>Si vous souhaitez apprendre un sujet, il existe probablement un cours en ligne, en particulier si vous souhaitez apprendre des techniques num\u00e9riques telles que la conception d'interface utilisateur ou le d\u00e9veloppement d'applications.<\/p>\n<hr \/>\n<h3>WEARABLES<\/h3>\n<p>Les wearables apparaissent partout et le march\u00e9 attend la \"magie de l'iPod\". T\u00f4t ou tard, en 2020, les concepteurs de sites Web et les ing\u00e9nieurs se retrouveront en d\u00e9veloppement pour cette cat\u00e9gorie. Ce ne sera peut-\u00eatre plus le \u00abmobile d'abord\u00bb et ce sera la tendance \u00abportez-le d'abord\u00bb.<br \/>Wove est l'exemple des gadgets dont nous parlons. Tout le monde s'attend \u00e0 ce que plus de produits de ce type soient d\u00e9velopp\u00e9s bient\u00f4t.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.wove.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Wove.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>R\u00c9ALIT\u00c9 AUGMENT\u00c9E ET VR<\/h3>\n<p>Identique aux portables, mais c\u2019est l\u00e0 que nous sommes tous les plus excit\u00e9s. Les gadgets et solutions \u00e0 vision augment\u00e9e deviennent de plus en plus avanc\u00e9s, conviviaux et disponibles.<\/p>\n<p>HoloLens de Microsoft<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.microsoft.com\/microsoft-hololens\/en-us\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/hololens.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<p>et un futur produit de Facebook, nous voulons dire que OculusVRecquis par eux pourrait faire en sorte que la conception pour la r\u00e9alit\u00e9 augment\u00e9e et virtuelle se produise en 2020.<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.oculus.com\/en-us\/\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/oculus.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/a><\/p>\n<hr \/>\n<h3>INTELLIGENCE ARTIFICIELLE<\/h3>\n<p>L'intelligence artificielle va visiblement p\u00e9n\u00e9trer le Web sur nos plateformes de communication. Les concepteurs leur fourniront des caract\u00e9ristiques humaines. Le site s'ajustera automatiquement en fonction de chaque utilisateur ou spectateur.<\/p>\n<p>Les informations contextuelles de surfa\u00e7age ont fait de grands progr\u00e8s ces derni\u00e8res ann\u00e9es. Maintenant, l'intelligence artificielle vous aidera \u00e0 agir. Il s\u2019agit d\u2019un d\u00e9fi de conception car nous voulons que notre IA se sente tellement comme si vous parliez \u00e0 un humain que vous ne remarquerez m\u00eame pas la diff\u00e9rence. Nous le voyons d\u00e9j\u00e0 sur mobile, mais le v\u00e9ritable levier r\u00e9side dans l'un des m\u00e9dias Web les plus traditionnels: la messagerie \u00e9lectronique.<\/p>\n<p>Cliquez sur ces liens pour avoir une id\u00e9e plus pr\u00e9cise de ce dont nous parlons:<\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/x.ai\/\" target=\"_blank\" class=\"broken_link\">Un assistant personnel qui organise des r\u00e9unions pour vous.<\/a><br \/><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/googleforwork.blogspot.com\/2015\/11\/computer-respond-to-this-email.html\" target=\"_blank\">Impl\u00e9mentation de Smart Reply dans la bo\u00eete de r\u00e9ception de Gmail.<\/a><br \/><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.buzzfeed.com\/alexkantrowitz\/my-life-with-facebooks-m#.opLKogm12\" target=\"_blank\">L\u2019exp\u00e9rience la plus audacieuse de Facebook.<\/a><br \/><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.gobutlernow.com\/\" target=\"_blank\" class=\"broken_link\">Votre concierge 24h \/ 24 et 7j \/ 7 Tout ce dont vous avez besoin, 24h \/ 24 et 7j \/ 7 sur demande.<\/a><br \/><a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.geekwire.com\/2015\/people-china-love-microsofts-xiaoice-virtual-companion-says-artificial-intelligence\/\" target=\"_blank\" class=\"broken_link\">Compagnon virtuel Xiaoice de Microsoft.<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Artificial-intelligence.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<hr \/>\n<p><a name=\"Final Ideas\"><\/a>Id\u00e9es finales<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65573 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/uploads\/2016\/01\/Final-Specifications1.jpg\" alt=\"web design trends digest\" width=\"\" height=\"\" \/><\/p>\n<p>Pour faire court, vous venez de lire notre vision des tendances en mati\u00e8re de conception Web qui deviendront (ou continueront d\u2019\u00eatre) populaires au cours de l\u2019ann\u00e9e en cours. Certains d'entre eux semblent futuristes et certains sont plus terre-\u00e0-terre. Les tendances en mati\u00e8re de conception Web de l'OMI 2020 continueront d'\u00e9voluer vers la conception d'une interaction physique \/ virtuelle \/ mat\u00e9rielle dans la philosophie s\u00e9mantique. Et qu'en penses-tu? Quelles tendances vont prosp\u00e9rer dans l'ann\u00e9e en cours? N'h\u00e9sitez pas \u00e0 apporter vos modifications \u00e0 notre liste dans la section commentaires. Et n\u2019oubliez pas d\u2019aimer et de partager l\u2019article si vous le jugez digne.<\/p>\n<p>La conception de sites Web est essentiellement le processus de cr\u00e9ation de sites Web de sites avec diff\u00e9rents aspects et son paysage, s'il est en constante \u00e9volution. Par cons\u00e9quent, chaque ann\u00e9e, le secteur de la\u00a0<a rel=\"noopener noreferrer nofollow\" href=\"http:\/\/www.webpopdesign.com\/\" target=\"_blank\">conception Web<\/a>\u00a0subit \u00e9galement de nouveaux changements pour rester inspirant et pertinent. En outre, il est tr\u00e8s courant chez tous les concepteurs de croire que le fait de changer avec le temps et les tendances est une partie difficile de leur travail car il est imp\u00e9ratif de rester constamment \u00e0 jour.<\/p>\n<p>D'autre part, les utilisateurs exigent de leurs d\u00e9veloppeurs trois param\u00e8tres: le site doit \u00eatre interactif, personnel et pertinent, ce qui signifie en outre que les concepteurs de sites Web doivent maintenant d\u00e9velopper un site r\u00e9pondant aux besoins de leurs utilisateurs.<\/p>\n<p><a href=\"https:\/\/www.templatemonster.com\/fr\/type\/themes-joomla\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-4062\" src=\"https:\/\/www.templatemonster.com\/blog\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min.jpg\" alt=\"Th\u00e8mes Joomla\" width=\"728\" height=\"90\" srcset=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min.jpg 728w, https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/12\/Joomla_728\u044590_fr-min-300x37.jpg 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<p>Vous pouvez \u00e9galement visiter diff\u00e9rents sites Web pr\u00e9sentant le meilleur design et vous inciter \u00e0 apprendre les nouveaux visuels du monde, car regarder le travail des autres vous aidera \u00e0 am\u00e9liorer vos comp\u00e9tences en conception et vous mettra \u00e9galement \u00e0 jour avec les derni\u00e8res technologies.<\/p>\n<hr \/>\n<h2>Articles \u00e0 lire<\/h2>\n<p><a title=\"10 tendances typographiques \u00e0 respecter en 2020\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/plus-belles-tendances-en-conception-de-typographie\/\" target=\"_blank\">10 tendances typographiques \u00e0 respecter en 2020<\/a><\/p>\n<p><a title=\"S\u00e9lection de 10 th\u00e8mes WordPress tendance pour votre site d\u2019automobiles\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/selection-de-10-themes-wordpress-tendance-pour-votre-site-dautomobiles\/\" target=\"_blank\">S\u00e9lection de 10 th\u00e8mes WordPress tendance pour votre site d\u2019automobiles<\/a><\/p>\n<p><a title=\"\u00ab \u0425 \u00bb crois\u00e9e comme tendance. Sites Web avec des logos Hipster\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/sites-web-avec-des-logos-hipster\/\" target=\"_blank\">\u00ab \u0425 \u00bb crois\u00e9e comme tendance. Sites Web avec des logos Hipster<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il reste moins d'un mois avant la c\u00e9l\u00e9bration tr\u00e8s attendue du nouvel an 2020. Il est donc temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020. Seuls les blogueurs paresseux ne parlent pas des tendances maintenant et nous ne sommes pas de leur [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":2526,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29],"tags":[7,75,52],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tendances de la conception Web \u00e0 adopter en 2020<\/title>\n<meta name=\"description\" content=\"Il est temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tendances de la conception Web \u00e0 adopter en 2020\" \/>\n<meta property=\"og:description\" content=\"Il est temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-12T10:13:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-05T10:28:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/11\/uf.php_.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"62 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"Tendances de la conception Web \u00e0 adopter en 2020\",\"datePublished\":\"2019-12-12T10:13:02+00:00\",\"dateModified\":\"2020-05-05T10:28:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\"},\"wordCount\":12493,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"D\u00e9veloppement Web\",\"Tendances de conception Web\",\"Trucks cr\u00e9atifs\"],\"articleSection\":[\"D\u00e9veloppement Web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\",\"name\":\"Tendances de la conception Web \u00e0 adopter en 2020\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2019-12-12T10:13:02+00:00\",\"dateModified\":\"2020-05-05T10:28:32+00:00\",\"description\":\"Il est temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tendances de la conception Web \u00e0 adopter en 2020\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tendances de la conception Web \u00e0 adopter en 2020","description":"Il est temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/","og_locale":"fr_FR","og_type":"article","og_title":"Tendances de la conception Web \u00e0 adopter en 2020","og_description":"Il est temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020.","og_url":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2019-12-12T10:13:02+00:00","article_modified_time":"2020-05-05T10:28:32+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/11\/uf.php_.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"62 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"Tendances de la conception Web \u00e0 adopter en 2020","datePublished":"2019-12-12T10:13:02+00:00","dateModified":"2020-05-05T10:28:32+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/"},"wordCount":12493,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["D\u00e9veloppement Web","Tendances de conception Web","Trucks cr\u00e9atifs"],"articleSection":["D\u00e9veloppement Web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/","url":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/","name":"Tendances de la conception Web \u00e0 adopter en 2020","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2019-12-12T10:13:02+00:00","dateModified":"2020-05-05T10:28:32+00:00","description":"Il est temps de parler des derni\u00e8res tendances en mati\u00e8re de conception de sites Web susceptibles de se r\u00e9pandre au cours de 2020.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/tendances-conception-web-edition-complete\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Tendances de la conception Web \u00e0 adopter en 2020"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/2391"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=2391"}],"version-history":[{"count":9,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/2391\/revisions"}],"predecessor-version":[{"id":4063,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/2391\/revisions\/4063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/2526"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=2391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=2391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=2391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}