Flat design, Site responsive, One page ... Graffink fait le point !

Leave a Comment

Voilà des termes dont on entend fréquemment parler depuis 2014, et qui représentent les tendances en terme de web design.
Mais que signifient ces termes anglo-saxons ? Ont-ils la même finalité ?
Graffink fait le point.

  • Le Responsive Design, késako ?



Le Responsive Design signifie d’adapter le design et le contenu d’un site web à tout type d’écran, suivant sa taille et sa résolution : mobile, tablette et ordinateur.
Chaque fonctionnalité et mise en forme du contenu est ainsi optimisée pour mieux défiler à l’écran. Plus besoin de zoomer et de dézoomer une page lorsqu’on est sur tablette ou mobile, l’interface est directement mise à la bonne échelle.
Pour cela, les développeurs vont utiliser la technique des colonnes afin de structurer correctement les pages web suivant les écrans. On passera par exemple de quatre colonnes sur un écran d'ordinateur à une seule sur un smartphone.


Voici quelques sites qui permettent de rendre un site responsive (et pas besoin de savoir coder !) :


Le logiciel Axure, qui vous permet de créer des prototypes de sites web et applications sans codage


Froont, qui permet de créer des sites responsive sans code.


  • Flat Design,  Un “design aplati” … ?



Passons au terme de Flat Design. Celui-ci n’a pas vraiment de définition précise, mais on pourrait le caractériser par le fait d’utiliser un style de design minimaliste, clair et épuré. Ce sont des techniques très créatives qui y sont utilisées, souvent travaillées sur photoshop et où la typographie va structurer la page.
Les icônes sont eux aussi minimalistes, permettant ainsi une lisibilité immédiate du contenu.
Cette technique de flat design a été largement démocratisée par de grandes entreprises comme Microsoft et Apple pour leurs sites web.


Les ressources sont nombreuses pour vous aider à mettre en place ce design (et sans dépenser un sous !) :


Makerbook fontionne comme une base de données de tous les sites utiles pour les créatifs : photos, icônes, typos …. Pratique !
http://makerbook.net/

Awwwards, une sélection des meilleurs sites en matière de flat design.


  • Enfin, le One Page Design.




Tout est dans le nom. Une page unique, complètement navigable, et offrant une nouvelle expérience utilisateur. Mais attention, c’est un parti pris risqué ; il n’y a qu’une page et elle se doit donc d’être tout simplement ma-gni-fique.
Tous les contenus y sont disponibles en scrollant verticalement ou horizontalement, certains sont cachés sous des icônes, en bref, l’internaute y découvre progressivement le contenu.
C’est un design très utilisé par les marques car le but est de retenir l’attention.


One Page Love, une vraie source d’inspiration contenant le meilleur des sites One Page.


Qu’en est-il des tendances pour 2016 ? Graffink vous dira tout dans un prochain article...

0 commentaires :

Enregistrer un commentaire