22 septembre 2016

Trois tendances pour un site qui a du style

Les vacances sont finies. Les dernières traces de bronzage s’estompent, les feuilles mortes commencent à recouvrir nos trottoirs… Pas de panique ! On vous a concocté une sélection de tendances web qui vont vous donner la pêche et peut-être vous donner envie de faire, ou refaire, votre site Internet. À défaut de plonger dans les eaux bleues d’une plage de rêve, intéressons-nous à ces tendances qui vont marquer les mois qui viennent.

Distorsion de la réalité               

L’évolution des techniques permet désormais d’intégrer des effets audacieux à un site sans perdre en confort de navigation (que celui qui n’a jamais fermé un site trop long à charger à cause d’une animation trop ambitieuse nous jette le premier pixel !). Résultat : ce qu’on pourrait appeler la distorsion de la réalité virtuelle se fait doucement une place sur la Toile et gagne les sites d’e-commerce et les vitrines de professionnels. Le principe ? Déformer les images, des vidéos ou encore des animations, comme sur le site du festival Kikk, un événement belge dédié au digital et aux cultures créatives. Dans les cas les plus sophistiqués, ces effets de distorsion de la réalité virtuelle sont contrôlés par l’internaute. En voici une utilisation purement commerciale pour vendre une paire de baskets. Épileptiques s’abstenir ! Découvrez également le travail, beau et déroutant à la fois, de l’artiste 3D Johnny Slack.

Menu hamburger

Un nom alléchant pour un petit outil qui essaime désormais la Toile et qui montre bien la convergence entre le design des sites web et celui des applications mobiles. Le menu hamburger est accessible via une petite icône, le plus souvent composée de trois petits traits superposés, tels les steaks d’un (maxi) hamburger ! Il renferme les fonctionnalités et les pages que l’on ne souhaite pas afficher d’emblée afin de faciliter la lecture et la navigation sur smartphones et tablettes. Une astuce très utile quand vous souhaitez une page d’accueil épurée ou mettre en valeur une animation particulièrement travaillée. Attention toutefois à ne pas le mettre à toutes les sauces : un menu hamburger doit renfermer un nombre minimal d’entrées pour amener une vraie plus value au site. À voir par exemple dans le coin supérieur gauche du site de Konbini.

Split screen

Comme dirait Clint Eastwood dans un célèbre western, le monde se divise en deux catégories. Un adage qui vaut désormais aussi pour le web avec le split screen ou écran divisé. En séparant certaines sections d’un site en deux parties symétriques, le split screen donne au contenu visuel et textuel une apparence inédite, qui brille par son esthétisme. Les textes, incrustés sur des blocs de couleur, sont plus lisibles et les images, accolées aux paragraphes, illustrent les propos de façon naturelle. Le tout offre une lecture plus agréable. Rendez-vous sur le site de Proud & Punch, qui combine split screen, illustrations soignées et typographies léchées.

©Bloody Mary

By Bloody Mary Internet Share:
Archives