Comment bien placer les images dans son Webdesign

Voici 5 bonnes pratiques d’intégration de vos images dans vos maquettes.

Les images ont une place centrale dans la composition d’une interface, une belle photo bien placée peut définir toute l’identité d’une interface. En plus de penser à la bonne photo, vous devrez penser à bien placer vos images afin d’optimiser l’expérience de l’utilisateur.

Faire ressortir les images

Les images les plus importantes / CTA sont les images les plus audacieuses et les plus minutieusement traitées.

Rythmer la mise en page

Utilisez une composition sur plusieurs colonne, asymétrique et rythmée afin de rendre le défilement plus amusant et attractif.

L’habillage de texte

Proscrivez l’imbrication des images dans des paragraphes. En insérant une image dans du texte, l’œil fait des sauts inutiles et est interrompu dans son flux de lecture.

Utiliser des légendes

Renseignez toujours les balises <alt> et les descriptions de vos images afin de les rendre accessibles.

Utiliser le carroussel sur mobile

Pour présenter plusieurs images, utilisez la pagination horizontale (notamment sur mobile) afin de gagner en espace de navigation.

Partagez l’article si vous avez aimé 👋

Vous devriez aussi aimer

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Sommaire

Partager

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur email