Flat Design, et tout le monde s’est aplati

Par Raygi - Octobre, 7 2013

 ‘Hello World’,

Alors suis sûr que vous en avait entendu parler cette année, même si c’est juste un peu, le Flat Design… Siiii ne hochez pas la tête comme ça, si je vous dis IOS 7 ou Windows Phone ???… Vous ne voyez toujours pas ??

Bon ben à table alors l’explication est servie hiihihi…

Le Design ‘Plat’

Flat design à pour traduction française Design Plat, aussi appelé Flat UI (UI pour User Interface). Ce type de design n’a pas fait l’unanimité du côté des designers, pour certain c’est une philosophie et pour d’autre juste une mode passagère. Le concept : simplifier le design des images en enlevant les éléments extra tel que les ombres, les effets 3D, la texture ou la gradation des couleurs.

L’objectif est de créer un design en deux dimensions (2D), sans perdre les fonctionnalités d’une interface régulière. Ceci crée un nouveau challenge chez les designers car en dépouillant une interface de ses décors et effets, il devient plus difficile de définir les principales actions et les éléments dans un design.

Design plat provient de la volonté de créer des interfaces plus numériques et une ouverture pour l’innovation des interfaces des appareils numériques. Le Flat design s’oppose ainsi au design skeuomorphic.

Le concept du design plat prend naissance avec des désaccords causés par le skeuomorphism. Les effets d’ombre, de 3D, d’ornement utilisé dans le skeuomorphism faussent la nature de l’information perçu par l’utilisateur. Le design skeuomorphic offre un réalisme à l’image qui dénature le graphisme et l’art selon les puristes. Le skeuomorphism offre une vue très réaliste dans le monde du graphisme mais limite la créativité à notre vision du monde réel, tandis que le Flat design ouvre à la créativité et à l’imagination.

‘Un dessin réaliste est toujours un skeuomorphism, mais un skeuomorphism n’est pas toujours une conception réaliste’

Comment passer au Flat design ??

De manière assez simple que je vais résumer un quelques points :

• Utiliser les bonnes couleurs : N’ayez pas peur de risquer les couleurs les plus improbables et surtout de les nuancer en clair et foncé.

• Créer vos Icones : Laissez parler votre imagination et ne rester créer vos propres icones simplement avec d’excellents jeux de couleurs.

• Customiser vos boutons, menus, barres de progressions :

Mais le flat design est-il déjà utilisé ???

OOuuuuii utilisé avec de très beaux rendus. Voici une belle petite sélection pour le plaisir des yeux :

• WerkPress

• MapBox

• Fitbit

Alors vous en dite quoi prêt à se lancer ?? Si vous êtes prêt ne manquez pas l’incontournable Framework spécialement destiné au Flat design : Flat UI

Amusez-vous bien !!!