{"id":1658,"date":"2019-01-22T09:54:47","date_gmt":"2019-01-22T09:54:47","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1658"},"modified":"2020-04-15T12:37:51","modified_gmt":"2020-04-15T12:37:51","slug":"tendances-de-la-conception-web-en-2019","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/","title":{"rendered":"Tendances de la conception Web en 2019 : quelle est la prochaine \u00e9tape?"},"content":{"rendered":"<p>Dans cet article, je vais explorer les <strong>tendances cr\u00e9atives<\/strong> de la conception Web que nous aimions beaucoup cette ann\u00e9e. Je vais \u00e9galement essayer de pr\u00e9dire comment ces tendances \u00e9volueront ou changeront en 2019.<\/p>\n<p>Pour illustrer mes propos, je me r\u00e9f\u00e9rerai aux sites les plus branch\u00e9s de la derni\u00e8re collection de <a href=\"https:\/\/www.awwwards.com\/\" target=\"_blank\" rel=\"nofollow\">AWWWARDS<\/a>. Cette ressource est incroyable ! Je pense que les sites Web indiqu\u00e9s l\u00e0-bas ont \u00e9t\u00e9 cr\u00e9\u00e9s pour faire basculer le Web en 2019!<\/p>\n<p>Mais avant d'avancer, parlons de trois tendances qui, je pense, resteront inchang\u00e9es en 2019.<\/p>\n<h3 id=\"title1\" style=\"text-align: center\">1. CE QUI NE CHANGERA PAS<\/h3>\n<h5 id=\"title2\" style=\"text-align: center\">1.1 L'approche mobile-first<\/h5>\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 2018, 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 2019, vous n'aurez plus besoin d'un site Web uniquement adaptatif. Vous aurez besoin d'un appareil qui est d'abord mobile.<\/p>\n<hr \/>\n<h5 id=\"title3\" style=\"text-align: center\">1.2 Temps de chargement<\/h5>\n<p>C'est un peu controvers\u00e9. En 2018, de nombreux experts pensaient que les sites Web minimalistes \u00e9pur\u00e9s s'empareraient d'Internet en raison de leur vitesse de chargement rapide. Mais cela n\u2019est 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'\u00e8re du premier mobile. En 2019, les concepteurs et les d\u00e9veloppeurs continueront \u00e0 rechercher un compromis entre conceptions Java cr\u00e9atives, contenu original en pleine largeur et r\u00e9duction du temps de chargement.<\/p>\n<hr \/>\n<h5 id=\"title4\" style=\"text-align: center\">1.3 Les Chatbots<\/h5>\n<p>Les <a href=\"https:\/\/www.templatemonster.com\/fr\/modeles-ecommerce.html\" target=\"_blank\">sites de commerce \u00e9lectronique<\/a>\u00a0ont encore besoin de convertir en 2019, et les chatbots se sont av\u00e9r\u00e9s un moyen efficace de le faire. En 2019, l'exp\u00e9rience d'achat en ligne continuera de viser une personnalisation accrue et des technologies d'IA plus sophistiqu\u00e9es. Ainsi, en 2019, nous verrons des chatbots plus intelligents et plus interactifs sur les principaux sites de commerce \u00e9lectronique.<\/p>\n<hr \/>\n<h3 id=\"title5\" style=\"text-align: center\">2. \u00c0 quoi s'attendre en 2019<\/h3>\n<p>Passons maintenant aux principales tendances en mati\u00e8re de conception Web que nous pr\u00e9voyons voir en 2019.<\/p>\n<h5 id=\"title6\" style=\"text-align: center\">2.1 FLAT et PAS-SI-FLAT<\/h5>\n<p>Le Flat design, en tant qu'esth\u00e9tique de site Web, est avec nous depuis 2017 et est toujours l\u00e0. 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 pr\u00e9sentations fluides, de superbes images lumineuses et de nombreux espaces.<\/p>\n<p>La philosophie de Flat web design postule qu'un site avec moins d'images peut \u00eatre aussi impressionnant que son analogique charg\u00e9 d'images lourdes et \u00e0 chargement lent des ann\u00e9es 2000.<\/p>\n<p>Looking at the below examples, who wouldn\u2019t agree?<\/p>\n<h5 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/snowwhite-io\" target=\"_blank\" rel=\"nofollow\">SNOWWHITE.IO<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147085\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/snowwhite-io.png?x54449\" alt=\"SNOWWHITE.IO\" width=\"1000\" height=\"494\" data-wp-pid=\"147085\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/snowwhite.io\/\" target=\"_blank\" class=\"broken_link\">SITE WEB<\/a><\/p>\n<p>Voici un exemple de site Web de design plat magnifiquement 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 pr\u00e9sente une illustration diff\u00e9rente. Traditionnellement, pour la conception \u00e0 plat, l\u2019espace est suffisant et la navigation facile.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/inspiration\/5be594629dc6d64b8f0c0e96\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">DESIGN IN SILICON VALLEY<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147086\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/siliconvalley.png?x54449\" alt=\"SILICON VALLEY\" width=\"1000\" height=\"515\" data-wp-pid=\"147086\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/siliconvalley.baunfire.com\/\" target=\"_blank\">SITE WEB<\/a><\/p>\n<p>Ce site Web d\u00e9montre ce que la conception \u00e0 plat peut offrir si vous y ajoutez une animation et une interactivit\u00e9 lourdes. Les pages comportent beaucoup de texture et de belles transitions. Les t\u00e9l\u00e9spectateurs 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 2019, nous verrons encore plus de variations de cela.<\/p>\n<h4><\/h4>\n<h5 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/lo-pesce\" target=\"_blank\" rel=\"nofollow\">LO PESCE<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147087\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/lo-pesce.png?x54449\" alt=\"LO PESCE\" width=\"1000\" height=\"494\" data-wp-pid=\"147087\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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. Nous pouvons \u00e9galement voir ici o\u00f9 en sera le design Web semi-plat en 2019.<\/p>\n<hr \/>\n<h5 id=\"title7\" style=\"text-align: center\">2.2 ELEMENTS FLOTTANTS<\/h5>\n<p>En 2019, les conceptions de sites Web d\u00e9fieront la gravit\u00e9. Cette tendance n\u2019est pas tout \u00e0 fait nouvelle: nous nous souvenons tous que les dispositions chaotiques \u00e9taient d\u00e9j\u00e0 tendance en 2018. 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 Web en 2019. Alors, attendez-vous \u00e0 ce que les concepteurs d\u00e9laissent les fronti\u00e8res et laissent en place des \u00e9l\u00e9ments 3D interactifs.<\/p>\n<h4><\/h4>\n<h5 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/greta-madline\" target=\"_blank\" rel=\"nofollow\">GRETA MADLINE<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147088\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/greta-madline.png?x54449\" alt=\"GRETA MADLINE\" width=\"1000\" height=\"490\" data-wp-pid=\"147088\" data-lazy-loaded=\"true\" \/><\/p>\n<p style=\"text-align: center\"><a rel=\"noopener noreferrer nofollow\" 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><\/h4>\n<h4 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/1948\" target=\"_blank\" rel=\"nofollow\">1948<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147089\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/1948.png?x54449\" alt=\"1948\" width=\"1000\" height=\"490\" data-wp-pid=\"147089\" data-lazy-loaded=\"true\" \/><\/p>\n<p style=\"text-align: center\"><a rel=\"noopener noreferrer nofollow\" 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 les objets 3D danser 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 2019, les sites Web offrant de telles exp\u00e9riences uniques basculeront sur le Web.<\/p>\n<hr \/>\n<h5 id=\"title8\" style=\"text-align: center\">2.3 G\u00c9OM\u00c9TRIE<\/h5>\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 le minimalisme harmonieux et l'exp\u00e9rience asym\u00e9trique rompue. Les deux seront populaires en 2019.<\/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. Utilis\u00e9es judicieusement, les formes peuvent devenir des \u00e9l\u00e9ments cl\u00e9s de la conception d'un site Web.<\/p>\n<p>Regardons quelques exemples \u00e9tonnants.<\/p>\n<h4><\/h4>\n<h4 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/tedxbethesda\" target=\"_blank\" rel=\"nofollow\">TEDxBETHESDA<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147091\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/tedxbethesda.png?x54449\" alt=\"TEDxBETHESDA\" width=\"1000\" height=\"489\" data-wp-pid=\"147091\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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><\/h4>\n<h5 style=\"text-align: center\"><a href=\"https:\/\/www.awwwards.com\/sites\/cworks\" target=\"_blank\" rel=\"nofollow\">CWORKS<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147093\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/cworks.png?x54449\" alt=\"CWORKS\" width=\"1000\" height=\"494\" data-wp-pid=\"147093\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 \u00e0 une typographie dispers\u00e9e, ces \u00e9l\u00e9ments illustrent les principales tendances de 2018-2019. Notez \u00e0 quel point les lignes sont utilis\u00e9es pour mettre en \u00e9vidence les onglets du menu.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/smultron-software-lab\" target=\"_blank\" rel=\"nofollow\">SMULTRON<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147094\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/smultron.png?x54449\" alt=\"SMULTRON\" width=\"1000\" height=\"491\" data-wp-pid=\"147094\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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. J'aime aussi les ic\u00f4nes inspir\u00e9es de la g\u00e9om\u00e9trie et la nettet\u00e9 de ce dessin.<\/p>\n<hr \/>\n<h5 id=\"title9\" style=\"text-align: center\">2.4 Fonds vid\u00e9o<\/h5>\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 2019, nous verrons l'\u00e9volution de l'int\u00e9gration vid\u00e9o dans la conception Web. En effet, il est prouv\u00e9 que les arri\u00e8re-plans vid\u00e9o augmentent les conversions de sites Web. Les t\u00e9l\u00e9spectateurs resteront pour regarder la vid\u00e9o si elle a capt\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><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/living-memories\" target=\"_blank\" rel=\"nofollow\">LIVING MEMORIES<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147095\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/living-memories.jpg?x54449\" alt=\"LIVING MEMORIES\" width=\"1000\" height=\"542\" data-wp-pid=\"147095\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/vivosrecuerdos.cl\/en\/\" target=\"_blank\">SITE WEB<\/a><\/p>\n<p>Ce site Web int\u00e8gre une intro 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\u2019onglet 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><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/descente-fusionknit\" target=\"_blank\" rel=\"nofollow\">DESCENTE FUSIONKNIT<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147096\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/descente-fusionknit.png?x54449\" alt=\"DESCENTE FUSIONKNIT\" width=\"1000\" height=\"491\" data-wp-pid=\"147096\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 donne le ton et induit une r\u00e9action \u00e9motionnelle du public. Vous ne pouvez tout simplement pas cesser de regarder ces tissus \u00eatre tricot\u00e9s et cousues ensemble. Voici comment vous faites la narration visuelle de produits. Le site Web pr\u00e9sente \u00e9galement des grilles irr\u00e9guli\u00e8res et des dispositions complexes en couches.<\/p>\n<hr \/>\n<h5 id=\"title10\" style=\"text-align: center\">2.5 GRILLES CASS\u00c9ES<\/h5>\n<p>L'amour de l'asym\u00e9trie a commenc\u00e9 en 2018 et restera en place en 2019. Les grilles que nous utilisions tous pour ajouter du contenu \u00e0 un site Web de mani\u00e8re coh\u00e9rente et coh\u00e9rente. Les mises en page r\u00e9alis\u00e9es avec des grilles semblent sym\u00e9triques et structur\u00e9es. Il existe un moyen par lequel une telle 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 \u00abbris\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 mettre en valeur les sections du site Web les plus ax\u00e9es sur la conversion.<\/p>\n<p>\u00c0 propos, avoir une grille cass\u00e9e n'est pas identique \u00e0 ne pas avoir de structure du tout. Les sites Web b\u00e2cl\u00e9s sont toujours hors de la tendance.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/mathieu-levesque\" target=\"_blank\" rel=\"nofollow\">MATHIEU LEVESQUE<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147097\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/mathieu-levesque.png?x54449\" alt=\"MATHIEU LEVESQUE\" width=\"1000\" height=\"490\" data-wp-pid=\"147097\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 diff\u00e9rentes vitesses 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 conf\u00e8rent au site une apparence \u00e0 la fois asym\u00e9trique et harmonieuse. Le spectateur a l'impression que le chaos per\u00e7u de cette mise en page est soigneusement r\u00e9fl\u00e9chi.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/femme-fierce\" target=\"_blank\" rel=\"nofollow\">FEMME AND FIERCE<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147098\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/femme-fierce.png?x54449\" alt=\"FEMME AND FIERCE\" width=\"1000\" height=\"486\" data-wp-pid=\"147098\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/femmeandfierce.nl\/home\" target=\"_blank\" class=\"broken_link\">SITE WEB<\/a><\/p>\n<p>Cette conception 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<h5 id=\"title11\" style=\"text-align: center\">2.6 POLICES EXPRESSIVES<\/h5>\n<p>Les caract\u00e8res gras ont fait basculer la conception de sites Web depuis un certain temps maintenant. Nous voyons \u00e9galement beaucoup de types en ruine, en d\u00e9sordre, remplis en 3D ou recadr\u00e9s. Un texte plus grand que nature et des polices audacieuses 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 types 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 types manuscrits, \u00e0 leur tour, ajoutent une atmosph\u00e8re 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 2019, nous les verrons audacieux, expressifs et asym\u00e9triques.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/laroulotte-retouche.com\/mort-ou-vif\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">LA ROULOTTE<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147100\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/laroulotte.png?x54449\" alt=\"LA ROULOTTE\" width=\"1000\" height=\"492\" data-wp-pid=\"147100\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 types d\u2019\u00e9nonc\u00e9. La conception cr\u00e9e une exp\u00e9rience cass\u00e9e impressionnante. Notez comment les lettres sont recadr\u00e9es et dispers\u00e9es dans 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><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/mountain-man-band-website\" target=\"_blank\" rel=\"nofollow\">MOUNTAIN MAN BAND<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147101\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/mountain-man-band.png?x54449\" alt=\"MOUNTAIN MAN BAND\" width=\"1000\" height=\"497\" data-wp-pid=\"147101\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 vers le bas, vous voyez du texte anim\u00e9 rendu en types 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<h5 id=\"title12\" style=\"text-align: center\">2.7 IMAGES EN COUCHES BRISEES<\/h5>\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 2019.<\/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 les rendre plus complexes. Les \u00e9l\u00e9ments qui se chevauchent, les duotones et le d\u00e9sordre resteront \u00e0 la mode en 2019.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/kyoto-okazaki-meiji-sakaba\" target=\"_blank\" rel=\"nofollow\">\u00a0KYOTO-OKAZAKI MEIJI SAKABA<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147120\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/kyoto-okazaki-meiji-sakaba.png?x54449\" alt=\"KYOTO-OKAZAKI MEIJI SAKABA\" width=\"1000\" height=\"486\" data-wp-pid=\"147120\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/meijisakaba.jp\/\" target=\"_blank\">SITE WEB<\/a><\/p>\n<p>La conception complexe de cette page d'accueil pr\u00e9sente 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 g\u00e9om\u00e9triques, de probl\u00e8mes et d'expressions manuscrites expressives. Dans l\u2019ensemble, le site Web est fascinant.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/adidas-women-here-to-create\" target=\"_blank\" rel=\"nofollow\">ADIDAS WOMEN<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147121\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/adidas-women.png?x54449\" alt=\"ADIDAS WOMEN\" width=\"1000\" height=\"493\" data-wp-pid=\"147121\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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\" class=\"broken_link\">SITE WEB<\/a><\/p>\n<p>La grande scission 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<h5 id=\"title13\" style=\"text-align: center\">2.8 TEXTURES INTERACTIVES CHAOTIQUES<\/h5>\n<p>En ce qui concerne les arri\u00e8re-plans et les textures, la m\u00eame tendance de \u00abfracture\u00bb s\u2019appliquera certainement. En 2019, nous verrons encore beaucoup d'arri\u00e8re-plans s\u00e9pia et micro-endommag\u00e9s ou blanchis.<\/p>\n<p>Les concepteurs utilisent \u00e0 la fois 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 des sites Web gagne \u00e9galement du terrain, nous voyons 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<h5><\/h5>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/human-always\" target=\"_blank\" rel=\"nofollow\">HUMAN ALWAYS<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147122\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/human-always.png?x54449\" alt=\"HUMAN ALWAYS\" width=\"1000\" height=\"491\" data-wp-pid=\"147122\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 a un aspect \u00e0 la fois exp\u00e9rimental et ancr\u00e9 dans la tradition.<\/p>\n<hr \/>\n<h5 id=\"title14\" style=\"text-align: center\">2.9 DREAMY COLORS<\/h5>\n<p>En 2018, 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 appr\u00e9ci\u00e9s.<\/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 2018. 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><\/h4>\n<h4><a href=\"https:\/\/www.awwwards.com\/sites\/le-petit-nantais\" target=\"_blank\" rel=\"nofollow\">LE PETIT NANTAIS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147162\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/le-petit-nantais.png?x54449\" alt=\"LE PETIT NANTAIS\" width=\"1000\" height=\"489\" data-wp-pid=\"147162\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" 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 2019. 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 qui flottent lentement cr\u00e9ent une sensation profonde qui \u00e9quilibre les illustrations plates.<\/p>\n<hr \/>\n<h5 id=\"title15\" style=\"text-align: center\">2.10 BRUTALISME<\/h5>\n<p>En 2019, on se souviendra de plus en plus de l'aube d'Internet \u00e0 travers le brutalisme de la conception 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'effets de survol, d'animation, de micro-interactions, de gros types, d'images massives 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 au-dessus: 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><\/h4>\n<h4><a href=\"https:\/\/www.awwwards.com\/sites\/the-website-of-erik-bernacchi\" target=\"_blank\" rel=\"nofollow\">ERIK BERNACCI<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147164\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/erik-bernacchi.png?x54449\" alt=\"ERIK BERNACCI\" width=\"1000\" height=\"484\" data-wp-pid=\"147164\" data-lazy-loaded=\"true\" \/><\/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. Le concepteur associe des couleurs Web s\u00e9curis\u00e9es \u00e0 l'ancienne, une animation na\u00efve et de superbes ic\u00f4nes.<\/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<hr \/>\n<h5 id=\"title16\" style=\"text-align: center\">2.11 ILLUSTRATIONS \u00c0 LA MAIN<\/h5>\n<p>Les illustrations \u00e0 l\u2019aquarelle, les pastels et les croquis n\u2019ont rien de nouveau dans la conception Web. En 2019, 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 internautes 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 correspondre \u00e0 une exp\u00e9rience unique.<\/p>\n<h4><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/a-smith-creations\" target=\"_blank\" rel=\"nofollow\">A+SMITH CREATIONS<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147167\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/a-smith-creations.png?x54449\" alt=\"A+SMITH CREATIONS\" width=\"1000\" height=\"489\" data-wp-pid=\"147167\" data-lazy-loaded=\"true\" \/><\/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 a l'air \u00e0 la fois artistique et minimaliste. Les \u00e9l\u00e9ments CTA sont surlign\u00e9s 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<hr \/>\n<h5 id=\"title17\" style=\"text-align: center\">2.12 INTERACTIVIT\u00c9<\/h5>\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 d\u00e9filement anim\u00e9, 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><\/h4>\n<h5><a href=\"https:\/\/www.awwwards.com\/sites\/garbage31\" target=\"_blank\" rel=\"nofollow\">GARBAGE 31<\/a><\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147170\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/garbage31.png?x54449\" alt=\"GARBAGE 31\" width=\"1000\" height=\"479\" data-wp-pid=\"147170\" data-lazy-loaded=\"true\" \/><\/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 exceptionnel cr\u00e9\u00e9 par une \u00e9quipe cr\u00e9ative ukrainienne am\u00e8ne 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 d\u00e9chets.<\/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<hr \/>\n<h5 id=\"title18\" style=\"text-align: center\">2.13 OLDSCHOOL ET GAME-LIKE<\/h5>\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><\/h4>\n<h4><a href=\"https:\/\/www.awwwards.com\/sites\/all\" target=\"_blank\" rel=\"nofollow\">ALL<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147174\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/all.png?x54449\" alt=\"ALL\" width=\"1000\" height=\"483\" data-wp-pid=\"147174\" data-lazy-loaded=\"true\" \/><\/p>\n<p><a rel=\"noopener noreferrer nofollow\" href=\"https:\/\/www.thatsall.co\/\" target=\"_blank\">SITE WEB<\/a><\/p>\n<p>Ce site Web regroupe toutes les principales tendances de 2018-2019. Cela encourage l'utilisateur \u00e0 interagir et \u00e0 cr\u00e9er un d\u00e9fi cr\u00e9atif. Ensuite, l'utilisateur est invit\u00e9 sur un site Web d'une page tr\u00e8s net, avec une impression de brutalisme et de style Nintendo.<\/p>\n<p>La conception comprend 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<hr \/>\n<h5 id=\"title19\" style=\"text-align: center\">2.14 OBJETS 3D<\/h5>\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 2019, les concepteurs int\u00e9greront des objets 3D dans des dispositions complexes en couches et les rendront interactifs.<\/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 2019.<\/p>\n<h4><\/h4>\n<h4><a href=\"https:\/\/www.awwwards.com\/sites\/poor-folk-kabakovs\" target=\"_blank\" rel=\"nofollow\">POOR FOLK KABAKOVS<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-147176\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/11\/poor-folk-kabakovs.png?x54449\" alt=\"POOR FOLK KABAKOVS\" width=\"1000\" height=\"487\" data-wp-pid=\"147176\" data-lazy-loaded=\"true\" \/><\/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 2019, c\u2019est 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 superpose \u00e0 certains endroits, mais l'impression g\u00e9n\u00e9rale est celle d'un chef-d'\u0153uvre de conception de sites Web moderne.<\/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 !<\/p>\n<hr \/>\n<p><a href=\"https:\/\/www.templatemonster.com\/fr\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-118233 size-full\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/11\/website-1.jpg?x54449\" alt=\"website themes\" width=\"970\" height=\"90\" data-wp-pid=\"118233\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, je vais explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e. Je vais \u00e9galement essayer de pr\u00e9dire comment ces tendances \u00e9volueront ou changeront en 2019. Pour illustrer mes propos, je me r\u00e9f\u00e9rerai aux sites les plus branch\u00e9s de la derni\u00e8re collection de AWWWARDS. Cette ressource est incroyable [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":1659,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[23,51],"tags":[75],"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 en 2019 - TemplateMonster France<\/title>\n<meta name=\"description\" content=\"Dans cet article, je vous propose d&#039;explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e.\" \/>\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-de-la-conception-web-en-2019\/\" \/>\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 en 2019 - TemplateMonster France\" \/>\n<meta property=\"og:description\" content=\"Dans cet article, je vous propose d&#039;explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/\" \/>\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-01-22T09:54:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-15T12:37:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/01\/WEB-DESIGN-TRENDS.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=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"Tendances de la conception Web en 2019 : quelle est la prochaine \u00e9tape?\",\"datePublished\":\"2019-01-22T09:54:47+00:00\",\"dateModified\":\"2020-04-15T12:37:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/\"},\"wordCount\":3687,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"Tendances de conception Web\"],\"articleSection\":[\"Actualit\u00e9s du Web\",\"Conception de site web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/\",\"name\":\"Tendances de la conception Web en 2019 - TemplateMonster France\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2019-01-22T09:54:47+00:00\",\"dateModified\":\"2020-04-15T12:37:51+00:00\",\"description\":\"Dans cet article, je vous propose d'explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tendances de la conception Web en 2019 : quelle est la prochaine \u00e9tape?\"}]},{\"@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 en 2019 - TemplateMonster France","description":"Dans cet article, je vous propose d'explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e.","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-de-la-conception-web-en-2019\/","og_locale":"fr_FR","og_type":"article","og_title":"Tendances de la conception Web en 2019 - TemplateMonster France","og_description":"Dans cet article, je vous propose d'explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e.","og_url":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2019-01-22T09:54:47+00:00","article_modified_time":"2020-04-15T12:37:51+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/01\/WEB-DESIGN-TRENDS.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":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"Tendances de la conception Web en 2019 : quelle est la prochaine \u00e9tape?","datePublished":"2019-01-22T09:54:47+00:00","dateModified":"2020-04-15T12:37:51+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/"},"wordCount":3687,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["Tendances de conception Web"],"articleSection":["Actualit\u00e9s du Web","Conception de site web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/","url":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/","name":"Tendances de la conception Web en 2019 - TemplateMonster France","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2019-01-22T09:54:47+00:00","dateModified":"2020-04-15T12:37:51+00:00","description":"Dans cet article, je vous propose d'explorer les tendances cr\u00e9atives de la conception Web que nous aimions beaucoup cette ann\u00e9e.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/tendances-de-la-conception-web-en-2019\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Tendances de la conception Web en 2019 : quelle est la prochaine \u00e9tape?"}]},{"@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\/1658"}],"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=1658"}],"version-history":[{"count":5,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1658\/revisions"}],"predecessor-version":[{"id":3448,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1658\/revisions\/3448"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/1659"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=1658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=1658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=1658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}