Le flat design

Flat Design = Design plat est une tendance de design graphique minimaliste, débarrassé de tout relief, ce qui a pour but d’améliorer sa clarté & sa lisibilité.

Flat design ≠ skeuomorphisme. Le flat design permet d’obtenir un site simple d’utilisation & minimaliste. Il se base sur l’emploi de formes simples, d’aplats de couleurs vives et de jeux de typographie. 

#1 Couleurs

• Permet de distinguer & hiérarchiser votre contenu,
• Sélectionnez bien la palette de couleurs,
• Utilisez des couleurs & des contrastes pour créer de la profondeur,
• Couleurs unies : pas de dégradé ou de jeu de texture.
• Privilégiez les tons clairs : vos palettes de couleurs doivent être légères & lumineuses. 

#2 Images & illustrations

• L’utilisation de votre image devra être sporadique & intelligente,
• Jouez avec les formes :
  • • Les polygones (ou les cercles) servent à créer une division clair au sein du contenu,
    • Les lignes permettent de séparer les différentes sections de la page,
• Sélectionnez un design simple : finies les ombres & le relief,
• Utilisez des symboles plutôt que d’images réalistes .

#3 Typographie 

• Choisissez des typographies lisibles = polices sans empattement (« sans serif ») en style gras,
• Soyez attentif aux typographies qui guideront l’utilisateur,
• La typo permet de structurer l’information & d’organiser de manière claire votre contenu,
• Les webfonts offrent un plus grande liberté créative (Google Fonts, Dafont),
• La police joue son rôle dans votre parti pris graphique,

#4 Icônes

• Limitez l’utilisation de formes pour privilégier des icônes “flat”,
• Réfléchissez au design de vos boutons & de vos icônes,
• Créez des icônes à l’image de votre charte graphique.
• Pour le choix de kits d’icônes : Designmodo (format fixes) et Thenounproject (Syg).

SOURCES :

www.fr.wix.com // www.stampaprint.fr // www.siecledigital.fr // www.usabilis.com // www.blogdummi.fr