Le flat design est un style de création de pages avec le minimum de fioritures possible. Moins y en a, mieux on comprend. Avec le flat design, je me sens mieux.
Lorque l'on parle de webdesign, je pense à des structures complexes avec beaucoup d'éléments qui noient le contenu du site. Le flat design se traduit en français par "design plat".
Avec le flat design, on présente mieux avec moins. Ce style de design se base sur une mise en page simple. Cela permet une meilleure compréhension du contenu du site.
Rôle du concepteur
Le concepteur du site joue avec les couleurs, les textures et la typographie. Son objectif premier consiste à épurer le contenu du site sans perdre son contexte et sa compréhension. Lorsque l'on épure, on rend le site le plus léger possible en contenu visuel sans les faire disparaître.
Au début du paragraphe, j'écris qu'il faut jouer avec les couleurs. Ainsi, le webdesigner doit utiliser des couleurs vives et des icônes qui sont faciles à identifier.
Rôle du concepteur
Le concepteur du site joue avec les couleurs, les textures et la typographie. Son objectif premier consiste à épurer le contenu du site sans perdre son contexte et sa compréhension. Lorsque l'on épure, on rend le site le plus léger possible en contenu visuel sans les faire disparaître.
Au début du paragraphe, j'écris qu'il faut jouer avec les couleurs. Ainsi, le webdesigner doit utiliser des couleurs vives et des icônes qui sont faciles à identifier.
Quels sont les atouts du flat design ?
- Une meilleure compréhension du site web
- Une lisibilité accrue sur des écrans de petites tailles (smartphone)
- Un site web léger en contenu
- Une lisibilité accrue sur des écrans de petites tailles (smartphone)
- Un site web léger en contenu
Exemple
Pour mieux illustrer mes propos, voyons un exemple de flat design. Les entreprises Google et Windows sont les premiers à avoir intégrer et développer le design plat.
 |
| Page de démarrage Windows Auteur : Tijs Hofmans Source URL : http://www.computeridee.nl/workshop/windows-10-het-startmenu/ |
Ci-dessus, on observe la page de démarrage de Windows. Les icônes sont présentées sous forme de rectangle et de carré.
- Une enveloppe pour les e-mails
- Un sac de course pour le shop en ligne Windows
- Le clap pour les films et les vidéos
- ...
Les images qui définissent les différentes fonctionnalités sont simples. Cela va de même pour les pages d'accueil d'I-Phone.
A gauche, on a une ancienne version des icônes I-Phone , les icônes sont en relief, on parle ici de skeuomorphisme, à droite on sent une évolution dans la présentation des icônes. Elles sont simples, plates, elles imagent bien les objectifs du flat design.
 |
| Photo de la page d'accueil d'un i-phone Auteur : scottjacksonx Source URL : www.flickr.com |
 |
| Photo de la page d'accueil d'un i-phone (IOS 8.3) Auteur : Mahesh Mohan Source URL : www.flickr.com |
Je terminerai en définissant le flat design comme une recherche sur le minimum a présenté pour une compréhension maximale. Bob
Sources
www.wikipedia.org, consulté en 2016
