Besoin de lancer, tester votre offre ou produit rapidement ? Testez notre nouvelle offre 🏎 💹 💹

Le neubrutalisme : nouveau trend web design

Léa
June 23, 2022

Le neubrutalisme (ou nĂ©o-brutalisme) c’est quoi ??

‍

C’est un nouveau concept de web design caractĂ©risĂ© par un aspect brut ainsi qu’une approche simpliste et minimaliste. Il tire son nom du brutalisme, un style de conception en architecture datant des annĂ©es 1950 dont le style est similaire.

‍

Cette tendance de web design s’éloigne du web design populaire et plus doux en adoptant des formes plutĂŽt dures, brutes ou inconfortables.

‍

C’est la jeune gĂ©nĂ©ration qui apporte aujourd’hui une nouvelle reprĂ©sentation du web design avec le neubrutalisme. Ce style visuel inhabituel s’associe Ă  des animations, des illustrations ou des textes assez modernes.

‍

Viby homepage neubrutalism example 1
Source : Dribble - NEUBRUTALISM LANDING PAGE (Tanguy)

‍

Les caractéristiques spécifiques du neubrutalisme :

‍

  • Beaucoup de couleurs avec de forts contrastes : dans ce style de web design, les designers n’ont pas peur de mĂ©langer plusieurs couleurs vives pour crĂ©er un effet visuel unique. Ce n’est pas le cas dans les designs classiques qui privilĂ©gient un nombre de couleurs limitĂ©es et accordĂ©es.

‍

  • Des modĂšles de fenĂȘtres d’ordinateur regroupant du contenu : un des designs le plus courant dans le neubrutalisme sont des motifs de fenĂȘtres d’ordinateur, gĂ©nĂ©ralement carrĂ©s ou rectangulaires, qui contiennent du texte, des couleurs et/ou des boutons.

‍

  • De l’ombrage sous les Ă©lĂ©ments : les ombres des Ă©lĂ©ments tels que les boutons sont nettes et marquĂ©es comme s’il y avait un autre rectangle plus sombre en dessous. Les contours sont Ă©pais, sombres et dĂ©finis contrairement aux contours plutĂŽt doux des styles classiques.

‍

  • Un design volontairement disgracieux : les Ă©lĂ©ments ne sont pas forcĂ©ment centrĂ©s ou alignĂ©s, et le style gĂ©nĂ©ral ne suit pas les codes du web design classique ce qui le rend plus accessible et Ă  la portĂ©e de tous.

‍

  • La typographie : dans le neubrutalisme, les typographies sont choisies pour ĂȘtre bien lisibles. Elles sont assez modernes, Ă©paisses et les textes sont espacĂ©s. On retrouve Ă©galement parfois des contrastes inĂ©dits de couleur afin de surprendre les utilisateurs.

‍

  • Les illustrations : elles sont construites sans rĂšgles particuliĂšres donnant un effet assez alĂ©atoire. Elles possĂšdent des couleurs vibrantes avec de forts contrastes.

‍

  • Enfin, l’ajout d’animations rĂ©centes permet de moderniser l’ensemble.

‍

Neubrutalism design example 2
Source : Dribble - NeuBrutalism UI style - Education: Courses App (Abdalla Elsayd)

‍

Neubrutalism design example 3
Source : Dribble - Seminar Platform – Landing page (Denys Ishchenko)

‍

Avec son look non-traditionnel et ses couleurs éclatantes, le style du neubrutalisme est de plus en plus populaire dans le domaine du web design. Il crée ses propres codes en instaurant une maniÚre différente de styliser les pages, de disposer les éléments ou de les mettre en avant.

‍

Il apporte un souffle nouveau face à tous les designs aux couleurs et aux effets visuels similaires. Ce type de design sans rÚgles pré-définies laisse notamment davantage de place à la créativité et à la liberté des web designers.

‍

‍

Alors le neubrutalisme, ça vous tente ?

OPTIMISEZ VOTRE SITE

RECOS ET AUDIT GRATUIT

ligne

Votre site ne convertit pas ? ❌
Vous ne gĂ©nĂ©rez pas suffisamment de lead ?❌
Votre n'avez pas de visibilitĂ© ? 😭

Free Audit illustration
Politique de confidentialité