Quoi de neuf
Bienvenue à toi !

  • Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.

Tutoriel Les règles du Flat Design

  • Auteur de la discussion Unspecified
  • Date de début
U

Unspecified

#1


Bonjour HackandModz,

On se retrouver aujourd'hui pour un cours sur le Flat Design :



Le Flat Design est un style minimaliste se concentrant sur la simplicité,
l'utilité ainsi que la clarté. Il s’agit ici de se débarrasser
de tout effet de profondeur pour éviter une impression de superflu visuel.

Ce style a commencé à se faire entendre en 2013 et est
aujourd'hui très utilisé dans le milieu de l'infographie. Si vous avez suivi
l'actualité, vous êtes au courant que Google a changé d'identité virtuelle. Celle ci
l'utilise par exemple mais il y a pleins d'autres entreprises tel que Windows, Apple...

Un autre style y ressemble mais pas tout à fait. En effet, le "presque flat" est un style
qui part des fondements fondamentaux en variant tout de même avec quelques points:
- L’ajout (discret) de dégradés ou d’ombre portées
- L’utilisation de textures
- L’abandon de couleurs vives et saturées par l’ajout de blanc et de teintes
globales d’orange, jaune ou bleu pour une esthétique rétro ; ou encore en privilégiant une
palette de couleurs monochromatiques (dominante de bleu le plus souvent) accompagnées
parfois d’une ou deux variations de couleurs (de cette variation, le vert
est très populaire semble t-il).

La bannière du topic n'est par exemple pas du Flat Design mais du "Presque Flat".



1. Aérez vos créations !
Les dégradés de couleurs, les détails quand vous recréez des objets
ou même les textures, vous oubliez ! Le Flat Design est un style
épuré et minimaliste. Hors, si vous remplissez trop votre création,
elle ne s'accordera en rien avec le Flat Design.

2. Utilisez les bonnes couleurs.
Le Flat Design a des couleurs bien a lui. Si vous souhaitez faire une création
avec ce style (si fabuleux ), vous vous devez de respecter se critères et la couleur
en fait partie. Voilà donc une image qui vous permettra de connaître celle ci:



3. Utilisez des polices d'écriture adaptées.
Presque pareil que le second point, il ne faut pas utiliser ,n'importe quelle
police d'écriture pour le Flat Design. Néanmoins, cette fois ci le style de design n'a pas
ses propres polices d'écriture. Utilisez des polices simples et ça suffira.

4. N'oubliez pas le "Long Shadow" !
Une création Flat Design sans le Long Shadow ne sera visuellement pas terrible.
Veuillez donc ajouter à votre création, derrière les éléments, un Long Shadow
(ombre linéaire) qui vient réduire ce côté plat du Flat Design et qui rendra votre
création bien plus jolie.

Je vous laisse en espérant vous avoir été utile !

Passez une excellente journée sur HackandModz.

http://image.noelshack.com/fichiers/2016/34/1472397831-BlackBeard-logo-topic.png
 
Dernière édition par un modérateur:

Menalix

http://netguard.io
164
117
210
#4
Cours bâclée, le Material Design est bien un genre, tandis que le Flat Design non, c'est une technique ; le genre Material Design utilise la technique du FlatDesign.