{"id":240101,"date":"2022-01-14T16:26:22","date_gmt":"2022-01-14T15:26:22","guid":{"rendered":"https:\/\/presentiadm.com\/?p=240101"},"modified":"2022-01-21T10:18:38","modified_gmt":"2022-01-21T09:18:38","slug":"6-tendances-de-design-web-a-suivre-ou-a-ne-pas-suivre-en-2022","status":"publish","type":"post","link":"https:\/\/presentiadm.com\/fr\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2022\/","title":{"rendered":"6 tendances en mati\u00e8re de conception de sites web \u00e0 suivre (ou non) en 2022"},"content":{"rendered":"

Dans le prolongement du billet de 2021, je ne voulais pas manquer l'occasion d'en citer 6 autres. tendances en mati\u00e8re de conception de sites web<\/strong> qui essaieront de collecter Cette ann\u00e9e 2022,<\/strong> certains plus int\u00e9ressants que d'autres.<\/p>\n\n\n\n

Si je pense que la tendances du web<\/strong> servent davantage de exp\u00e9riences ludiques<\/strong> Je trouve int\u00e9ressant d'observer et d'apprendre de nouvelles fa\u00e7ons de communiquer de mani\u00e8re attrayante et, pourquoi pas, d'essayer certaines des nouveaut\u00e9s et des styles propos\u00e9s par les grands noms de la conception de sites web.<\/p>\n\n\n\n

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

1 - Scrollytelling<\/h2>\n\n\n\n
<\/div>\n\n\n\n

La fusion entre \"d\u00e9filement<\/strong> et la narration d'histoires,<\/strong> ou comment dire \u00e0 un l'histoire<\/strong> pendant que l'utilisateur parcourt notre site web.<\/p>\n\n\n\n

L'id\u00e9e est d'entrem\u00ealer dynamiquement diff\u00e9rents \u00e9l\u00e9ments afin de cr\u00e9er un effet de d\u00e9couverte et de donner envie au visiteur de continuer \u00e0 faire d\u00e9filer les pages pour d\u00e9couvrir ce qui se trouve en dessous.<\/p>\n\n\n\n

Bien que la effets de d\u00e9filement<\/strong> que nous avons d\u00e9j\u00e0 mentionn\u00e9 dans le billet de 2021 ont beaucoup \u00e0 faire (redimensionnement, arri\u00e8re-plans interactifs, etc.), le scrollytelling va plus loin. Il ne s'agit pas simplement d'ajouter des effets de d\u00e9filement \u00e0 des fins esth\u00e9tiques, mais plut\u00f4t de narratif.<\/strong><\/p>\n\n\n\n

Ainsi, les images, les textes et tous les \u00e9l\u00e9ments visuels dansent en harmonie selon une certaine logique, tr\u00e8s bien planifi\u00e9e, afin de transmettre une histoire<\/strong> \u00e0 notre visiteur.<\/p>\n\n\n\n

Parmi les sites web qui m'ont captiv\u00e9e gr\u00e2ce \u00e0 scrollytelling, on peut citer Infrarouge<\/a><\/strong> et Kalso<\/a><\/strong>une entreprise de chaussures v\u00e9g\u00e9taliennes, un peu plus spectaculaire mais peut-\u00eatre un peu exag\u00e9r\u00e9e.<\/p>\n\n\n\n

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

2 \u2013 <\/strong> D\u00e9filement horizontal<\/h2>\n\n\n\n
<\/div>\n\n\n\n

Jusqu'\u00e0 pr\u00e9sent, lorsque j'ai d\u00e9couvert avec mon t\u00e9l\u00e9phone portable que je pouvais glisser de droite \u00e0 gauche sur un site web, c'\u00e9tait la preuve qu'il s'agissait d'un site web con\u00e7u sans soin, car les le d\u00e9filement horizontal, <\/strong>g\u00e9n\u00e9ralement \u00e9vit\u00e9e, est due \u00e0 marges ou intercalaires<\/strong> qui ont gliss\u00e9 de l'\u00e9cran de l'appareil.<\/p>\n\n\n\n

J'ai trouv\u00e9 tr\u00e8s int\u00e9ressant de voir comment un d\u00e9faut peut devenir une tendance, bien s\u00fbr, sans qu'il s'agisse d'espaces n\u00e9glig\u00e9s mais d'une nouvelle fa\u00e7on de vivre, plus moderne et plus actuelle. une fa\u00e7on originale de naviguer <\/strong>en un seul endroit.<\/p>\n\n\n\n

Quelques sites qui valent la peine d'\u00eatre visit\u00e9s sont Si la lune n'avait qu'un pixel<\/a><\/strong> ou la marque canadienne Soci\u00e9t\u00e9 d'accueil<\/a>. <\/strong>M\u00eame si le d\u00e9filement horizontal va \u00e0 l'encontre d'un consensus<\/strong> aussi profond\u00e9ment enracin\u00e9e que faire d\u00e9filer vers le bas<\/strong> sur un site web, dans certaines sections il peut fonctionner en cr\u00e9ant un une interaction surprenante<\/strong> pour l'utilisateur.<\/p>\n\n\n\n

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

3 - Typographie brutale<\/h2>\n\n\n\n
<\/div>\n\n\n\n

Chaque ann\u00e9e, il y a une tendance en mati\u00e8re de polices de caract\u00e8res. 2021 a \u00e9t\u00e9 l'ann\u00e9e des polices de caract\u00e8res de grande taille ou XL. Cette ann\u00e9e, 2022 semble \u00eatre encore plus concr\u00e8te et nous parlons de \"brutalisme<\/a>\". En r\u00e9alit\u00e9, il s'agit d'un terme qui vient de la l'architecture<\/strong> et d\u00e9signe un style architectural qui s'est impos\u00e9 au milieu du 20e si\u00e8cle et qui se caract\u00e9rise par une architecture \u00e0 la fois moderne et moderne. aspect brut et robuste<\/strong> et dont les mat\u00e9riaux de base sont visibles de l'ext\u00e9rieur.<\/p>\n\n\n\n

Ainsi, le typographie brutaliste<\/strong> est ce caract\u00e8re sec et dur, g\u00e9n\u00e9ralement \u00e9pais et avec une nuance urbaine,<\/strong> qui contraste avec le minimalisme qui pr\u00e9vaut aujourd'hui dans la conception des sites web.<\/p>\n\n\n\n

Parmi les exemples que j'ai aim\u00e9s, citons le Miratrix<\/a><\/strong> ou le Monument \u00e9tendu<\/a>.<\/strong><\/p>\n\n\n\n