Flat web design

Le "flat web design" (traduction : design web plat) est une catégorie de design web qui se caractérise par une absence de tout ce qui peut suggérer un effet de profondeur (ombre, 3D, dégradé ...), de textures ou d'une manière générales de tout élément purement "décoratif".

Le flat design, qui est typiquement un design "à plat", est une représentation minimaliste où théoriquement chaque élément du design à une fonction. C'est concrètement l'inverse du skeuomorphic web design.

Avantages et inconvénients

Avantages

• Pas de superflu visuel ce qui réduit un maximum le bruit visuel. Indirectement ça améliore la gestion de l'espace et résulte souvent à une amélioration de l'ergonomie
• Adaptable facilement quelque soit la thématique ou les fonctionnalités de l'interface
• Conception graphique généralement plus rapide. Les designers n'ont pratiquement pas besoin de ce concentrer sur des textures ou des effets
• Dans une application web, s'il n'y a pas de textures ou d'effets spécifiques alors le chargement du site web sera normalement plus rapide
• Design potentiellement intemporel

Inconvénients

• Le design peut sembler simpliste et non travaillé
• Design qui semble très digital et qui n'utilise pas d'analogie d'objet du monde réel. Il est plus compliqué de reconnaître les éléments d'intéraction

Exemple : Windows 8

L'un des exemples les plus concrets et les plus représentatifs d'un flat design est l'interface du système d'exploitation de Windows 8. Ce design représente les boutons par des rectangles qui n'ont pas de bordures, de dégradés, d'ombrage ou de textures.