• Bienvenue à tous sur HackandModz !
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
Rejeter la notice
Visiteur,
Bienvenue sur Hack & Modz

Tutoriel Les règles du Flat Design

Discussion dans 'Tutoriaux' créé par No-Face, Août 28, 2016.

  1. No-Face

    No-Face Modérateur Modérateur

    2,316
    832
    148
    Hors Ligne
    [​IMG]

    Bonjour HackandModz,

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

    [​IMG]

    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".

    [​IMG]

    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:

    [​IMG]

    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
     
    • J'aime J'aime x 1
    Dernière édition par un modérateur: Oct 20, 2016
  2. Google AdSense Publicités Publicités

  • TheMonsterBug

    TheMonsterBug Membre

    8
    2
    33
    Hors Ligne
  • Ins0mniac

    Ins0mniac Graphiste & Vidéaste

    74
    12
    38
    Hors Ligne
    Waaaah super !
    Merci pour ce tuto !!! :yo:
     
  • Menalix

    Menalix http://netguard.io Membre Officiel

    164
    119
    73
    Hors Ligne
    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.
     
    • J'aime J'aime x 1
  • Louise Giverne

    Louise Giverne ★Femme★ Elite Donateur Banni

    558
    224
    80
    Hors Ligne
  • ZeZartox

    ZeZartox Ancien Staff Elite

    403
    146
    123
    Hors Ligne
    cool merci !
    j'arrivai pas a trouver les couleur x)