Dès leur annonce, ces dernières deviennent incontournables, et se retrouvent alors partout, les mêmes types de visuels se multiplient, se transmettent dans la communication print, vidéo ou web, etc.
Suivre les tendances graphiques permet de rester attractif, de se débarrasser des scories du passé et d’être donc plus efficace et plus lisible. C’est une manière de montrer que vous restez à la page et que votre marque continue d’évoluer

Dans quelle mesure une tendance graphique s’impose-t-elle dans le temps ? 

Pour qu’une tendance soit durable tout est une question d’équilibre. Chaque tendance graphique est faite d’une identité forte et pertinente, mais ne néglige pas pour autant les caractéristiques du design actuel.

Pour tester l’impact d’un design, vous pouvez vous poser les questions suivantes : 

• Cette tendance répond-elle à une vraie problématique ? 
• Est-elle plus pertinente que risquée ? 
• Existent-ils des modèles réussis suivant cette tendance ? 
• Comment puis-je l’implémenter sans dénaturer mon univers graphique ?

Pendant 7 ans, Google s’est appuyé sur le Material Design pour définir le look et l’ergonomie de son système d’exploitation mobile, Android. En mai 2021, Google dévoilait le Material You, une importante mise à jour du Material Design. 

Cette tendance se définit comme durable car elle :

• répond à une action de l’utilisateur par un mouvement naturel, 
• est pensée de manière plus académique que le Flat Design, 
• s’appuie sur le réalisme et la physique.

Toutefois, si l’on prend la définition d’une tendance dans d’autres secteurs comme celui de la mode par exemple, une tendance est éphémère puisqu’elle correspond aux goûts associés à une époque. La tendance obéit à des cycles qui se succèdent sans cesse. Il est donc inévitable que le Flat design se démode un jour, comme cela a été le cas pour le Skeuomorphisme 

Skeuomorphisme de l’interface iOS 6 vs Flat design de l’interface iOS 7

Là où le Flat design se distingue, c’est par son esthétique en phase avec des perspectives d’évolution du web, d’ordre technique et stratégique. La tendance Flat Design a même été associée à l’iOS 7 d’Apple.

Interface en flat design de l’iOS 7 d’Apple

En réalité, c’est le passage de l’iOS 6 à l’iOS 7 qui marque l’adoption du flat design. C’est également le cas avec l’interface du Windows Phone de Microsoft (“Modern UI”) qui avait été lancée à la même époque et avait fait grand bruit. C’est assurément le premier exemple de Flat Design au sens où on l’entend maintenant.

Interface Metro de Windows 8, à l’origine du Flat Design.

Nouvelles interfaces graphiques

Si le Flat Design comporte de nombreux avantages et qu’il a permis de faire émerger de nouvelles interfaces graphiques, il semble parfois monotone, privilégiant l’UI au détriment de l’UX. Les éléments d’interactions seraient en effet moins perceptibles et l’aspect épuré entraînerait une perte d’affordance. Sur la durée, ce type de graphisme peut lasser les utilisateurs à cause de la perte d’identité visuelle et l’uniformité des interfaces qu’il impose.

Il est important de noter que ces tendances révèlent quelque chose sur l’évolution de nos sociétés ; de nos opinions esthétiques et sociales, et de nos perceptions du monde. Elles ne sont donc pas à négliger. Ainsi, les outils de conception nous ont permis d’atteindre un très grand niveau de précision. Avec de nouvelles formes que nous n’étions pas capables de créer jusqu’à maintenant. Le numérique accélère la prise de décision et a changé le processus de création ; grâce à Internet et aux moteurs de recherche, l’information est désormais accessible de façon instantanée, à portée de main.

Par déduction, le design est une question d’évolution constante. Ce sont tous ces petits changements et ce besoin de toujours vouloir réinventer les objets et leurs fonctions qui font que le design se bonifie avec le temps ; faisant émerger des tendances durables. Étant donné que les besoins sont en constante évolution et liés au monde dans lequel nous vivons, les objets s’adaptent et se réinventent

