[Dossier] Qu'est ce que le Flat Design ?
Le Flat Design est un terme que l’on commence à entendre de plus en plus. Les tendances dans le web se font et se défont à une allure incroyable. C’est logique, cela va avec l’accélération de toutes les technologies et des outils qui sont à notre disposition (HTML5, CSS3, jquery et j’en passe). Je n’ai pas la prétention de vous rédiger un billet sur l’explication exacte du terme mais plutôt sur un état des lieux de ce que l’on entend, des utilisations, des tendances du Flat design. À proprement parler, il n’existe pas réellement de définition mais plutôt d’association de termes par rapport à une tendance. A contrario des années passées où les designers appliquaient à profusion le style « Web2.0 glossy ». Comment cette tendance commence à détrôner le Skeuomorphic Web Design ? Je pense qu’il existe ici 2 écoles. Il faut, je pense, adapter chaque design à chaque problématique. il n’y a pas de bonne ou mauvaise solution. Skeuomorphic vs flat design Exemples de Flat Design flat design twitter
Le Flat design est mort, vive le Material design
Il y a quelques mois, on vous présentait les principes du flat design aujourd’hui, c’est au tour du material design ! Le material design est un concept créé par Google et pour le moment destiné aux applications Android. Il a pour but de garantir la facilité d’utilisation des applications. Le réalisme des ombres : chaque élément est comparable à une feuille superposée à la précédente. Accent mis sur les actions de l’utilisateur : simple, intuitif et épuré, le design doit mettre en évidence les actions possibles. Le mouvement moteur des actions : le mouvement part du point d’interaction sans rupture de la continuité de l’expérience utilisateur. Pour faire simple, le material design s’appuie sur le réalisme et la physique. L’annonce de la mort du flat design était exagérée puisque le material design s’inspire du flat design mais ce différencie par de petits détails. Présenté en avril 2014, le material design reste pour le moment marginalisé.
Flat design : 5 conseils indispensables à retenir...
3. Uniformiser ses présences : web, mobile, objets connectés Passer au flat design fait idéalement partie d'un plan d'actions complet, qui ne vit pas sur une seule plateforme, mais sur toutes celles où vous êtes présents. Si votre site web est en flat design, et que votre application mobile ne l'est pas, il y a une dissonnance auprès des internautes. Et cela ne s'arrête pas là, pensez que votre flat design doit s'adapter à toutes vos présences : Site web et applications mobiles (iOS, Android, Windows)Objects connectés (d'éventuelles applications sur Android Wear par exemple)Bannières publicitaires et autres supports promotionnels sur le webNewsletters, créations graphiques sur les médias sociaux Même s'il n'est pas nécessaire de passer au flat design sur toutes vos plateformes au même moment, prévoyez d'harmoniser le design de vos présences dans un laps de temps assez court. 4. 5.
Material Design vs Flat Design
Après le flat design, Google nous a récemment présenté le material design. Une révolution, un changement majeur, mettant tous les designers en émois. Pour être tendance et tout comprendre entre le material design et le flat design, nous vous proposons une infographie (faites par nos soins, et oui !) confrontant ces deux mouvements googlistes. Pour en savoir plus sur cette véritable philosophie de vie qu’est le material design, voici votre nouvelle bible écrite par Google lui-même: Guidelines Google. Cela va de la simple définition du material design, en passant par la conception des icônes, jusqu’à comment parler sur votre site. Et pour aller plus loin, voici deux très bons exemples de site en flat design : SymbolSet et de material design : Google inbox (oui Google, forcément).