• 0k
  • 0
Web design \ 26 Août 2014

Tendances du web design : comment utiliser les images ?

L’image est au cœur du Web 2.0 . Avec l’avènement de l’ère mobile, la nouvelle génération de surfeurs accorde une importance grandissante aux visuels qui volent souvent la vedette aux textes –  moins attractifs sur petit écran. Le succès des réseaux sociaux renforce ce phénomène : les plateformes de partage d’images se multiplient et même le géant Facebook a repensé son design afin de l’uniformiser avec sa version mobile, offrant ainsi aux visuels une place prédominante dans le nouveau visage de son fil d’actualité.

En conséquence, les web designers s’efforcent d’utiliser les images de façon toujours plus créative et les répercussions s’en ressentent sur l’ensemble du paysage du Web. Nous avons analysé les grandes lignes de l’utilisation des images dans l’esthétique du web design. En considérant les 6 tendances présentées ci-dessous, vous donnerez aux images de votre site un impact optimal.

tendances des images en Web design

Visuels monochromes

Cette approche minimaliste est particulièrement populaire auprès des web designers en ce moment. Généralement associées avec le noir et blanc, les palettes monochromes s’appliquent également à d’autres tons et nuances. Par monochrome, nous faisons allusion à une couleur maîtresse dominante par opposition aux visuels riches en couleurs « classiques ». Rester dans un ton commun permet de conserver un design clair et épuré tout en apportant une touche sophistiquée au design. Le contraste avec le fond du site permet de captiver l’attention du visiteur et de l’orienter vers le contenu présenté.

Cycling Ceramic

Cycling Ceramic

Infographies

Les images qui relatent une histoire ou transmettent de l’information rencontrent un franc succès sur le web. Les infographies constituent ainsi un moyen particulièrement efficace de joindre l’utile à l’agréable, ou du moins, à l’esthétique. En effet, les visiteurs ont davantage de facilité à se renseigner à partir d’infographies qu’en lisant des textes interminables. Enfin, avec la montée du long scrolling et du flat design, les infographies sont officiellement au goût du jour 2.0.

Ben Meirovitz 

Ben Meirovitz

Images larges et Hero Areas

Ne nous demandez pas pourquoi cet espace prédominant du site, entre l’en-tête et (jusqu’à) la ligne de flottaison, est appelé en anglais Hero Area (traduction littérale : Espace Héros). Une chose est certaine : les images larges « Hero » font des ravages sur le Web. Ces visuels imposants qui occupent l’espace qui apparaît en premier sur votre site, remplacent progressivement les galeries diaporama très en vogue jusqu’à lors. Ils permettent de véhiculer un message de façon directe et de simplifier la navigation. Un court texte apparaîtra généralement au centre de l’image afin de résumer en quelques mots l’essence de l’activité du détenteur du site qui en fait usage. Si cette tendance vous intéresse, prenez soin de ne sélectionner que des images de qualité irréprochable et de rédiger de façon concise – pas d’images animées et de textes interminables, inutile de jouer les héros.

WebKiss

WebKiss utilise une large image

Réalisme quand tu nous tiens

Les surfeurs sont las des visuels libres de droits classiques avec des mannequins tirés à quatre épingles aux sourires niais. Les consommateurs en ligne veulent voir des personnes réelles dans des situations courantes, en d’autres termes, des images avec lesquelles il leur est possible de s’identifier. Une image qui reflète la réalité avec fidélité augmente la crédibilité de votre site et génère un sentiment de proximité plus fort avec vos visiteurs.

Reseau Sentinelles 

  Reseau Sentinelles : une photo réaliste

Images manipulées

Instagram est depuis quatre ans déjà l’un des réseaux de partage d’images les plus populaires du Web. Les photos manipulées font donc partie intégrante du paysage digital. Les filtres qui créent des effets vintage, délavés, ensoleillés ou encore fantaisistes peuvent facilement vous aider à créer des visuels qui s’accordent parfaitement avec l’atmosphère de votre site. Si vous utilisez Wix, notre éditeur d’images intégré vous aidera à donner à votre visuel le look idéal. Importez, filtrez, publiez : c’est aussi simple que ça !

Shadé Paris

Shadé Paris

Images vectorielles

Bien que l’utilisation de cette tendance nécessite certaines connaissances techniques, il est important de lui accorder quelques lignes. Pour simplifier : si une image matricielle est composée de pixels, une image vectorielle est créée à partir de formes géométriques. L’avantage principal de ce type de visuels est qu’il est  possible de les étendre à l’infini sans perdre en qualité. Outre l’aspect technique, les motifs vectoriels sont particulièrement modernes et leur création est une forme d’art digital qui vaut son pesant de pixels. Pour ceux d’entre vous qui ne disposent pas de logiciel adéquat pour réaliser des images vectorielles, cet outil gratuit vous offre une excellente alternative. Assurez-vous simplement de les sauvegarder sous format jpeg avant de les publier sur votre site.

Plus on Hold

Plus on Hold : image vectorielle


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email