Le flat design

07/04/2018

Nommé en français "design plat", il représente un style de design graphique, connu pour son caractère minimaliste. Cette technique n'utilise que des formes simples, un dessin tout plat sans relief ni volume, tout en utilisant des couleurs vives et joyeuses.

Les avantages du flat design sont :

  • de faciliter la conception d'interfaces permettant d'adapter la page à la surface d'affichage (grand écran, petit, portable etc).
  • son usage d'aplats de couleurs permet de meilleurs taux de compression
  • il se rejoint assez avec l'image vectorielle* et rejoignent ces avantages, donc des fichiers plus légers et adaptables, compressibles. (c) wikipédia
  • Il n'a pas de superflu visuel, pas de risque d'en faire trop sur une image et réduit donc beaucoup le bruit* graphique de celle-ci : permet de voir une image sans avoir mal aux yeux, être brouillé par des couleurs trop saturée.
  • Adaptable facilement quelque soit la thématique ou les fonctionnalités de l'interface.
  • Sa conception graphique est plus rapide. Les designers n'ont pratiquement pas besoin de ce concentrer sur des textures ou des effets de volume, tout est minimaliste !
  • Permet un chargement plus rapide des pages
  • Son design est potentiellement intemporel

Le flat design est notamment très utilisé sur le web, notamment par les systèmes d'exploitations. Mais vous le voyez dans votre vie quotidienne, puisque le flat design a été l'élément incontournable et utilisé par beaucoup de marques de votre quotidien :

  • ModernUI, l'interface graphique de Windows à partir de la version 8
  • Material Design, l'interface graphique d'Android à partir de la version 5
  • macOS, le système d'exploitation des Macintosh à partir de sa version 10.10
  • iOS depuis la version 7
  • KDE Plasma 5, avec son thème par défaut "breeze" (c) wikipédia

Ou encore sur la plupart des sites web, surtout Google, qui utilise des boutons plats, sans relief et très simples mais qui sont très pratiques !

Malgré ça, le flat design a également des inconvénients, visuels ou pratiques :

  • Il peut paraître trop simple et non travaillé.
  • Son design est très digital et ses images ne font pas l'analogie* d'un objet réel, il a un visuel de dessin et ne représente pas l'objet représenté de manière réaliste.


* Vocabulaire :

Bruit graphique : Un bruit graphique (en anglais "chartjunk", mot-valise de composé de « tableau » et « déchet ») est un élément visuel d'une image qui n'est pas porteur de sens ou un élément décoratif qui n'est pas porteur de fonction utile, et donc non nécessaire à la compréhension de l'information à transmettre, ou à l'utilisateur. Ces éléments sont des distractions non nécessaires réduisant l'attention du spectateur/lecteur. Dans certains cas, ce bruit peut-être utile et est volontairement utilisé pour mettre en avant une information ou pour la rendre plus attrayante. → exemple imagée.

* Analogie : fait de montrer une similitude, un rapport existant grâce à des caractères communs, entre des choses, personnes.

crédits : wikipédia (SE), Larousse.

Artistocrates - Blog artistique
Tous droits réservés, 2018.
Optimisé par Webnode Cookies
Créez votre site web gratuitement ! Ce site internet a été réalisé avec Webnode. Créez le votre gratuitement aujourd'hui ! Commencer