Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Industry
Webdesign

Un regard vers l’avenir : prédictions design web pour 2018

by
Length:ShortLanguages:

French (Français) translation by Henri Lotin (you can also view the original English article)

Cette année, j’ai voulu vous donner le temps de vous installer, afin d'avoir janvier sous vos ceintures avant de guetter l'avenir de ce qui tiendra lieu pour le design web en 2018. Jetez un oeil à ces sept prédictions et voyez si vos pensées correspondent aux miennes !

La tradition règne

J’ai écrit un certain nombre de ces articles de prédiction maintenant – donc si vous vous sentez nostalgique vous pouvez voir comment mes prédictions des années précédentes s’empilent :

1. Partout, des grilles

Avec l’adoption de CSS Grid, nous allons voir des manières nouvelles et intéressantes d'organiser le contenu avec les grilles. Il s’agit d’un excellent exemple de l’innovation d’une technologie qui pousse en avant les répercussions dans les médias lui-même.

CSS Grid permettra, par exemple, le réarrangement des contenus de manière beaucoup plus dynamique que ce que nous avons pu accomplir avec Flexbox et certainement beaucoup plus dynamiques que les systèmes traditionnels grille orientée sur le float.

Ainsi, concevoir le flux de contenu pour mobile et autres tailles de dispositif sera beaucoup plus facile à réaliser.

Pour les entreprises qui investissent dans les tendances suivantes, nous allons probablement voir l’utilisation de la grille traditionnelle brisée, faisant de la grille elle-même un appareil de design.

Learn CSS Grid Layout

2. Un monde d'applications web

La popularité de React et autres systèmes de composants a fait du développement d'app web la nouvelle norme. Expirant rapidement sont les jours de mise en page et création de templates ; arrivant sont les jours de composants et de la composition.

Cela marquera également un plus grand nombre d’applications natives, comme ces concepts sont transférables dans l’environnement de l’application native à l’aide d’outils comme React Native.

« arrivent ces jours de composants et de composition »

Plus de designers utiliseront la construction en composant comme moyen d’expression. Depuis quelques années, nous avons vu ces micro-designs gagner en popularité, et ils ne ralentissent pas.

Ce que vous ne verrez pas :

Fonctionnalités d’application complexe remplaçant des composants axés sur le contenu.

Alors que le design des composants et la composition sont l’avenir, la plupart des sites axés sur le contenu n'ont pas nécessairement besoin de l'interactivité qui s’étend au-delà de l’affichage dynamique du contenu.

Ce qui veut dire que la puissance du design des composants est plus sur la création des modules flexibles et réutilisables et sur une langage de design cohérent, et moins sur la création d’une « expérience app-like ».

3. Plus d'animations et compositions complexes

L'animation continue de mûrir sur le web. Alors qu’une grande partie de l’animation assistée jusqu’ici a été soit utilisée comme effet de décoration dans les interfaces ou de grandes transitions flashy, des effets comme l'animation mûrit elle deviendra une partie plus intégrée du média lui-même.

Cela va brouiller les lignes des éléments que nous utilisons, ce qui permet des transformations beaucoup plus fluides des contenus.

4. Les images comme design

Le design web a généralement séparé les images des éléments de design. Dans la plupart des cas, les images ont été traitées comme une partie distincte du contenu ; une fenêtre sur le monde réel.

En 2018 et au-delà, les images serviront d’une manière plus intégrée, qui composent la partie du design. La déconstruction d’images en couches et l'entremêlement d’autres types d’éléments comme les particules ou le texte dynamique comblera l’écart entre les images et les autres éléments, créant de nouvelles demandes sur les positions de la photographie web soucieuse de design.

5. Plus d’Illustration

Aujourd'hui plus que jamais, les organismes doivent communiquer transparence et fiabilité. Alors que la véritable transparence est bien sûr la base de toute confiance, il est également important pour les communications en ligne et le style design de dépeindre cette image digne de confiance.

Une façon d’y parvenir est d’établir un sens de l’environnement et un « monde » de branding. C’est ce que Geico fait avec leur porte-parole Gecko — un monde alternatif où un Gecko charmant, parle et vous vend des assurances.

D'autres exemples de ceci incluent le vélo vert de Regions Bank, le chaos de l’anti-héros utilisé par AllState, et les lapins colorés de Voya. Vous remarquerez que ces exemples sont deux secteurs où la confiance a toujours été clé (assurance et finance).

Maintenant, comme la confiance devient un facteur beaucoup plus important de la vente, ces mondes parallèles nous fournissent une photo du maquillage éthique et une culture que la société a adoptée comme la sienne.

From Big Brands Using Illustration in 2018 by Rob Levin
De Big Brands Using Illustration in 2018 par Rob Levin

La plupart des entreprises n’ont pas un format ou des ressources de se permettre un porte-parole. Cependant, le design illustratif permet cette symbologie même, construire un monde pour expliquer les valeurs de l’entreprise.

Concrètement, cela signifie que plus d’illustrations et photos illustration chargés apparaissent comme des éléments primaires dans le design. Que ce soit pour expliquer une histoire, ou pour bâtir un paysage visuel pour des éléments de branding, l'illustration servira comme moyen pour les entreprises de briser les barrières entre eux et les gens qu’elles servent.

6. Salut, dégradés sous forme fluide

Comme les outils de design et les fonctionnalités web évoluent, les frontières qui ont confiné le design web pour si longtemps seront démantelées. Des dégradés de couleur vibrants et des formes courbes morphous feront leur chemin dans des créations plus fortes que jamais auparavant. Dites « au revoir » à ces boîtes de couleur solides.

Spotify a joué un rôle important en poussant ces tendances vers l’avant, et nous pouvons voir ceci dans la refonte d’Apple de l’App Store en 2017.

Quelques ressources de dégradés et de l’inspiration qui peuvent vous être utiles :

7. Expériences interactives et axées sur la conversation

Les apps de message sont plus grandes que jamais, et elles ne vont pas n’importe où. À bien des égards, chaque application peut être modélisée par le concept de la messagerie, et est maintenant devenue encore plus explicite. Les bots de message gagnent en popularité, et bien sûr la conversation 1-to-1 humaine est une industrie énorme.

De plus en plus de services et d'entreprises adopteront le même modèle d’interaction, construisant des expériences qui dépendent de la forme libre de messages envoyés par un utilisateur. L'IA aidera à faire ces interfaces plus puissantes, surtout comme l'IA devient plus sophistiquée et largement disponible comme un modèle de service.

Nous avons déjà vu des interfaces conversationnelles devenir des méga-entreprises à part entière ; WhatsApp, bien sûr, mais, plus récemment, le lancement du service de page d’atterrissage de ProductHunt, l'application de messagerie de Instagram et bien plus encore.

Attendez-vous à voir des interfaces de service client de super-héros, vous passez votre commande via des chatbots et même de petites personnalisations dans votre expérience de l’utilisateur en réponse à la messagerie chat.

En avant !

Assez parlé – allez là-bas dans le vaste monde du web design et voyez ce que 2018 apporte !

Plus d’informations sur ce qui nous attend en 2018

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.