• 0k
  • 0
Web design \ 3 Mars 2015

5 astuces pour créer le parfait arrière-plan pour votre site

Envie d’accrocher vos visiteurs dès le premier regard ? Si votre réponse est « oui », le conseil qui suit devrait vous intéresser. Pour en mettre (littéralement) plein la vue à vos visiteurs, rien de tel qu’un arrière-plan en mode plein écran. Votre arrière-plan instaure en un coup d’œil l’atmosphère de votre site. Sachant que les internautes ne sont pas réputés pour leur patience sans borne, captiver leur attention avec un fond d’écran créatif et représentatif de votre activité vous sera d’une aide précieuse.

Si vous désirez éblouir vos visiteurs avec ce type d’arrière-plan, trouver une grande image, aussi belle soit-elle, ne sera pas suffisant. Il vous faut avant tout appréhender certaines techniques qui vous assureront de concevoir un fond d’écran dans les règles de l’art :

Arrière-plan

Une qualité supérieure : la condition sine qua non

Quelle que soit l’image que vous sélectionnez, vous devez vous assurer qu’elle soit d’une qualité irréprochable. Il en va de l’esthétique de votre site : un pixel grossier et c’est le drame. L’exercice est d’autant plus délicat que si le visuel est trop « lourd », il mettra du temps à s’afficher, ce qui constitue également un problème de taille. Inutile de vous arracher les cheveux – qui vous vont à merveille – voici sans plus attendre les bonnes résolutions à prendre.

De manière générale, une résolution de 72 dpi (dots per inch) devrait s’avérer suffisante. Si vous n’avez pas la conscience tranquille, vous pouvez également essayer avec un visuel en 96 dpi. Les dimensions recommandées pour les sites Wix sont de 1250 / 800 pixels ou plus, mais dans les mêmes proportions.

Qualité supérieure vs basse qualité

Contraster pour mieux régner

Votre visuel aura beau être magnifique, il ne remplira qu’une fonction d’image de fond. Son utilité première est de mettre en valeur le texte superposé. Afin de donner audit texte un impact fort, il est essentiel de choisir des couleurs en contraste avec votre image – cet article sur l’utilisation des couleurs vous sera utile. L’objectif n’est pas simplement d’éviter à vos visiteurs de se perdre dans votre visuel. La lisibilité de votre site est un élément fondamental de l’utilisabilité de votre site.

Contraste

Construire équilibré

Bien, vous avez vos couleurs, votre image et votre texte. Maintenant, il est temps de vous attaquer à l’en-tête et au pied de page de votre site. Votre menu, vos liens, vos mentions légales, vos coordonnées et tous les éléments situés dans ces sections de votre site risquent fort de faire désordre si vous les collez simplement sur l’image. Une fois votre visuel importé, ajoutez des bandes colorées (en jouant avec leur transparence) de manière à distinguer clairement vos menus et autres informations pertinentes du reste de votre page. N’hésitez pas à faire différents essais pour trouver l’équilibre parfait, ça ne coûte rien et ça peut rapporter gros.

Equilbre design

Travailler avec les formes

Nous vous avons déjà donné quelques idées intéressantes pour faire bon usage des formes. En plus d’apporter une touche sophistiquée à votre site, ces outils de design – qui passent hélas, souvent à l’as – mettent en exergue vos textes et accentuent leur lisibilité. Si vous parvenez à les marier avec des polices originales alors vous raflerez la mise à coup sûr.

Formes

Vérifier l’affichage

Vos visiteurs accèdent à votre site depuis une variété de navigateurs. Prenez soin d’optimiser l’affichage de votre site sur tous les supports possibles. Sur votre ordinateur, effectuez des tests sur les navigateurs les plus utilisés (Chrome, Firefox et Internet Explorer). Ensuite, vérifiez que votre site apparaît sur mobile parfaitement – pensez à parcourir notre checklist. Il ne sert à rien d’avoir un arrière-plan remarquable s’il ne s’affiche pas convenablement sur tous les supports et écrans.

Arrière-plan

Ah, au fait. A-ton mentionné que vous pouvez utiliser un arrière-plan différent pour chacune de vos pages ?

Prêt à vous lancer sur le Web ? Créez votre site gratuitement avec Wix !


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