{"id":13755,"date":"2018-01-24T15:21:06","date_gmt":"2018-01-24T15:21:06","guid":{"rendered":"http:\/\/www.emaze.com\/?p=13755"},"modified":"2023-08-02T06:11:42","modified_gmt":"2023-08-02T06:11:42","slug":"5-top-website-design-trends-expect-2018","status":"publish","type":"post","link":"https:\/\/www.emaze.com\/fr\/5-top-site-design-tendances-attend-2018\/","title":{"rendered":"Les 5 principales tendances de conception de sites Web \u00e0 pr\u00e9voir en 2018"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Ne semble-t-il pas qu&#039;\u00e0 chaque fois que vous levez les yeux, il y a une nouvelle tendance \u00e0 surveiller\u00a0? Le monde du style et du design \u00e9volue rapidement, et en particulier l&#039;espace en constante \u00e9volution et tr\u00e8s innovant de la conception de sites Web. Cela ne devrait pas surprendre - une bonne majorit\u00e9 d&#039;entre nous passons une tr\u00e8s grande partie de nos journ\u00e9es \u00e0 consulter des sites Web, que ce soit \u00e0 des fins professionnelles ou personnelles. Ainsi, lorsque les gens passent autant de temps \u00e0 consulter des sites Web, vous voulez vous assurer que <\/span><i><span style=\"font-weight: 400;\">le v\u00f4tre<\/span><\/i><span style=\"font-weight: 400;\"> est celui avec la conception UX\/UI qui fera une impression m\u00e9morable.&nbsp;<\/span><\/p>\n<p><!--more--><\/p>\n<p><span style=\"font-weight: 400;\">Nous nous sommes r\u00e9cemment entretenus avec Hadas Shviro, responsable de la conception chez Emaze, pour d\u00e9couvrir quelles sont les tendances de conception de sites Web les plus importantes et les plus percutantes de 2018. Lisez la suite pour savoir quelles sont les 5 tendances les plus populaires. et les styles de pointe de la nouvelle ann\u00e9e!<\/span><\/p>\n<h2>Tendances typographiques \u00e0 surveiller<\/h2>\n<p><span style=\"font-weight: 400;\">L&#039;une des plus grandes tendances que nous verrons augmenter en 2018 dans la conception de sites Web est le passage \u00e0 des utilisations audacieuses et cr\u00e9atives de la typographie. Comme Hadas l&#039;a expliqu\u00e9, jusqu&#039;\u00e0 ces deux derni\u00e8res ann\u00e9es, nous ne voyions vraiment que quelques styles de typographie simples utilis\u00e9s dans les sites Web, avec peut-\u00eatre un style l\u00e9g\u00e8rement plus d\u00e9coratif pour les titres et les en-t\u00eates. Le plus remarquable de tous, a-t-elle dit, \u00e9tait la grande absence de polices de caract\u00e8res Serif et l&#039;utilisation principale des polices de caract\u00e8res Sans Serif ou Gothic (pensez \u00e0 des polices comme Open Sans). Pour ceux qui ne sont pas familiers avec les polices de caract\u00e8res, un empattement est une petite ligne attach\u00e9e \u00e0 la fin d&#039;un trait dans une lettre ou un symbole (pensez \u00e0 quoi ressemble une police de machine \u00e0 \u00e9crire), et les polices Sans Serif n&#039;ont pas cette ligne. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Au cours des deux derni\u00e8res ann\u00e9es et de plus en plus en 2018, le monde de la conception de sites Web verra un mouvement majeur vers une vari\u00e9t\u00e9 plus large et plus cr\u00e9ative de styles de typographie qui sont sous-estim\u00e9s dans leur r\u00f4le tr\u00e8s efficace dans la transmission du style et du message de marque d&#039;un site Web. La conception de sites Web rencontrera des polices de caract\u00e8res plus g\u00e9om\u00e9triques (comme Roboto et Montserrat), des polices Serif (comme Baskerville et Rufina) et des polices de style machine \u00e0 \u00e9crire \u00e0 espacement fixe (comme Arvo). \u00c0 la lumi\u00e8re de ces avanc\u00e9es, Emaze a ajout\u00e9 <a href=\"https:\/\/www.emaze.com\/fr\/2018\/01\/07\/emaze-updates-new-features-in-2018\/\">des dizaines de nouvelles polices passionnantes<\/a> \u00e0 son logiciel en ligne dont les concepteurs et les utilisateurs r\u00e9guliers peuvent profiter. Hadas met en \u00e9vidence des exemples de mod\u00e8les de sites Web Emaze qu&#039;elle et l&#039;\u00e9quipe de conception ont cr\u00e9\u00e9s et qui int\u00e8grent ce style de typographie audacieuse.<\/span><\/p>\n<p>Voici un mod\u00e8le de site Web Emaze qui pr\u00e9sente certaines des tendances typographiques mentionn\u00e9es :<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWOLO\/stylish\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Propuls\u00e9 par emaze\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">De plus, les concepteurs favorisent l&#039;utilisation d&#039;une grande typographie dans le cadre du visuel cl\u00e9 d&#039;un site Web, un changement tr\u00e8s progressif qui ne faisait traditionnellement pas partie d&#039;une conception de site Web standard. Pour une conception de site Web r\u00e9ussie, il est essentiel non seulement de s\u00e9lectionner les bonnes polices, mais aussi de choisir celles qui mettent en valeur le th\u00e8me et la messagerie de la marque, ainsi que de s\u00e9lectionner plusieurs polices de caract\u00e8res pour diff\u00e9rentes zones et types de texte sur l&#039;ensemble du site Web. La typographie et son r\u00f4le crucial dans l&#039;apparence g\u00e9n\u00e9rale et l&#039;effet d&#039;un site Web peuvent souvent \u00eatre tellement n\u00e9glig\u00e9s, explique Hadas. Donc, vous l&#039;avez entendu ici - amusez-vous et soyez intelligent avec la typographie\u00a0! <a href=\"https:\/\/www.emaze.com\/fr\/sites-internet\/\">Cr\u00e9ez votre site web gratuit<\/a> avec un mod\u00e8le pr\u00eat \u00e0 l&#039;emploi dans Emaze<\/span><span style=\"font-weight: 400;\">, ou consultez nos mod\u00e8les pour vous inspirer des polices, puis recommencez \u00e0 z\u00e9ro.<\/span><\/p>\n<h2>Rester en ligne avec la conception modulaire<\/h2>\n<p><span style=\"font-weight: 400;\">Bien que la conception modulaire ne soit pas une tendance enti\u00e8rement nouvelle, elle devrait continuer \u00e0 gagner en popularit\u00e9 en 2018. Qu&#039;est-ce que la conception modulaire ? Il s&#039;agit d&#039;une technique de conception UX\/UI qui utilise un mod\u00e8le de type grille de blocs pour structurer la mise en page d&#039;un site Web, et c&#039;est un bon moyen de rendre un site Web \u00e0 la fois organis\u00e9 et visuellement int\u00e9ressant, explique Hadas. La conception modulaire est particuli\u00e8rement une excellente option pour g\u00e9rer et pr\u00e9senter beaucoup de contenu, ou lorsqu&#039;il existe diff\u00e9rents \u00e9l\u00e9ments qui ne sont pas li\u00e9s, car cette approche offre un bon moyen de les lier. Il a commenc\u00e9 \u00e0 devenir un style pr\u00e9f\u00e9r\u00e9 de nombreuses entreprises pour leurs sites Web, mais il est \u00e9galement populaire parmi les blogueurs et les influenceurs comme moyen de d\u00e9composer leur contenu.<\/span><\/p>\n<h2>Retour vers le futur avec le r\u00e9tro moderne<\/h2>\n<p><span style=\"font-weight: 400;\">Bonne nouvelle pour tous les fans des designs des ann\u00e9es 90 ! Le look &quot;r\u00e9tro moderne&quot; fait un grand retour en 2018. Le look pixel exag\u00e9r\u00e9 des jeux vid\u00e9o avec lesquels vous avez grandi revient, cette fois avec une nouvelle touche moderne. Pourquoi maintenant? L&#039;imagerie et les \u00e9l\u00e9ments de conception qui \u00e9taient autrefois populaires donnent au spectateur un sentiment de confort et de nostalgie de cette \u00e9poque, visant \u00e0 rappeler au consommateur sa jeunesse. Ce style de design particulier, note Hadas, est devenu particuli\u00e8rement associ\u00e9 \u00e0 la culture &quot;geek&quot; et technologique, par exemple dans l&#039;utilisation d&#039;images informatiques de la vieille \u00e9cole et de tout ce qui est vintage de cette p\u00e9riode. Deux autres caract\u00e9ristiques notables de ce style incluent les illustrations embl\u00e9matiques \u00e0 base de pixels inspir\u00e9es des premiers jeux vid\u00e9o, ainsi que des dessins au trait fantaisistes aux couleurs vives, des formes g\u00e9om\u00e9triques et des gribouillis. Vous pouvez en savoir plus sur cette tendance <a href=\"https:\/\/premium.wpmudev.org\/blog\/web-design-trends-2017\/\">ici<\/a>. Bien qu&#039;il soit vrai que ce style de conception ne fonctionne pas pour tous les types de sites Web, il s&#039;agit certainement d&#039;une excellente option pour quelque chose destin\u00e9 aux mill\u00e9niaux amusants, jeunes et f\u00e9rus de technologie.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voici un exemple de mod\u00e8le de site Web de style &quot;r\u00e9tro moderne&quot; dans Emaze\u00a0:<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWCFW\/gamer\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Propuls\u00e9 par emaze\"><\/a><\/p>\n<h2>Faites un voyage du c\u00f4t\u00e9 obscur<\/h2>\n<p><span style=\"font-weight: 400;\">Ces derni\u00e8res ann\u00e9es, il y a eu une tendance populaire \u00e0 cr\u00e9er des sites Web minimalistes avec des arri\u00e8re-plans blancs ou neutres, avec peut-\u00eatre quelques \u00e9l\u00e9ments color\u00e9s tout au long de la conception. Bien que ces sites Web de style ne soient certainement pas <\/span><i><span style=\"font-weight: 400;\">dehors<\/span><\/i><span style=\"font-weight: 400;\"> de style, une nouvelle tendance de sites Web \u00e0 th\u00e8me plus sombre semble devenir <\/span><i><span style=\"font-weight: 400;\">dans<\/span><\/i><span style=\"font-weight: 400;\"> style. Hadas commente que le monde de la conception de sites Web voit de nombreux nouveaux sites Web avec un fond de couleur sombre ou un fond d\u00e9grad\u00e9 sombre. Dark transmet une ambiance \u00e9l\u00e9gante et sophistiqu\u00e9e, donc bien que ce ne soit probablement pas le style le plus ludique, cela fonctionne certainement pour certains types de sites. Ce style appara\u00eet de plus en plus pour les sites Web d&#039;entreprises technologiques, d&#039;artistes et de musiciens, mais il est moins susceptible d&#039;appara\u00eetre comme un style populaire pour des choses comme les blogs culinaires ou les sites Web de mode. Aller avec un look plus sombre pour un site Web est s\u00fbr d&#039;attirer l&#039;attention dans un espace o\u00f9 tant de sites Web ont encore un look neutre\/blanc similaire, donc si vous cherchez \u00e0 faire une d\u00e9claration dramatique et \u00e0 vous d\u00e9marquer, voici une excellente option !<\/span><\/p>\n<p>Voici un exemple de mod\u00e8le de site Web Emaze sombre\u00a0:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWLZO\/city-lights\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Propuls\u00e9 par emaze\"><\/a><\/p>\n<h2>Tout est dans les d\u00e9tails d\u00e9coratifs<\/h2>\n<p><span style=\"font-weight: 400;\">De petits d\u00e9tails, juste ce qu&#039;il faut, ont le potentiel d&#039;avoir un grand impact. C&#039;est en effet le cas lorsqu&#039;il s&#039;agit de petits d\u00e9tails d\u00e9coratifs dans la conception de sites Web. Les sites Web simples, aust\u00e8res et modernes ne sont pas sortis - ils sont l\u00e0 pour rester, mais avec une torsion. Fini le temps o\u00f9 les boutons de clic \u00e9taient des rectangles aux ar\u00eates vives. Aujourd&#039;hui, les concepteurs se tournent vers diff\u00e9rentes formes de boutons, en privil\u00e9giant en particulier ceux aux bords souples, explique Hadas. Les plus petites formes g\u00e9om\u00e9triques, lignes et fragments sont incorpor\u00e9s dans les conceptions d&#039;interface utilisateur des sites Web de mani\u00e8re cr\u00e9ative. Ils ne constituent pas une grande partie du contenu global et de la mise en page d&#039;un site Web, mais ajoutent m\u00eame un peu plus de caract\u00e8re \u00e0 un site Web par ailleurs neutre et sans \u00e9l\u00e9ment. Les traits de soulignement, les tirets et les fl\u00e8ches sont utilis\u00e9s pour ajouter un peu de style aux parties de base d&#039;un site Web, comme les titres et les sous-titres, et tous ces \u00e9l\u00e9ments sont souvent interactifs, ce qui signifie qu&#039;ils se d\u00e9placent en fonction d&#039;un mouvement que l&#039;utilisateur fait avec sa souris sur le filtrer. Pour les concepteurs de sites Web et les entreprises qui souhaitent obtenir un look professionnel, moderne et minimaliste, c&#039;est un style qui vaut la peine d&#039;\u00eatre essay\u00e9.<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWILW\/shapes\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Propuls\u00e9 par emaze\"><\/a><\/p>\n<p>Vous voulez commencer \u00e0 essayer certaines de ces tendances ? Voir beaucoup plus Emaze <a href=\"https:\/\/www.emaze.com\/fr\/sites-internet\/\">mod\u00e8les de sites Web<\/a>&nbsp;pour trouver une grande vari\u00e9t\u00e9 d&#039;exemples mettant en lumi\u00e8re ces 5 tendances et bien d&#039;autres.<\/p>\n<p>Pr\u00eat \u00e0 vous lancer dans la cr\u00e9ation de votre site Web ? Vous recherchez un cr\u00e9ateur de site Web plus rapide\u00a0? Utilisez notre g\u00e9n\u00e9rateur de site Web pour cr\u00e9er votre site Web Emaze personnalis\u00e9 gratuit en quelques minutes !<\/p>","protected":false},"excerpt":{"rendered":"<p>Ne semble-t-il pas qu&#039;\u00e0 chaque fois que vous levez les yeux, il y a une nouvelle tendance \u00e0 surveiller\u00a0? Le monde du style et du design \u00e9volue rapidement, et en particulier l&#039;espace en constante \u00e9volution et tr\u00e8s innovant de la conception de sites Web. Cela ne devrait pas surprendre - une bonne majorit\u00e9 d&#039;entre nous passent une tr\u00e8s grande partie de notre [\u2026]<\/p>","protected":false},"author":1,"featured_media":26997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,78],"tags":[10,4,23,44,58,32,113,86,114,28,115,116],"class_list":["post-13755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-website-and-blog","tag-design","tag-emaze","tag-emaze-templates","tag-presentation-software","tag-technology","tag-templates","tag-ui","tag-ux","tag-web-design","tag-website","tag-weebly","tag-wix"],"_links":{"self":[{"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/posts\/13755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/comments?post=13755"}],"version-history":[{"count":4,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/posts\/13755\/revisions"}],"predecessor-version":[{"id":30065,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/posts\/13755\/revisions\/30065"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/media\/26997"}],"wp:attachment":[{"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/media?parent=13755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/categories?post=13755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emaze.com\/fr\/wp-json\/wp\/v2\/tags?post=13755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}