5 Tendances du Web Design à Connaître pour 2013

Conseils | 1 Janvier 2013

Avec le développement de l’utilisation des smartphones et des tablettes tactiles en tout genre, le web design a subi de nombreux changements au cours de l’année 2012. Cette évolution a permis de donner naissance à de nouveaux concepts visuels qui ont contribué à rénover l’aspect du paysage digital que nous chérissons tant. Cet article présente 5 de ces tendances qu’il est impératif de connaître pour commencer l’année 2013 avec style.

Nouveau souffle pour la typographie

 

Libérez-vous des polices de caractères ! Arial, Verdana et Times New Roman ont pu observer une chute de leur popularité au profit de polices plus créatives et originales. La typographie est un élément essentiel de votre design puisqu’elle détermine la présentation de vos informations et introduit l’atmosphère de votre site (et par conséquent celle de votre entreprise également). Cette année attendez-vous à découvrir de nombreux sites à la typographie personnalisée et ce, dans de nombreux cas, quitte à ce qu’elle empiète sur l’espace des images.

Un modèle Wix à la typographie originale

La typographie au cœur de ce modèle Wix

Skeuomorphisme – Avouez que ça a du charme !

 

Ce terme qui n’existe pas officiellement dans la langue française (c’est un néologisme) mais que nous croisons quotidiennement sans le savoir, mérite qu’on lui accorde quelques lignes. Le skeuomorphisme (à nos souhaits) est un style de design qui consiste à reproduire des objets physiques ou des matériaux d’apparence réaliste au sein d’une interface digitale. Le champion dans le domaine est Apple qui utilise cette technique pour nombre de ses produits. Le bloc note sur iPhone permet d’illustrer l’idée : Le fond jaune, les marges, les lignes etc. lui donnent l’aspect de l’objet en question dans les moindres détails. L’approche consiste à offrir à l’utilisateur la manipulation la plus intuitive et naturelle possible. En 2013 le skeuomorphisme continuera probablement son ascension et nous aurons l’occasion de voir de nombreux objets réels prendre place sur la toile.

Site qui utilise le skeuomorphime

Skeuomorphisme

Metro Time

 

« Microsoft Design Language » alias « Metro » est une nouvelle vague visuelle qui déferle sur le web. Des combinaisons de couleurs solides, des textes ancrés dans des formes géométriques, un affichage clair, symétrique et épuré, toutes ces techniques font partie de ce langage de design. Inspirée par les symboles célèbres des transports en commun (et en partie également par le design classique suisse) cette forme d’esthétisme minimaliste permet de guider aisément l’utilisateur et de focaliser son attention sur le contenu du site.
Ce style de présentation est visuellement à l’exacte opposée du Skeuomorphisme puisqu’il ne présente aucun élément rappelant la vie réelle. Avec l’arrivée de Windows 8, il peut être judicieux de surfer sur cette tendance qui risque fort de continuer sur sa lancée.

comment utilise t-on " Microsoft design language"

Le site de JanuaryCreative – Un exemple de Metro design

 

L’inspiration de Pinterest

 

La popularité grandissante de Pinterest est un phénomène dont l’influence sur le web design est considérable. En effet, l’aspect propre, ordonné et dynamique du réseau a séduit de nombreux designers. L’une des caractéristiques à souligner de cette tendance est la netteté de l’arrangement des éléments visuels au sein de l’espace. Tous présentent la même largeur tandis que la hauteur uniquement varie. Cette organisation permet d’optimiser l’utilisation de l’espace visuel et de présenter le contenu – essentiellement composé d’images- avec clarté, tout en mettant le texte en valeur. Sachant que le réseau continue de se développer, cette technique de design a probablement encore de beaux jours devant elle.

Un site Wix inspiré du style Pinterest

Un site Wix inspiré du style Pinterest

Photographies et illustrations personnalisées

 

Les clichés des images libres de droits deviennent à la longue quelque peu lassants. Des photos authentiques et créatives sont vitales afin de réussir le design de votre site. Vous pouvez par exemple exposer des clichés de votre équipe, de votre lieu de travail (mis à part l’originalité de la chose, les utilisateurs aiment savoir qu’il existe des personnes de chair et d’os derrière les murs virtuels des entreprises), ou encore de clients qui utilisent vos produits. Des dessins ou des illustrations feront également l’affaire, d’autant plus que le mélange digital/manuel ne vieillit jamais. En 2013 exposez votre créativité en images !

Les "Plastic Ladies" présentent une photo personnalisée

Le site Wix des “Plastic Ladies”