Le Flat Design

Sur cette page tu trouveras :

Flat Design: QuƩsako?

Le flat design, ou design plat, est un style graphique minimaliste principalement utilisé dans les interfaces web et mobile ces dernières années. Il est simple, épuré, coloré et moderne. Mais pas si simple que ça à créer.

En effet, sa simplicitĆ© peut le rendre peu lisible et c’est pour Ƨa que vos choix de couleur seront d’autant plus importants !

Un autre avantage cependant, est qu’il utilise principalement des formes simples, gĆ©omĆ©triques. Pas besoin donc de savoir dessiner Ć  premiĆØre vue.L’important est de bien comprendre les volumes. Bien que le flat design soit ā€˜plat’ il n’est pas dĆ©nuĆ© de poids !

Il faut donc apprendre Ć  dĆ©composer et simplifier ce que l’on veut reprĆ©senter au maximum.

Un arbre n’est plus qu’un rond ou un ovale, une montagne un triangle, un personnage 1 rond sur un autre rond avec 2 traits pour les jambes etc… Less is MoreĀ !

ThƩorie des couleurs

Le choix des couleurs dans un projet quel qu’il soit est une dĆ©cision Ć  ne pas prendre Ć  la lĆ©gĆØre ! C’est une dĆ©cision non seulement crĆ©ative mais aussi stratĆ©gique.

En effet, vous ne ferez pas passer le même message selon votre palette colorée.

Les couleurs communiquent aussi différemment entre elles. 

  • Deux couleurs opposĆ©es dans le cercle chromatique vont se faire ressortir l’une l’autre.
  • Des couleurs proches dans le cercle chromatique donneront une palette fade, sauf si c’est votre choix de partir sur une palette monochromatique. Et dans ce cas, il faudra jouer avec les contrastes.
  • Certaines combinaisons ont des thĆØmes clichĆ©s (rouge/vert/blanc pour NoĆ«l, orange/violet pour Halloween…). Attention Ć  ce que Ƨa ne vous desserve pas.
  • Les couleurs ont aussi des « tempĆ©raturesĀ Ā», si vous voulez faire une maison de sorciĆØre vous irez donc plus vers les bleus et violets, mais si vous voulez faire une maison accueillante et chaleureuse, c’est du cĆ“tĆ© rouge qu’il faudra aller.
Les palettes :

Une palette colorĆ©e, c’est l’ensemble des couleurs qui composent votre image. Si vous trouvez un site ou un personnage trop stylĆ©, essayez d’extraire sa palette et de l’utiliser dans votre projet!

Cet exercice marche vraiment bien avec les pokƩmons qui ont des palettes colorƩes limitƩes.

On remarquera que Voltali et Lugulabre (les deux pokémons) ont des palettes très proches et pourtant ils ne véhiculent pas la même impression. 

Le jaune est majoritaire pour le premier, et le violet pour le second. Le premier a donc l’air beaucoup plus vif et lumineux, alors que le second est effrayant et vaporeux.

Adobe ColorĀ est un site en ligne qui permet de rĆ©cupĆ©rer le code hex des couleurs et mĆŖme de crĆ©er des palettes en fonction d’une image ou de votre couleur favorite !

Retour en haut