Veille sur les tendances

Pour ce premier billet de retour de veille sur les tendances 2018, je commence la série avec le graphisme/design dans le web.

Voici donc 5 tendances pour ce début d’année 2018 :

1 / Savoir sortir du cadre

Cette tendance déjà exploitée par le passé, n’a rien de nouveau. Cependant utilisée avec de la finesse peut donner un véritable dynamisme à votre web design, coupler le avec des animations de déplacement afin de créer un sentiment de parallaxe pour augmenter l’effet WAHOUU !

N’hésitez pas à jouer avec vos grilles pour casser le rythme de lecture et surprendre votre visiteur et l’inciter à découvrir votre offre.

Mario ŠestakZagreb, Croatia

2 / Exploiter les dégradés de couleurs

Depuis 2017 les dégradés ressortent en force. Si longtemps délaissé pour leur côté ringard, car utilisé à outrance, ils sont aujourd’hui à utiliser de manière douce avec des couleurs chaude ou froide ,du ton de pêche au coucher de soleil, ils doivent sublimer vos créations. Je vous ai préparé une petite liste non-exhaustive des sites répertoriant des dégradés plutôt cool !

Christian Vizcarra Lima, Peru

• https://webgradients.com/
• https://uigradients.com/#Moss
• https://gradients.cssgears.com/
• https://www.grabient.com/

3 / L’avènement du SVG

Le SVG, ce format si léger a très fortement progressé et est de mieux en mieux supporté par les navigateurs, depuis la disparition à petit feu de feu IE surtout ;).

Ce format est tellement magique pour l’interactivité du web, légerté, animation, changement de couleur, de taille sans perte de qualité … comment ne pas l’intégrer dans vos projets pour 2018 ? donnez moi une bonne raison ? bien sûr il ne remplace pas les ancien format, notamment pour la photo, ou le JPEG à encore de beaux jours devant lui, bien que … certains nouveaux formats pointent gentillement le bout de leurs nez pour nous aider à alléger nos intégrations de média, mais on en parlera une autre fois.

Saidur Rahman Munna Bangladesh

Voir la puissance des animations SVG en CSS en live !

Louis Coyle Hawke’s Bay, New Zealand

4 / Exploiter les typos

Au début le web n’autorisait pas l’utilisation de typo embarquées, c’est à dire que le web designer n’avait le choix qu’entre quelques typographies dites « web safe » car déjà installées sur 95% des machines sur le marché. C’était une autre époque, aujourd’hui grâce à des services comme Font Squirrel ou Google font ont peux très facilement (pour peux qu’on ai les droits) intégrer des familles de polices sur son site (attention au temps de chargement cependant sur des grosses librairies). Alors sachez utiliser de belles typos dans vos web design, attention à ne pas trop les multiplier (1 à 2 par web design est un bon ratio), pour des raisons de cohérence graphique et de performances web, comment on dit souvent « LESS IS MORE« .

Johnny Martínez Buenos Aires, Argentina

5 / Jouer avec les formes

Là on arrive dans la tendance qui me fascine le plus, étant un web designer / développeur, j’aime imaginer des formes vivantes dans mes web design que je pourrais animer 🙂
Mais au delà de ça, voilà une tendance qui fait du bien, grâce à l’exploitation des nouvelles techniques CSS et le SVG on peut s’affranchir de designs un peux trop « carrés » et ça fait vraiment du bien !

Amis designers rapprochez vous de vos développeurs préférés et restez en veille sur les possibilités techniques offertes en 2018, vous en sortirez grandis !

Alors pensez à déformer vos éléments pour ajouter du volume à vos création et émerveiller le monde !

Panji Pamungkas Semarang,Indonesia

Irina Saint-Petersburg

Conclusion

Les tendances vont vers plus de liberté mais aussi plus de maîtrise de ces libertés données par la techniques.

Affûter votre regard, inspirez vous de l’existant, n’ayez pas honte, tout le monde fait cela depuis des siècles 😉 et sortez des web designs du futur dès aujourd’hui pour inspirer vos visiteurs et conquérir leurs cœurs.

Bonne journée !