• 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 Blackbeard, Août 28, 2016.

  • 277 5
    1. Blackbeard

      Blackbeard Administrateur Administrateur
      228/258

      2,371
      843
      228

      Excellent Membre

      5/5, 2 votes
      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
    33/52

    8
    2
    33

    Membre non noté

    0/5,
    Hors Ligne
  • Ins0mniac

    Ins0mniac Graphiste & Vidéaste
    38/52

    74
    13
    38

    Membre non noté

    0/5,
    Hors Ligne
    Waaaah super !
    Merci pour ce tuto !!! :yo:
     
  • Menalix

    Menalix http://netguard.io Membre Officiel
    73/78

    164
    119
    73

    Membre non noté

    0/5,
    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
    80/104

    558
    225
    80

    Membre non noté

    0/5,
    Hors Ligne
  • ZeZartox

    ZeZartox Ancien Staff Elite
    123/155

    404
    149
    123

    Membre non noté

    0/5,
    Hors Ligne
    cool merci !
    j'arrivai pas a trouver les couleur x)