Dans d’autres cas, si une tendance graphique ne répond pas aux besoins et aux attentes de la population ; elle deviendra alors éphémère et sera éventuellement retravaillée et combinée avec d’autres designs.  À  bien des égards, le design ne doit jamais cesser d’innover. Sinon, cela voudrait dire que nous avons atteint la perfection et que le design est devenu obsolète

Mailtrack pour Gmail : #Bureau

MailTrack.io est une extension de tracking de mails pour Gmail et Inbox qui vous permet de savoir si les e-mails que vous avez envoyés ont été lus ou non. L’extension Mailtrack fonctionne avec Gmail et la G Suite. – Télécharger le plugin

Flaticon : #Design

Pour trouver facilement l’icône dont vous avez besoin et l’insérer dans vos documents en un seul clic, optez pour la librairie de Flaticon qui s’intègre à Google Workspace. Avec cette extension, vous aurez accès gratuitement à des icônes pour vos Google Docs, Google Slides, Google Spreadsheets et Google Forms – Télécharger le plugin 

Lighthouse : #Audit

Lighthouse est un outil open source et automatisé permettant d’améliorer les performances, la qualité et l’exactitude de vos sites Web. Lors d’un audit, l’extension effectue une série de tests afin d’évaluer le référencement, les performances de chargements et l’accessibilité du site – Télécharger le plugin

Font Ninja :  #Design

Vous avez flashé sur la police de caractères d’un site web et vous aimeriez pouvoir facilement l’identifier ? Font Ninja est là pour vous aider ! Cerise sur le gâteau, l’outil vous permet également de la télécharger ou de l’acheter en quelques clics – Télécharger le plugin 

WhatFont : #Design

Dans le même style, WhatFont identifie également les polices de caractères présentent sur une page web pour vous. Par un simple survol, vous pouvez découvrir la référence d’une police. Télécharger l’extension

Stark : #Accessibilité

Cette extension permet d’inspecter les niveaux de contraste dans vos conceptions (avec Contrast Checker), mais également de découvrir les alternatives de couleurs et de percevoir un site à travers les yeux de quelqu’un d’autres grâce à une simulation de vision. Stark peut être intégré directement à Figma, Sketch, Adobe XD et Google Chrome. La solution propose 3 tarifs différents en fonction de vos besoins, le premier plan, gratuit, vous permet d’accéder au vérificateur de contraste, à 3 types de simulations, 3 suggestions intelligentes, et 1 séquence d’ordre de mise au point.  Télécharger le plugin 

UX Check :  #Design

Besoin d’une évaluation heuristiques rapides et facile d’un site web ? Pourquoi ne pas tester l’extension UX Check ? L’extension permet d’ouvrir les 10 heuristiques de Nielsen dans un volet latéral à côté de votre site Web. À la fin, vous pouvez tout exporter vers un document Word afin de pouvoir les partager à votre équipe. – Télécharger le plugin 

Sizzy : #Design #Développement

Sizzy est un navigateur spécialement conçu pour le développement réactif. Il vous permet de prévisualiser un site Web sur plusieurs appareils différents à la fois. Grâce à un bouton présent sur votre navigateur, vous pouvez ouvrir votre URL directement dans Sizzy. – En savoir plus 

Wayback Machine : #Bureau

N’avez-vous jamais rêvé de savoir à quoi ressemblait Facebook, Google ou même Amazon à leur début ? Grâce à Wayback Machine, il est possible de remonter le temps et de découvrir à quoi ressemblait un site à une date précise. Entrez l’url, choisissez une date et consultez les différents screenshots réalisés au fil du temps. – En savoir plus 

CSS Peeper :  #Design #Développement

CSS Peeper est une visionneuse CSS conçue pour les concepteurs. Cette extension permet d’inspecter et récupérer le code CSS d’une page web. Avec ça, plus besoin d’aller inspecter chaque élément dans le code d’un site web ! – En savoir plus

