Evolution des

Styles
Graphiques et
du
Design des
interfaces
Digitales
 PLAN
Fluent design Neumorphisme

● C'est quoi le Fluent Design ? ● C'est quoi le Neumorphisme ?

● Quels sont les axes de travail ? ● D'où vient le Neumorphisme ?
● Pourquoi est-ce important ? ● En quoi consiste le Neumorphisme ?
● Qui utilise Fluent Design ? ● Avantages et Inconveniants du
Neumorphisme
Fluent design
System
C'est quoi le Fluent Design ?

Microsoft Fluent Design

System, est un langage de
conception développé en
2017 par Microsoft.
 La Lumière

Les Eléments
Esthétiques

la profondeur

le matériau
le mouvement

l'échelle
Lumière Profondeur Mouvement Matériau Échelle
Attirer Ajoute des Etablit une relation Contrôle les Affecte la façon
l'attention et informations de entre les éléments textures des dont les
d'éclairer les profondeur à de l'interface éléments de applications se
informations l'interface utilisateur et offre l'interface remodèlent
utilisateur une continuité utilisateur
dans l'expérience
Qui utilise Fluent Design ?

+ 45 sites et produits Microsoft supplémentaires

Pourquoi est-ce important ?

● le monde de l'interaction homme-

machine au sens large du terme est
en train d'évoluer

● les attentes des utilisateurs en

termes de créativité deviennent de
plus en plus grande. 
Neumorphisme
Neumorphisme
Neumorphisme
C'est quoi le Neumorphisme ?

Le neumorphisme,
néomorphism ou soft UI

 estun style de design

d'interface graphique
 D'où vient le Neumorphisme ?

Le Neumorphisme
=
«nouveau»
+
«skeuomorphisme» 

skeuomorphisme
 + =

Skeumorphisme Flat Design Neumorphisme

En quoi consiste le Neumorphisme ?

● Ombres et lumières
● L'arrière-plan ≠ complètement noir
ou entièrement blanc
● couleurs minimales
● palette de couleurs monochromes
● Bords arrondis
Avantages du Neumorphisme

● Viabilité
● A ouvert la voie à de nouveaux styles de design tendance
● A attiré l' attention sur les problèmes d'accessibilité
● Amusant à explorer 
Inconvénients du Neumorphisme

● Accessibilité

● Surutilisation

● Le Néomorphisme n’est

pas assez polyvalent

FIN.
Bibliographie:

https://blogs.infinitesquare.com/
https://ecole-webstart.com/
https://thenextweb.com/
https://en.wikipedia.org/
https://blog.institutartline.com/
https://www.bewizyu.com/
https://graphiste.com/
https://www.svgator.com/
https://99designs.fr/