{"id":237496,"date":"2020-12-22T16:38:25","date_gmt":"2020-12-22T15:38:25","guid":{"rendered":"https:\/\/presentiadm.com\/?p=237496"},"modified":"2022-01-11T16:22:43","modified_gmt":"2022-01-11T15:22:43","slug":"6-tendances-de-design-web-a-suivre-ou-a-ne-pas-suivre-en-2021","status":"publish","type":"post","link":"https:\/\/presentiadm.com\/fr\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2021\/","title":{"rendered":"6 tendances en mati\u00e8re de design web \u00e0 suivre (ou pas) en 2021"},"content":{"rendered":"

Le secteur du web, comme la plupart des autres, n'\u00e9chappe pas \u00e0 la \"tendance des tendances\". \u00e9volue chaque ann\u00e9e<\/strong> avec des styles qui \u00e9mergent et d'autres qui disparaissent. Si vous regardez les sites web construits il y a seulement 5 ans, vous trouverez certainement un \u00e9l\u00e9ment ou une caract\u00e9ristique qui vous semblera vieux. C'est pourquoi nous vous en pr\u00e9sentons quelques-uns dans cet article. tendances en mati\u00e8re de conception de sites web<\/strong> que nous trouverons dans 2021.<\/strong><\/p>\n\n\n\n

Heureusement ou malheureusement, nous, professionnels du secteur, devons s'adapter rapidement<\/strong> \u00e0 ces changements, tant\u00f4t par pur effet de mode, tant\u00f4t pour des raisons plus justifi\u00e9es, telles que les progr\u00e8s de la recherche au niveau de l'\u00e9ducation et de la formation. l'exp\u00e9rience de l'utilisateur.<\/strong><\/p>\n\n\n\n

Qui aurait pens\u00e9 que les en-t\u00eates avec des images pleine largeur, par exemple, ou les curseurs qui changent de texte \u00e0 chaque diapositive seraient d\u00e9pass\u00e9s et \u00e9tiquet\u00e9s comme \u00e9tant peu conviviaux pour l'utilisateur.<\/p>\n\n\n\n

Mais venons-en aux faits : que r\u00e9serve l'ann\u00e9e 2021 \u00e0 l'\u00e9cosyst\u00e8me du web ?<\/p>\n\n\n\n

<\/div>\n\n\n\n

1 - Le n\u00e9oformisme<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

Les styles minimalistes gagnent de plus en plus de terrain par rapport aux sites web surcharg\u00e9s et baroques. L'un de ces styles est celui que l'on appelle le n\u00e9oformisme,<\/strong> caract\u00e9ris\u00e9 par l'utilisation de formes sans fronti\u00e8re<\/strong> et utiliser les ombres et les lumi\u00e8res pour cr\u00e9er l'illusion de la profondeur.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

2 - Ombres et \u00e9l\u00e9ments flottants<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

Dans le prolongement de l'id\u00e9e pr\u00e9c\u00e9dente de profondeur, la ombres <\/strong>semblent s'imposer comme une nuance dominante du design en 2021. Gr\u00e2ce \u00e0 eux, nous pouvons cr\u00e9er des illusions subtiles d'\u00e9l\u00e9ments ou de photographies surplombant d'autres \u00e9l\u00e9ments et \u00e9liminer la plan\u00e9it\u00e9 native des pages web.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

3 - Effets de d\u00e9filement<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

Le dynamisme <\/strong>commandes. Garder l'attention de l'utilisateur et l'emp\u00eacher d'abandonner la page est l'un des premiers objectifs d'une bonne conception. effets de mouvement<\/strong> d\u00e9j\u00e0 observ\u00e9es cette ann\u00e9e sont toujours en place et cherchent \u00e0 s'\u00e9tendre.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

4 - \u00c9l\u00e9ments collants<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

Conform\u00e9ment \u00e0 l'id\u00e9e de contribuer dynamisme <\/strong>aux sites web, les des \u00e9l\u00e9ments collants. <\/strong><\/p>\n\n\n\n

Il \u00e9tait d\u00e9j\u00e0 connu que, lors du d\u00e9filement, l'en-t\u00eate avec le menu principal restait fixe en haut. autres sections ou sous-sections <\/strong>ceux qui restent \"coll\u00e9s les uns aux autres\".<\/strong> \u00e0 votre chevet ou \u00e0 votre pied pendant que vous naviguez. <\/p>\n\n\n\n

Ce style fonctionne tr\u00e8s bien avec les messages auxquels nous voulons donner plus d'importance, mais toujours sans en faire trop, car l'exc\u00e8s peut \u00eatre invasif et accablant. Le bloc d'abonnement de l'article que vous \u00eates en train de lire en est un bon exemple.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

5 - Mode sombre<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

WhatsApp<\/a><\/strong> n'a pas \u00e9t\u00e9 la seule \u00e0 s'inscrire dans cette tendance de la Mode sombre<\/strong> qui semble rester en vigueur dans un avenir pr\u00e9visible. L'origine du mode sombre \u00e9tait tout \u00e0 fait pratique, car il nous permettait de reposer nos yeux de la lumi\u00e8re blanche des \u00e9crans la nuit, r\u00e9duisant ainsi la fatigue visuelle. <\/p>\n\n\n\n

Depuis la fin de l'ann\u00e9e 2019, il est devenu un \u00e9l\u00e9ment \u00e0 la mode sur de nombreux sites web dans un but plus esth\u00e9tique. Facebook <\/a><\/strong>a \u00e9t\u00e9 l'une des derni\u00e8res interfaces \u00e0 rejoindre l'initiative de l \"mode nuit\".<\/strong>et sera \u00e9galement mis en \u0153uvre sur iOS et Android en 2020.<\/p>\n\n\n\n