Le Flat design, nouvelle tendance dans l’univers du webdesign

Flat designLe style flat design fait beaucoup parler de lui en ce moment. C’est une tendance très populaire dans la conception web et le design d’interface utilisateur. Le flat design se caractérise par des formes simples, sans texture, ni effet de profondeur. Les couleurs, souvent vives, sont utilisées en aplats plutôt qu’en dégradés. Ainsi l’approche visuelle est beaucoup plus minimaliste. Il n’y a aucune fioriture, les éléments graphiques ne cherchent pas à imiter visuellement les fonctionnalités, chaque élément de design a une fonction.

Voici quelques exemples de réalisations en flat design :



Flat Design Google Flat Design Windows Flat design Fitbit Exemple Flat Design

Design flat vs Skeuomorphisme

Design Flat vs Skeuomorphisme

Pendant longtemps, en termes de design informatique, plusieurs considéraient Apple comme une référence. Le design de ses produits et de son système d’exploitation étaient des exemples à suivre. Le style Apple peut-être résumé par des lignes très épurées et des interface user friendly. Pour Apple, user friendly signifiait de créer des interfaces rassurantes qui imitent le quotidien avec des objets d’aspect très réaliste (3D). Cette façon d’aborder le design a un nom, c’est le skeuomorphisme. L’utilisation d’un fond simulant une texture (cuir, tissu ou bois), de boutons qui ressemblent à des interrupteurs et des sons de papier qui se froissent quand on jette un document à la corbeille en sont de bons exemples. Ceux qui possèdent un iPad ou un iPhone connaissent bien ce type de design même s’ils en ignorent le nom.

Le flat design est souvent comparé avec le skeuomorphisme, à cause de ses principes et de son style qui sont complètement à l’opposé. Le skeuomorphisme privilégie la familiarité avec un objet, sans forcément rendre la navigation plus facile. C’est tout le contraire avec le flat design car son principal intérêt est de faciliter la navigation et la lisibilité, ce qui est plus pratique pour les « non initiés ».

L’essor des sites adaptatifs (responsive design), les choix graphiques de Microsoft avec la création de Windows 8 et les interfaces simples de Google ont grandement contribué à la perte de popularité du skeuomorphisme. Par la simplicité de leurs interfaces, ils arrivent à rejoindre des centaines de millions d’utilisateurs et à optimiser la navigation sur leurs sites et terminaux.

Des sites plus légers

Dans les bonnes pratiques du web, on privilégie les sites légers dont les pages s’affichent rapidement Si l’on peut être sûr d’une chose, c’est que les internautes ne deviendront pas plus patients! Comme le flat design permet justement de faire des sites moins lourds, ce qui est particulièrement pratique pour les mobiles, ça lui donne un net avantage.

Conclusion

Un petit avertissement avant de terminer : le flat design peut être utilisé pour créer de belles interfaces minimalistes mais ce n’est pas nécessairement la meilleure approche pour tous les projets. Soyez conscient de ce que vous essayez d’atteindre visuellement et de ce que vous voulez communiquer.

6 réponses à Le Flat design, nouvelle tendance dans l’univers du webdesign
  1. DADelamort Répondre

    Bordel que vous êtes c****.
    C’est juste une o**** de trend de m**** qui est basée sur le style international des années 60.

    Arrêtez de penser que vos c**** d’observations de c** sont des découvertes absolument fantastiques. Vous trompez personne, honnêtement, je pense qu’on s’en c****** de façon assez collective.

    Allez donc inventer le prochain glossy buttons tant qu’à y être. C****.

    • Dominic Turgeon Répondre

      Té pas du monde quand t’as faim! Prends donc une bonne shnickers :)

  2. Amanda Fong Répondre

    Merci beaucoup pour cet article intéressant! Je ne connaissait pas le skeuomorphisme avant et croyais que tout ce qui avait une texture “réelle” était justement fait pour être plus user friendly… finalement, ce n’est pas nécessairement vrai!

    Avez-vous des ressources/lectures à recommander pour ceux (moi!) qui veulent en savoir plus sur les principles du flat design?

  3. Benoit David Répondre

    …sans oublier iOS 7. :-)

    • Dominic Turgeon Répondre

      En effet Benoit, les changements graphiques sur IOS 7 d’Apple est fortement basée sur cette tendance, mais certains diront que ce n’est pas vraiment du flat design à cause des dégrades et certains shadows utilisés, deux caractéristique essentielles au flat design!

Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Entrez votre nom, courriel et votre commentaire.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">