{"id":36147,"date":"2020-01-20T03:18:16","date_gmt":"2020-01-20T11:18:16","guid":{"rendered":"https:\/\/kinsta.com\/?p=63943"},"modified":"2024-01-24T14:40:50","modified_gmt":"2024-01-24T13:40:50","slug":"tendances-web-design","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/","title":{"rendered":"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)"},"content":{"rendered":"<p>La <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/\">conception de sites web est en constante \u00e9volutio<\/a>n. Alors que la technologie devient de plus en plus puissante et que les designers exp\u00e9rimentent de nouveaux styles, chaque ann\u00e9e pr\u00e9sente un ensemble unique de tendances passionnantes dans le monde en ligne. En s&rsquo;inspirant des designs qui ont vu le jour au cours des derni\u00e8res ann\u00e9es, ainsi que des nouvelles technologies qui sont en cours de d\u00e9veloppement, il est possible de pr\u00e9voir ce qui se passera au cours de l&rsquo;ann\u00e9e 2020.<\/p>\n<p>R\u00e9capitulons les derni\u00e8res ann\u00e9es dans le domaine du design web et examinons les styles \u00e9mergents, afin que vous sachiez \u00e0 quoi vous attendre pour la nouvelle ann\u00e9e et au-del\u00e0.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Pourquoi suivre les tendances ?<\/h2>\n<p>Tous les engouements pour le web design ne sont pas viables, cela est certain. Il y a un temps et un lieu pour tout, et la refonte de votre site web sans raison peut faire plus de mal que de bien, surtout quand elle se fait au prix <a href=\"https:\/\/kinsta.com\/fr\/blog\/test-ergonomie-site\/\">l&rsquo;ergonomie et de l&rsquo;UX<\/a>.<\/p>\n<p>Mais bien que vous ne deviez pas faire un lifting sur votre site sans y r\u00e9fl\u00e9chir s\u00e9rieusement, il y a certainement un certain m\u00e9rite \u00e0 suivre les tendances du web design, en particulier celles bas\u00e9es sur les avanc\u00e9es technologiques.<\/p>\n<p>Par exemple, si vous n&rsquo;avez pas entendu parler de <a href=\"https:\/\/kinsta.com\/fr\/blog\/chatbot\/\">IA de chatbots<\/a>, des applications web progressives ou de grille CSS, vous pourriez utiliser une technologie d\u00e9pass\u00e9e qui vous fait perdre des conversions. Pensez \u00e0 la fa\u00e7on dont le <a href=\"https:\/\/kinsta.com\/fr\/blog\/index-google-mobile-first\/\">design responsive<\/a> a r\u00e9volutionn\u00e9 Internet ; vous ne voulez pas \u00eatre le dernier la prochaine fois qu&rsquo;un d\u00e9veloppement comme celui-l\u00e0 se reproduit.<\/p>\n<p>Et m\u00eame lorsque les tendances sont purement esth\u00e9tiques, il y a toujours du m\u00e9rite \u00e0 les suivre. Par exemple, un site web blanc, propre et simple peut \u00eatre fonctionnel. Mais avec le style plus avant-gardiste de la conception web qui s&rsquo;est impos\u00e9 ces derni\u00e8res ann\u00e9es, les utilisateurs le trouvent aussi assez ennuyeux.<\/p>\n<p>M\u00eame de petits changements comme l&rsquo;ajout de couleurs, de grilles bris\u00e9es ou des animations de micro-interactions peuvent contribuer \u00e0 la pertinence de votre site.<\/p>\n<p>De plus, \u00e0 mesure que les concepteurs de sites web \u00e9voluent, apprennent et s&rsquo;adaptent aux nouvelles technologies, certaines de ces avanc\u00e9es et tendances sont tr\u00e8s positives, tant sur le plan de la beaut\u00e9 que de la fonctionnalit\u00e9. Pensez \u00e0 l&rsquo;aspect et au fonctionnement des sites il y a 20 ou m\u00eame 10 ans&#8230; Nous avons fait beaucoup de chemin, et il nous reste encore beaucoup de chemin \u00e0 parcourir.<\/p>\n<p>Si vous voyez une tendance de design web moderne qui correspond \u00e0 votre marque, et qui aide ou du moins ne nuit pas \u00e0 l&rsquo;ergonomie, cela vaut peut-\u00eatre la peine de s&rsquo;y mettre.<\/p>\n<h2>R\u00e9capitulatif : Tendances du design Web en 2018<\/h2>\n<p>Avec 2020 maintenant ici, 2018 semble de plus en plus loin. Mais ses tendances continuent \u00e0 avoir un impact sur le web m\u00eame si de nouveaux styles \u00e9mergent, et comme beaucoup d&rsquo;entre elles sont toujours pertinentes pour le design moderne, il est bon de regarder en arri\u00e8re et de voir le chemin parcouru.<\/p>\n<p>Depuis quelques ann\u00e9es, la conception web s&rsquo;\u00e9loigne de la simplicit\u00e9 minimaliste et s&rsquo;oriente vers un individualisme audacieux, mais tout cela a atteint son apog\u00e9e en 2018. On peut encore en sentir les effets aujourd&rsquo;hui, et Internet continuera s\u00fbrement \u00e0 se peupler de styles originaux et uniques.<\/p>\n<h3>Illustrations 2D, Animation 3D<\/h3>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/2d-3d-2.png\" alt=\"Un exemple d'illustration en 2D\" width=\"1197\" height=\"739\"><figcaption class=\"wp-caption-text\">Un exemple d&rsquo;illustration en 2D (Source : Nomadic Tribe)<\/figcaption><\/figure>\n<p>Les illustrations sont l&rsquo;un des meilleurs moyens de transmettre la personnalit\u00e9 et les dessins en 2D sont de plus en plus nombreux. Ils sont parfaits pour l\u2019image de marque et rendent votre site web beaucoup plus m\u00e9morable, ce n&rsquo;est donc pas une surprise. Un site web avec des illustrations \u00e9tonnantes ne risque pas d&rsquo;\u00eatre oubli\u00e9.<\/p>\n<p>L&rsquo;animation d&rsquo;arri\u00e8re-plan en 3D est \u00e9galement devenue plus populaire, gr\u00e2ce \u00e0 la puissance accrue des navigateurs, de la technologie d&rsquo;animation et des appareils comme les ordinateurs et les t\u00e9l\u00e9phones. Particuli\u00e8rement fr\u00e9quent sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/site-portfolio\/\">les sites web <\/a>de portfolios et des agences, les animations 3D attirent instantan\u00e9ment l&rsquo;attention et offrent des possibilit\u00e9s d&rsquo;interactivit\u00e9 amusantes.<\/p>\n<p>\u00c0 l&rsquo;avenir, les illustrations et animations faites \u00e0 la main ne feront que gagner en popularit\u00e9. Elles mettent en valeur la personnalit\u00e9 de votre marque d&rsquo;une mani\u00e8re que rien d&rsquo;autre ne peut \u00e9galer (et ceci <a href=\"https:\/\/kinsta.com\/fr\/blog\/strategie-de-contenu-visuel\/\">a prouv\u00e9 son efficacit\u00e9 en tant que strat\u00e9gie<\/a>).<\/p>\n<h3>Subtilit\u00e9, plat (flat) et minimalisme<\/h3>\n<figure style=\"width: 1325px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/webflow-1.png\" alt=\"Webflow\" width=\"1325\" height=\"841\"><figcaption class=\"wp-caption-text\">Le design plat \u00e9tait tr\u00e8s populaire (Source : Webflow)<\/figcaption><\/figure>\n<p>Malgr\u00e9 les avanc\u00e9es vers des styles plus originaux, le minimalisme a continu\u00e9 \u00e0 dominer l&rsquo;Internet. La simplicit\u00e9 propre est incontestablement attrayante, et m\u00eame dans les sites qui pr\u00e9sentaient des couleurs plus vives ou des \u00e9l\u00e9ments exp\u00e9rimentaux, elle \u00e9tait souvent accompagn\u00e9e d&rsquo;un design plat.<\/p>\n<p>Cependant, le \u00ab\u00a0Flat 2.0\u00a0\u00bb, ou design semi-plat, a pris racine plus fortement avec son utilisation d&rsquo;ombres, de d\u00e9grad\u00e9s et d&rsquo;autres \u00e9l\u00e9ments l\u00e9g\u00e8rement plus complexes. Tant que le minimalisme existera, les designers trouveront un moyen de le mettre en valeur.<\/p>\n<p>Les animations subtiles ont \u00e9galement occup\u00e9 une grande place en 2018, avec un l\u00e9ger parallax et de l\u00e9gers effets de survol apparaissant partout. Ceux-ci ont permis aux sites web minimalistes de conserver leur simplicit\u00e9 tout en rendant la conception globale beaucoup plus jolie.<\/p>\n<h3>Design g\u00e9om\u00e9trique<\/h3>\n<p>La plupart des sites comprennent des polygones et de la g\u00e9om\u00e9trie dans une certaine mesure, mais la conception g\u00e9om\u00e9trique a jou\u00e9 un r\u00f4le important dans les tendances de 2018. Les sites \u00e9taient r\u00e9alis\u00e9s uniquement autour de formes simples comme des carr\u00e9s, des rectangles et des lignes, et ils comportaient aussi des d\u00e9tails plus petits comme des boutons ou des bo\u00eetes d\u00e9coratives.<\/p>\n<p>Les formes g\u00e9om\u00e9triques organiques, ou celles qui sont quelque peu irr\u00e9guli\u00e8res et imparfaites, en constituaient une grande partie. Elles pr\u00e9sentent souvent des coins mous et une asym\u00e9trie, et leur aspect inhabituel est plut\u00f4t int\u00e9ressant. Les angles vifs des polygones et les ar\u00eates arrondies de la g\u00e9om\u00e9trie organique \u00e9taient souvent combin\u00e9s pour cr\u00e9er un contraste visuellement attrayant.<\/p>\n<figure style=\"width: 1210px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/giftrocket-2.png\" alt=\"Les dessins g\u00e9om\u00e9triques ont r\u00e9gn\u00e9\" width=\"1210\" height=\"774\"><figcaption class=\"wp-caption-text\">Les dessins g\u00e9om\u00e9triques ont r\u00e9gn\u00e9 (Source : GiftRocket)<\/figcaption><\/figure>\n<h3>Couleurs vives et audacieuses<\/h3>\n<p>L&rsquo;Internet qui \u00e9tait autrefois blanc et uni est maintenant plein de couleurs, de palettes vibrantes et aventureuses \u00e0 chaque coin de rue. Les jours d&rsquo;une ou deux teintes sourdes dans chaque <a href=\"https:\/\/kinsta.com\/fr\/blog\/palettes-couleurs-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">palette de couleurs<\/a> s&rsquo;estompent, des palettes vives et audacieuses prenant rapidement leur place.<\/p>\n<p>Les d\u00e9grad\u00e9s sont apparus partout et demeurent un choix populaire encore aujourd&rsquo;hui, leurs teintes intenses et vibrantes remplissant les en-t\u00eates de nombreux sites importants.<\/p>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/spotify-1.png\" alt=\"Spotify\" width=\"1211\" height=\"822\"><figcaption class=\"wp-caption-text\">Couleurs audacieuses des volumes (Source : Spotify)<\/figcaption><\/figure>\n<p>En plus des <a href=\"https:\/\/kinsta.com\/fr\/blog\/palettes-couleurs-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">couleurs vives<\/a>, il y avait des effets de distorsion et de glitch, les animations scintillantes apparaissant dans le portfolio de nombreux concepteurs ou d\u00e9veloppeurs. Bien que leur popularit\u00e9 ait quelque peu diminu\u00e9, vous pouvez toujours les trouver sur le web.<\/p>\n<h3>Design en grille bris\u00e9e<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/startup-lab-1.png\" alt=\"Startup Lab\" width=\"1221\" height=\"803\"><figcaption class=\"wp-caption-text\">Tous saluent la grille bris\u00e9e (Source : Startup Lab)<\/figcaption><\/figure>\n<p>La plupart des sites web sont construits sur une structure simple \u00e0 base de grille, avec des \u00e9l\u00e9ments divis\u00e9s en sections. Une conception de grille bris\u00e9e brise cette attente, en faisant se chevaucher les \u00e9l\u00e9ments et en jetant la sym\u00e9trie par la fen\u00eatre. Cette disposition non conventionnelle est l&rsquo;une des fa\u00e7ons les plus \u00e9videntes de briser le moule et de se d\u00e9marquer.<\/p>\n<p>Un autre style qui a attir\u00e9 beaucoup d&rsquo;attention est le design \u00e0 \u00e9cran divis\u00e9, une technique qui divise l&rsquo;\u00e9cran en deux panneaux, chacun avec son propre <a href=\"https:\/\/kinsta.com\/fr\/sujets\/strategie-contenu\/\">contenu<\/a>. Dans l&rsquo;ensemble, les mises en page sont devenues beaucoup plus int\u00e9ressantes.<\/p>\n<h3>IA et Machine Learning<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/statistiques-ecommerce\/\">Les chatbots sont une grosse affaire<\/a>. Ces programmes ing\u00e9nieux r\u00e9pondent dynamiquement aux clients, en automatisant partiellement ou compl\u00e8tement le processus de support ou d&rsquo;achat. L&rsquo;apprentissage machine leur permet d&rsquo;examiner les donn\u00e9es et d&rsquo;apprendre \u00e0 r\u00e9pondre aux questions et aux commentaires, et de soulager vos agents de support humain d&rsquo;une partie de leur charge de travail.<\/p>\n<p>Mais ce n&rsquo;est que le d\u00e9but. Au fur et \u00e0 mesure que la technologie progresse, l&rsquo;IA et l&rsquo;apprentissage machine sont appel\u00e9s \u00e0 s&rsquo;int\u00e9grer encore plus aux syst\u00e8mes en ligne.<\/p>\n<h3>La mont\u00e9e du brutalisme<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/the-outline-1.png\" alt=\"The Outline\" width=\"1211\" height=\"807\"><figcaption class=\"wp-caption-text\">Le brutalisme est dur pour les yeux, mais fait une d\u00e9claration (Source : The Outline)<\/figcaption><\/figure>\n<p>Le brutalisme n&rsquo;est pas joli, mais son \u00e9trange attrait a gagn\u00e9 le c\u0153ur de beaucoup. Caract\u00e9ris\u00e9 par des couleurs criardes, des choix anti-UX, et une conception qui se retrouve partout, le brutalisme encourage les concepteurs \u00e0 devenir fous et \u00e0 cr\u00e9er un site qui d\u00e9fie les attentes. Vous devriez vous attendre \u00e0 voir davantage de ce style non uniforme \u00e0 l&rsquo;avenir.<\/p>\n<h3>Raconter des histoires avec un design web<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/atlassian.png\" alt=\"Atlassian\" width=\"1211\" height=\"803\"><figcaption class=\"wp-caption-text\">Le design peut \u00eatre utilis\u00e9 pour raconter une histoire (Source : Atlassien)<\/figcaption><\/figure>\n<p>Les \u00e9l\u00e9ments visuels sont l&rsquo;un des meilleurs moyens de transmettre efficacement l&rsquo;information, que vous essayiez de raconter une histoire ou de rendre un grand nombre de donn\u00e9es lisibles par l&rsquo;homme. Les concepteurs de sites web racontent leurs histoires \u00e0 travers <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-outils-pour-freelances\/#design-tools\">des illustrations charmantes et la visualisation de donn\u00e9es<\/a>, avec des designs interactifs et visuels qui rendent leur message plus engageant et plus facile \u00e0 comprendre.<\/p>\n<h2>Les plus grandes tendances du design web de 2019<\/h2>\n<p>2019 a partag\u00e9 avec 2018 de nombreuses tendances en mati\u00e8re de conception web, comme le design de grille bris\u00e9e et les palettes de couleurs vives. Mais les choses sont devenues encore plus folles, avec beaucoup d&rsquo;exp\u00e9rimentation de la part de concepteurs audacieux.<\/p>\n<p>Le th\u00e8me de la course pour 2019 : contourner les r\u00e8gles et les briser. Blanc, plat, en grille, minimaliste \u00e0 l&rsquo;ext\u00e9rieur, asym\u00e9trie lumineuse et audacieuse \u00e0 l&rsquo;int\u00e9rieur. Bien que le design \u00e9pur\u00e9 et l&rsquo;espace blanc seront toujours des atouts majeurs, les designers sont plus enclins \u00e0 essayer de nouvelles choses ces derniers temps. Nous constatons que bon nombre d&rsquo;entre elles seront pleinement op\u00e9rationnelles en 2020.<\/p>\n<h3>Vibration et exp\u00e9rimentation des couleurs<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/fotonaut-1.png\" alt=\"Fotonaut\" width=\"1221\" height=\"807\"><figcaption class=\"wp-caption-text\">Couleurs vibrantes dominantes (Source : Fotonaut)<\/figcaption><\/figure>\n<p>L&rsquo;Internet devient plus color\u00e9. Les d\u00e9grad\u00e9s sont monnaie courante aujourd&rsquo;hui, et les sites web affichent souvent des palettes lumineuses et tape-\u00e0-l&rsquo;\u0153il qui \u00e9taient inconnues il y a quelques ann\u00e9es. Les palettes elles-m\u00eames sont plus exp\u00e9rimentales, rompant avec le moule habituel des couleurs compl\u00e9mentaires ou contrast\u00e9es et allant dans tous les sens.<\/p>\n<p>Les sites n&rsquo;arborent plus les m\u00eames une ou deux couleurs simples et sourdes. Les pastels doux, les teintes vives et les palettes de toutes tailles prennent le dessus. Un contraste marqu\u00e9, une subtilit\u00e9 douce et des palettes pleines de personnalit\u00e9 se m\u00e9langent pour rendre l&rsquo;internet beaucoup plus diversifi\u00e9.<\/p>\n<p>Le monochrome est aussi une grande mode en ce moment. Cela prend souvent la forme de sites totalement en noir et blanc ou en niveaux de gris avec une esth\u00e9tique sombre, mais vous pouvez aussi trouver des sites r\u00e9alis\u00e9s uniquement autour d&rsquo;une seule couleur.<\/p>\n<h3>Plus d&rsquo;illustrations<\/h3>\n<figure style=\"width: 1205px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/absurd-1.png\" alt=\"Absurd\" width=\"1205\" height=\"797\"><figcaption class=\"wp-caption-text\">Les illustrations \u00e9taient encore populaires (Source : Absurd)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/strategie-de-contenu-visuel\/\">Les illustrations et le contenu visuel<\/a> \u00e9taient \u00e9galement importants en 2018, mais ils ont continu\u00e9 \u00e0 \u00e9voluer. Les artistes s&rsquo;\u00e9loignent du style d&rsquo;illustration typique et simpliste que la plupart des sites emploient, et essaient quelque chose d&rsquo;un peu diff\u00e9rent.<\/p>\n<p>Une tendance \u00e9mergente est l&rsquo;art excentrique et ludique qui s&rsquo;\u00e9carte de la normalit\u00e9 et s&rsquo;essaie \u00e0 un style plus abstrait et al\u00e9atoire. Ces illustrations ignorent les fronti\u00e8res habituelles et n&rsquo;ont pas peur de montrer la personnalit\u00e9 de leurs cr\u00e9ateurs.<\/p>\n<p>Les illustrations 3D sont \u00e9galement tr\u00e8s populaires. Ce n&rsquo;est qu&rsquo;un petit effet sur la tendance des \u0153uvres d&rsquo;art principalement plates, mais cela lui donne un nouveau souffle. Certaines sont des \u0153uvres d&rsquo;art en 2D dessin\u00e9es pour ressembler \u00e0 la 3D, tandis que d&rsquo;autres sont de v\u00e9ritables rendus en trois dimensions. Quoi qu&rsquo;il en soit, elles gagnent rapidement en popularit\u00e9 en m\u00eame temps que les animations Web en 3D.<\/p>\n<figure style=\"width: 1191px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/jet-style-1.png\" alt=\"Jet Style\" width=\"1191\" height=\"735\"><figcaption class=\"wp-caption-text\">Et les illustrations 3D ont fait un impact (Source : Jet Style)<\/figcaption><\/figure>\n<p>Enfin, la derni\u00e8re tendance illustr\u00e9e est l&rsquo;animation. L&rsquo;art anim\u00e9 attire instantan\u00e9ment l&rsquo;attention et ajoute une couche suppl\u00e9mentaire de personnalit\u00e9 \u00e0 une forme d&rsquo;art d\u00e9j\u00e0 tr\u00e8s expressive. L&rsquo;art de l&rsquo;animation 2D et 3D va continuer \u00e0 se d\u00e9velopper au fur et \u00e0 mesure que cet engouement se fera sentir.<\/p>\n<h3>Design audacieux<\/h3>\n<p>Le web design 2019 peut \u00eatre r\u00e9sum\u00e9 en trois mots : grand et gras. Plus c&rsquo;est grand et plus c&rsquo;est exp\u00e9rimental, mieux c&rsquo;est, surtout quand le r\u00e9sultat final est tape-\u00e0-l&rsquo;\u0153il et demande une attention imm\u00e9diate.<\/p>\n<p>La conception web brutaliste est toujours aussi forte, avec <a href=\"https:\/\/brutalistwebsites.com\/\">des sites entiers<\/a> d\u00e9di\u00e9s \u00e0 la collecte du meilleur dans le brutalisme. L&rsquo;art brutal, laid et anti-utilisateur fait certainement une d\u00e9claration : le design web a toujours eu pour seul objectif de cr\u00e9er une bonne exp\u00e9rience utilisateur, mais le brutalisme cherche \u00e0 en faire une \u0153uvre d&rsquo;art. On ne sait pas combien de temps le brutalisme va durer, mais la tendance est toujours aussi forte.<\/p>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/visualbox-1.png\" alt=\"Visualbox\" width=\"1213\" height=\"797\"><figcaption class=\"wp-caption-text\">Le brutalisme est toujours dominant (Source : Visualbox)<\/figcaption><\/figure>\n<p>On dirait que tout prend de l&rsquo;ampleur, mais l&rsquo;impact le plus important a \u00e9t\u00e9 sur la typographie et la navigation. Il n&rsquo;est pas rare de voir des textes qui remplissent presque enti\u00e8rement l&rsquo;\u00e9cran, ou m\u00eame des dessins r\u00e9alis\u00e9s uniquement autour de la typographie, avec peu ou pas d&rsquo;images du tout.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-wordpress\/\">Les polices<\/a> deviennent aussi plus cr\u00e9atives, notamment gr\u00e2ce aux <a href=\"https:\/\/www.colorfonts.wtf\/\">polices de couleur<\/a>, qui rendent enfin possible la personnalisation et le rendu de polices qui ont l&rsquo;air d&rsquo;avoir \u00e9t\u00e9 am\u00e9lior\u00e9es dans Photoshop. La typographie comme point de mire est maintenant une m\u00e9thode viable de conception de sites web.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-menu-wordpress\/\">La navigation est \u00e9galement en expansion<\/a>. Les navigations avec des en-t\u00eates d\u00e9licats et les menus d\u00e9roulants ou hamburgers \u00e9l\u00e9gants sont remplac\u00e9s par des affichages dominants, avec des \u00e9crans entiers d\u00e9di\u00e9s \u00e0 la navigation, encore une fois souvent centr\u00e9s autour d&rsquo;une typographie \u00e9norme.<\/p>\n<p>Dans ce guide d\u00e9taill\u00e9, vous pouvez en apprendre davantage sur les meilleures pratiques en mati\u00e8re <a href=\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\">de navigation sur les sites web<\/a>.<\/p>\n<figure style=\"width: 1217px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/tribu-1.png\" alt=\"Tribu\" width=\"1217\" height=\"803\"><figcaption class=\"wp-caption-text\">La conception des en-t\u00eates a \u00e9galement eu un impact (Source : Tribu)<\/figcaption><\/figure>\n<p>Regardez aussi les vid\u00e9os d\u2019en-t\u00eates hero, les arri\u00e8re-plans anim\u00e9s, et plus encore <a href=\"https:\/\/kinsta.com\/fr\/blog\/embarquer-videos-youtube-wordpress\/\">le contenu vid\u00e9o<\/a> sur les pages web. Les \u00e9l\u00e9ments vid\u00e9o \u00e9taient auparavant un probl\u00e8me car ils \u00e9taient lents \u00e0 charger et consommaient des donn\u00e9es mobiles limit\u00e9es, mais gr\u00e2ce \u00e0 un mat\u00e9riel plus puissant et \u00e0 des images de repli, vous pouvez maintenant utiliser les vid\u00e9os n&rsquo;importe o\u00f9. Ce magnifique site web avec un fond anim\u00e9 plein \u00e9cran, autrefois une raret\u00e9, est sur le point de devenir plus commun.<\/p>\n<h3>Asym\u00e9trie<\/h3>\n<figure style=\"width: 1223px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/new-flight-1.png\" alt=\"New Flight\" width=\"1223\" height=\"801\"><figcaption class=\"wp-caption-text\">L\u2019asym\u00e9trie est toujours tr\u00e8s populaire (Source : New Flight)<\/figcaption><\/figure>\n<p>La conception de grille bris\u00e9e reste tr\u00e8s populaire. Les sites web choisissent souvent d&rsquo;\u00e9viter les mises en page typiques et d&rsquo;opter pour quelque chose de plus artistique, avec beaucoup de pi\u00e8ces et d&rsquo;\u00e9l\u00e9ments qui se chevauchent sur tout l&rsquo;\u00e9cran. C&rsquo;est un style qui est difficile \u00e0 r\u00e9aliser, mais il est superbe une fois qu&rsquo;on l&rsquo;a r\u00e9ussi.<\/p>\n<p>Mais pour ceux qui ne sont pas int\u00e9ress\u00e9s \u00e0 briser enti\u00e8rement le moule, un peu d&rsquo;asym\u00e9trie est une alternative acceptable. Les conceptions asym\u00e9triques d&rsquo;\u00e9cran partag\u00e9 sont particuli\u00e8rement populaires, m\u00eame si ces sites collent toujours \u00e0 une grille.<\/p>\n<p>En parlant de grille, la grille CSS est un ajout super puissant au CSS qui fonctionne en deux dimensions, colonnes et lignes, et qui vous permet de cr\u00e9er facilement des mises en page de sites web \u00e0 partir de z\u00e9ro. <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Avec un peu de magie CSS<\/a>, vous pouvez aussi cr\u00e9er une grille de mise en page bris\u00e9e, donc tout est possible. Les concepteurs et les d\u00e9veloppeurs web commencent \u00e0 s&rsquo;int\u00e9resser \u00e0 la grille CSS, alors ne manquez pas cette occasion.<\/p>\n<h3>Plus d&rsquo;effets et d&rsquo;animations<\/h3>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/3h-i-1.png\" alt=\"3h-i\" width=\"1213\" height=\"785\"><figcaption class=\"wp-caption-text\">Les animations peuvent avoir un impact positif sur la conception de l&rsquo;IU et de l&rsquo;UX (Source : 3H-i)<\/figcaption><\/figure>\n<p>Bien que le brutalisme devienne monnaie courante dans certains coins du web, le reste se concentre sur le design UI\/UX : cr\u00e9er une plus belle interface tout en am\u00e9liorant l&rsquo;exp\u00e9rience utilisateur.<\/p>\n<p>Une grande partie de cela est dans les micro-interactions. Pensez \u00e0 survoler un produit sur une <a href=\"https:\/\/kinsta.com\/fr\/blog\/woocommerce-vs-shopify\/\">boutique<\/a> ou jouer avec un arri\u00e8re-plan interactif et anim\u00e9. Ces petites animations rendent un site web plus divertissant \u00e0 naviguer et apportent de la joie aux petites interactions comme le clic et le survol. Certains sites sont m\u00eame all\u00e9s jusqu&rsquo;\u00e0 mettre en place de mignons mini-jeux.<\/p>\n<p>Mais ce n&rsquo;est pas seulement pour le plaisir. Les micro-interactions servent souvent le m\u00eame objectif que l&rsquo;animation subtile courante : elles dirigent l&rsquo;attention de l&rsquo;utilisateur vers les \u00e9l\u00e9ments importants de l&rsquo;IU. Et une sur-impl\u00e9mentation peut vite devenir obsol\u00e8te, alors il s&rsquo;agit de trouver le nombre id\u00e9al d&rsquo;animations \u00e0 inclure sur votre site web.<\/p>\n<p>Les effets de d\u00e9filement et de parallax sont bien s\u00fbr toujours aussi populaires et peuvent ajouter un aspect dynamique en calques \u00e0 une page et la rendre beaucoup plus int\u00e9ressante.<\/p>\n<p>Aussi, faites attention aux curseurs personnalis\u00e9s. Autrefois, on les voyait rarement en dehors des petits blogs ou des sites pour enfants, mais ils sont maintenant un choix populaire, surtout pour les sites construits autour d&rsquo;arri\u00e8re-plans ou de navigation anim\u00e9s en 3D. Un \u00e9l\u00e9gant curseur personnalis\u00e9 peut vraiment am\u00e9liorer votre esth\u00e9tique.<\/p>\n<h3>Espace blanc<\/h3>\n<figure style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/12\/apple-1-1.png\" alt=\"Apple iPhone\" width=\"1604\" height=\"954\"><figcaption class=\"wp-caption-text\">L&rsquo;espace blanc gagne toujours (Source : Apple)<\/figcaption><\/figure>\n<p>Comme toujours, l&rsquo;espace blanc et la conception \u00e9pur\u00e9e continueront d&rsquo;avoir leur place dans les tendances du web design. Simple et propre est un choix s\u00fbr : il y a une raison pour laquelle ce style est pr\u00e9sent sur presque tous les sites web modernes.<\/p>\n<p>Mais m\u00eame si vous visez une approche plus audacieuse et plus unique, l&rsquo;espace blanc reste un \u00e9l\u00e9ment qu&rsquo;il vous faut contourner. <a href=\"https:\/\/kinsta.com\/fr\/blog\/exemples-de-sites-wordpress\/\">Chaque site<\/a> a besoin d&rsquo;un peu d&rsquo;espace, et l&rsquo;espace blanc peut \u00eatre utilis\u00e9 pour mettre soigneusement en \u00e9vidence et souligner les images ou tout autre contenu.<\/p>\n<p>Il est possible d&rsquo;utiliser beaucoup d&rsquo;espace blanc avec un grand effet, en laissant des portions enti\u00e8res de l&rsquo;\u00e9cran vides pour donner aux \u00e9l\u00e9ments importants beaucoup d&rsquo;espace. L&rsquo;espace blanc maximal est un style qui se poursuivra probablement au cours des prochaines ann\u00e9es.<\/p>\n<h3>Applications web progressives<\/h3>\n<p>La prochaine grande chose dans le design mobile : les applications web progressives. Ces plateformes web sont construites sur du code comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">HTML<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/blog\/eliminer-javascript-css-bloquant-rendu\/\">JavaScript<\/a>, mais elles fonctionnent et agissent comme des mini-applications pour les utilisateurs mobiles. Elles sont con\u00e7ues pour offrir l&rsquo;exp\u00e9rience d&rsquo;une application sans avoir besoin d&rsquo;\u00eatre r\u00e9ellement construites sur une technologie mobile ou d&rsquo;\u00eatre publi\u00e9es sur l&rsquo;app store.<\/p>\n<p>Les AWP fonctionnent hors ligne, peuvent envoyer des notifications et \u00eatre \u00e9pingl\u00e9es \u00e0 l&rsquo;\u00e9cran d&rsquo;accueil, mais vous n&rsquo;avez pas besoin de t\u00e9l\u00e9charger ou de distribuer quoi que ce soit. Elles sont l\u00e9g\u00e8res et <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/vitesse-de-site\/\">se chargent <\/a>aussi rapidement, pour ne pas prendre trop de bande passante.<\/p>\n<p>M\u00eame Twitter s&rsquo;est lanc\u00e9 dans les AWP, d\u00e9veloppant Twitter Lite comme une solution pour ceux qui ont des vitesses Internet lentes. Et ils ont fini par int\u00e9grer le syst\u00e8me directement dans leur interface principale. C&rsquo;est la preuve que cette technologie fonctionne bien.<\/p>\n<p>Si vous n&rsquo;avez pas encore entendu parler des applications web progressives, vous devriez certainement faire quelques recherches. En construire une pourrait rendre l&rsquo;exp\u00e9rience de vos utilisateurs mobiles beaucoup plus fluide.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>2018 et 2019 ont \u00e9t\u00e9 des ann\u00e9es passionnantes pour le monde en ligne. 2020 apporte d\u00e9j\u00e0 des designs encore plus aventureux. Les \u00e9l\u00e9ments qui enfreignent les r\u00e8gles, comme l&rsquo;asym\u00e9trie, les couleurs vives, le brutalisme et les animations accrocheuses, continueront de gagner en popularit\u00e9 au cours des prochaines ann\u00e9es.<\/p>\n<p>Qui sait ce qui pourrait arriver ensuite ? Nous sommes s\u00fbrement en r\u00e9serve pour de nouveaux styles d&rsquo;art encore plus non conventionnels.<\/p>\n<p>Si vous n&rsquo;avez pas encore compris, il est peut-\u00eatre temps de r\u00e9-imaginer certains de vos designs et de saisir ces nouvelles tendances. Attendez-vous \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/exemples-de-sites-wordpress\/\">voir les marques<\/a> et les designers commencer \u00e0 s&rsquo;exprimer r\u00e9ellement et l&rsquo;Internet \u00e0 devenir beaucoup plus vibrant et int\u00e9ressant.<\/p>\n<p>La prochaine d\u00e9cennie de la conception web sera probablement marqu\u00e9e par la prise de risques et l&rsquo;innovation, alors assurez-vous d&rsquo;\u00eatre pr\u00eat \u00e0 suivre le rythme.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La conception de sites web est en constante \u00e9volution. Alors que la technologie devient de plus en plus puissante et que les designers exp\u00e9rimentent de nouveaux &#8230;<\/p>\n","protected":false},"author":20,"featured_media":36165,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[350,349],"topic":[1041,1017],"class_list":["post-36147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-tendances","tag-web-design","topic-conception-site-web-wordpress","topic-conception-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)<\/title>\n<meta name=\"description\" content=\"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd&#039;hui en 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:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)\" \/>\n<meta property=\"og:description\" content=\"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd&#039;hui en 2020.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-20T11:18:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-24T13:40:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd&#039;hui en 2020.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)\",\"datePublished\":\"2020-01-20T11:18:16+00:00\",\"dateModified\":\"2024-01-24T13:40:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\"},\"wordCount\":3702,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg\",\"keywords\":[\"tendances\",\"web design\"],\"articleSection\":[\"D\u00e9veloppement WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\",\"name\":\"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg\",\"datePublished\":\"2020-01-20T11:18:16+00:00\",\"dateModified\":\"2024-01-24T13:40:50+00:00\",\"description\":\"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd'hui en 2020.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Retour sur les principales tendances en mati\u00e8re de design web (2018-2019)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conception web\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/conception-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)","description":"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd'hui en 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:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)","og_description":"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd'hui en 2020.","og_url":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2020-01-20T11:18:16+00:00","article_modified_time":"2024-01-24T13:40:50+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg","type":"image\/jpeg"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd'hui en 2020.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg","twitter_creator":"@digitalinkwell","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Brenda Barron","Dur\u00e9e de lecture estim\u00e9e":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)","datePublished":"2020-01-20T11:18:16+00:00","dateModified":"2024-01-24T13:40:50+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/"},"wordCount":3702,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg","keywords":["tendances","web design"],"articleSection":["D\u00e9veloppement WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/","url":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/","name":"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg","datePublished":"2020-01-20T11:18:16+00:00","dateModified":"2024-01-24T13:40:50+00:00","description":"Comment le monde du web design \u00e9volue-t-il ? Un regard approfondi et une analyse des derni\u00e8res tendances en mati\u00e8re de web design de 2018 et 2019 \u00e0 aujourd'hui en 2020.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/tendances-web-design.jpg","width":1460,"height":730,"caption":"Retour sur les principales tendances en mati\u00e8re de design web (2018-2019)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Conception web","item":"https:\/\/kinsta.com\/fr\/sujets\/conception-web\/"},{"@type":"ListItem","position":3,"name":"Retour sur les Principales Tendances en mati\u00e8re de Design Web (2018-2019)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/36147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=36147"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/36147\/revisions"}],"predecessor-version":[{"id":43023,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/36147\/revisions\/43023"}],"alternate":[{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/nl"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/pt"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/36147\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/36165"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=36147"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=36147"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=36147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}