Akismet Anti-Spam :  #Wordpress

Akismet est une extension anti-spam gratuite, incluse par défaut sur toute nouvelle installation WordPress. Elle vérifie automatiquement tous les commentaires et messages issus des formulaires de contact, et filtre ceux qui ressemblent à des messages indésirables. – Télécharger le plugin 

Imagus :  #Design #Bureau

Une image présente sur une page web vous intéresse mais n’est proposée qu’en petit format ? Imagus vous permet de créer un aperçu grand format et en résolution maximale. D’un simple Ctrl+S, vous pouvez également la télécharger. – Télécharger le plugin 

Loom : #Bureau

Avec Loom, vous pouvez enregistrer votre écran, votre voix et votre visage pour créer une vidéo partageable instantanément en moins de temps qu’il n’en faudrait pour taper un e-mail. Une extension utile pour partager des tutos rapides à vos amis, clients et prospects. En savoir plus

GoFullPage : #Design

Besoin de réaliser facilement une capture d’écran d’une page web en entier ? Vous allez adorer GoFullPage ! Cette extension vous permet d’extraire toute une page web sous la forme d’une image ou d’un PDF. En savoir plus 

Muzli : #Design #Inspiration

Muzli est un onglet de navigateur qui remonte les dernières tendances en matière de design. Cette extension disponible sur Chrome, Safari et iOS, organise le dernier contenu de centaines de publications en ligne sur la conception, la technologie et les actualités. En savoir plus

ColorZilla : #Design

ColorZilla, l’une des extensions de développement Firefox les plus populaires. De plus, elle vous permet, grâce à une petite pipette, de connaître le code hexadécimal de n’importe quel élément d’une page sur votre navigateur.

Wappalyzer : #Développement

Wappalyzer est un profileur technologique qui vous montre avec quoi les sites Web sont construits. Vous pourrez notamment découvrir quel CMS, framework, plateforme e-commerce, bibliothèques JavaScript sont utilisés, et bien d’autres. 

SVG grabber : #Design #Développement

SVG Grabber est un outil open source permettant de copier ou de télécharger rapidement tous les actifs SVG d’un site Web. Combien de fois avez-vous vu un logo ou une icône intéressante sur un site Web et avez-vous eu envie de l’avoir ? Désormais, l’outil SVG Grabber vous permet de le faire en un seul clic. Télécharger l’extension

Coolors : #Design

Voici un super générateur de combinaison de couleurs ! Coolors vous permet de créer une palette parfaite ou tout simplement de vous inspirer des milliers de superbes palettes disponibles. En savoir plus

Perfect Pixel : #Développement

PerfectPixel permet aux développeurs et aux concepteurs de superposer une image semi-transparente au-dessus d’une page développée pour les comparer parfaitement. Télécharger l’extension

Site Palette : #Design #Développement

Nous avons tous en tête des exemples de sites Web qui utilisent de nombreuses couleurs différentes ! Site Palette est une extension Chrome qui permet d’extraire les couleurs principales d’un site internet. L’outil vous permet de générer et partager vos palettes de couleurs favorites, mais également de les télécharger. En savoir plus 

Le premier fabricant de briques au monde signe trois nouveaux partenariats pour cette fin d’année 2020. Il fait changer la balle de camp en s’exportant vers des marques tierces. C’est ainsi Ikea, Adidas et Levis qui voit leur nom et leur produit prendre les lignes de Lego.

En effet, cet été c’est Ikea qui teasait l’arrivée de sa nouvelle gamme BYGGLEK ; avec une interview de designer un peu décalée. L’idée de cette nouvelle gamme est bien de proposer des boites de rangement conçues pour et avec Lego.

Plus récemment, Adidas annonce une paire de sneakers, la ZX 8000, déjà en rupture de stocks seulement quelques jours après sa sortie. La paire est même partie à plus du triple de son prix sur la plateforme spécialisée dans la revente de sneakers, StockX, seulement quelques jours après la rupture.