Le Flat Design, une orientation graphique particulière

Le Flat Design, une orientation graphique particulière Qualifié de modèle graphique, allant à contre-courant du modèle phare des années 2000.

L'équipe BY FILLING

Partager cet article

 

flat design

Qualifié de modèle graphique, allant à contre-courant du modèle phare des années 2000 qu’est le Skeuomorphisme, le Flat Design a définitivement conquis les palettes de nombreux designers d’interfaces (si ce n’est la majorité). Le géant Apple a d’ailleurs calqué son iOS7 sur ce design digital tendance et incontournable.

Une définition parmi tant d’autres

En traduisant ce terme, on obtient facilement « Design à plat ». Sans vouloir faire une remise à plat de votre culture digitale, sachez que le Flat Design est un style de web design où le contenu « vain » et inutile est tout simplement retiré pour parvenir à une création épurée, sobre et sans fioritures avec un effet visuel important alimenté de couleurs vives.

Les fondamentaux de ce style sont donc l’abandon de tout relief et l’absence de profondeur, en opposition au skeuomorphisme qui entretient l’aspect tridimensionnel de l’objet représenté.

La percée

Incontestablement, il est devenu populaire avec l’introduction du Windows 8 (Modern UI) et des sites conçus en Responsive Design. Cependant, la plus remarquable transition de ces derniers mois reste la mise à plat par Apple de l’iOS6 pour sortir l’iOS7, marquant ainsi une rupture flagrante avec l’ancienne ergonomie de la poule d’Apple.

Le flat design en 4 points :

  • La typographie : intégrer une typographie élégante;
  • Les couleurs : oser varier les couleurs pour un rendu surprenant;
  • L’illustration : des icônes simplifiées au maximum;
  • Les espaces : afficher l’essentiel et éviter l’encombrement.

Aujourd’hui, le Flat Design facilite la navigation à l’internaute en proposant un design minimaliste.

Mi-ni-ma-lis-me c’est le maître-mot à retenir ! La Flat-révolution ne fait que commencer. Et chez By Filling nous l’avons déjà intégrer.

Quelques exemples

http://www.byfilling.com/lp

http://www.total-orangemoney.sn

Articles similaires