Flat design, aller plus loin pour de meilleures sites

lundi 26 décembre 2016

Dans un de mes articles précédents, je vous parlais de flat design. Vous vous êtes sûrement demandés ce que c’était ? Je l’ai laissé de côté pour mieux le décrire. Mais pour faire court, c’est une façon de désigner un site web ou une application. Beaucoup de sites sont en flat design.

Flat design que j'ai réaliser pour une application de vente et de location de skis
Auteur: Peter

Alors, précisément, c’est quoi le flat design

Comme je vous l’ai dit avant, c’est une façon de désigner un site web. Mais plus précisément ? Alors, le flat design est un style très minimaliste. Aucune ombre ou autre effet qui donnerait du relief à notre style. Un design plat. De plus, les lignes graphiques sont simples et tous les effets superflus sont supprimés. Exit les arrondis sur les boutons. Par contre niveau couleur, le flat design est joyeux, beaucoup de couleur vive, du contraste, … 

Et tout ça pourquoi ?
Tout simplement pour optimiser et donner une lisibilité maximale. Enlever tous les gadgets ou les  effets qui pourraient déranger l’utilisateur. Donc, les informations et le contenu en général seront plus accessibles. Une chose intéressante,  un design plat s’adapte bien sur un smartphone, car il sera pensé pour. 

Donc c’est simple à mettre en place

Oui, pour créer une maquette (mockup) du site sur un logiciel comme Photoshop. Mais non, pour le faire en CSS. En règle générale, un dit design minimaliste équivaut à : c’est compliqué à mettre en forme en CSS. Chaque chose est réfléchit, de la palette de couleurs utilisée jusqu’à l’emplacement de chaque élément. Il n’y pas d’artifice pour distraire l’utilisateur, ce qui en déroutera certain.
Palette de couleur utilisé pour l'application
Auteur: Peter
Flat design et mobile

Si vous vous rappelez, la première fois que le terme flat design a été utilisé, c’était dans l’article "La multiplicité des tailles d'écran". Ce n’est pas pour rien. Car la majorité des sites web responsive sont en flat ou découle d’un style provenant du flat design. Je n’aime pas généraliser, mais lorsque vous voulez porter votre site sur mobile, regarder bien ce style. Mais vu que le flat design existe depuis un petit moment dans le monde de l’internet, regarder le matériel design de Google. C’est un style qui découle très clairement du flat mais où l’effet de superposition est très présent. 


Conclusion

Pour ma part, je trouve que le flat design est joli et utile. J’aime cet esprit de minimaliste. Et j’essaie de le mettre en place lorsque je réalise un site web. Bien entendu, je ne l’applique pas à 100%. Le flat design permet des écarts vu qu’il n’y a pas de règle. Juste des bonnes pratiques ou des guides. Et je ne suis pas graphiste… C’est un style intéressant, mais il y en a plein, internet est vaste. Rien n’empêche de mélanger. Peter

Source:

Vous aimerez également