Comment créer une couverture pour un site web

Parfois, cependant, la couverture ressemble à une publicité et comprend un message clair, un appel à l'action et une image montrant ce que le client obtiendra comme résultat. Si vous gérez un SPA ou un salon de beauté, une bonne photo de couverture serait celle montrant vos esthéticiennes ou masseurs au travail. Si vous travaillez dans le secteur des réparations à domicile, ajoutez des photos de vos ouvriers, montrant qu'il ne s'agit pas de jeunes inexpérimentés, mais de professionnels hautement qualifiés sur lesquels on peut compter. Si vous vendez de jolis carnets de chats, n'hésitez pas à les faire figurer sur la couverture. Dans ce cas, vous n'avez même pas besoin d'écrire quoi que ce soit : la photo parle d'elle-même.

Une photo de couverture parfaite doit être vide au centre, sans aucun détail ni élément.

Le titre de la première page est presque toujours placé au centre. Lorsque le texte recouvre des éléments visuels importants, personne ne les voit. De plus, le texte risque de ne pas être lisible.

Par exemple, une photo de paysage représentant un désert ou le ciel, une table sans objet au milieu, une forêt verdoyante... tout dépend du thème de votre site web, de l'ambiance souhaitée et de votre imagination. L'objectif est de rendre le texte facilement lisible.

Si vous placez le texte contre une zone comportant de nombreux éléments, vous le rendrez plus difficile à lire. Veillez donc à ce que la taille des éléments soit en harmonie avec la taille de la police.

Une photo de couverture est un arrière-plan qui crée une ambiance particulière. Elle peut amplifier votre message ou passer inaperçue.

Dans l'ensemble, l'objectif est d'aider le visiteur à lire et à comprendre rapidement le texte. Imaginons que vous conceviez un site web pour une conférence. Vous ajoutez le titre de la conférence, la date, l'heure et le lieu à la couverture. Si le texte se fond visuellement dans l'arrière-plan et est presque illisible, le visiteur risque de le sauter, de faire défiler la page et de passer à côté de l'information importante.

Lorsque le texte ressort, une photo bien choisie renforcera le message. Par exemple, vous placez sur la couverture une photo de la conférence de l'année dernière. Les gens peuvent voir comment l'événement a été organisé, s'il s'agissait d'une grande salle avec des centaines de personnes ou, au contraire, d'un espace confortable avec seulement quelques participants. Une photographie peut remplacer quelques paragraphes. Quoi qu'il en soit, il convient tout d'abord de fournir des informations essentielles sur l'heure et le lieu de la conférence.

Le texte et l'image doivent se compléter. Par exemple, placez votre texte sur un mur vide. Un arrière-plan uniforme ne compromet pas la lisibilité.

Lorsque les éléments répétitifs de l'image forment un motif, on peut avoir l'impression qu'ils remplissent tout l'espace et forment un arrière-plan homogène. Ce n'est pas tout à fait le cas : il suffit de regarder tous les petits détails qui créent un bruit visuel et compliquent la perception de la copie. Dans ce cas, il peut être judicieux d'assombrir l'image de fond.

Lorsque le sujet principal d'une photo se trouve à droite, le texte doit être placé à gauche. Le principe est le suivant : le visiteur d'un site web voit clairement le visage d'une personne, qui est l'objet le plus important de la photo ; les autres détails sont moins importants.

Si la personne est au centre de l'image, n'ajoutez pas de texte sur le visage - il est préférable de l'abaisser plus près de la zone du corps.

En règle générale, le visage d'une personne est l'objet le plus important de la photo. Si le visage est recouvert de texte, les visiteurs du site web ne se sentiront pas à l'aise car ils ne pourront ni voir l'objet en détail ni lire le message.

Assombrir l'image avec des filtres de dégradé.

Si l'image d'arrière-plan sélectionnée rend la copie difficile ou impossible à lire, couvrez-la avec un filtre : une opacité de filtre plus élevée donne un arrière-plan plus sombre.

Il est beaucoup plus facile de lire le texte sur un fond contrasté. Cependant, n'assombrissez pas trop, car les objets de la photo risquent de devenir indiscernables. Examinez la luminosité d'origine de l'image pour décider comment appliquer le dégradé : pour certaines photos, 20 % suffisent, tandis que d'autres doivent être assombries de 70 % ou plus. Essayez différentes options.

L'assombrissement ne convient pas à toutes les images. Les images lumineuses peuvent devenir pâles ou ternes en raison du dégradé de noir. Une atmosphère de tristesse peut être créée. Choisissez des photos plus sombres pour éviter cet effet.

Une autre façon d'ajouter de l'ambiance au site web est la tonalité. Optez pour des filtres de couleur au lieu du noir standard. Utilisez les couleurs officielles de la marque pour le dégradé ou choisissez une couleur de la palette de couleurs du site web. Vous pouvez également choisir une teinte qui correspond à la palette de couleurs de l'image.

Vous pouvez colorer non seulement l'arrière-plan, mais aussi le texte. En outre, vous pouvez combiner la coloration de l'arrière-plan et celle du texte en même temps. Vous devez cependant faire très attention à ne pas donner à votre site web un aspect criard et tape-à-l'œil.

Conseil : choisissez deux couleurs et utilisez-en une comme couleur primaire (90 %) et une autre comme couleur d'accentuation (10 %).

Par exemple, vous pouvez appliquer le dégradé jaune à l'arrière-plan et ajouter un texte bleu vif. Vous pouvez également recouvrir toute l'image d'un filtre vert acide et y superposer un texte orange. L'image est lumineuse et joyeuse, ce qui peut être une bonne option pour une conférence ou un site web de startup.

Vous pouvez faire des couvertures blanches, elles sont généralement agréables à regarder. Si vous disposez d'une photo de haute qualité avec un éclairage vif qui présente un objet captivant, associez-la à un texte sombre ou coloré.

Les couvertures ne montrant rien d'autre qu'un objet sont intrigantes. Il est également beaucoup plus facile d'associer un texte à ce type d'images. Imaginez que vous ayez commandé une séance photo professionnelle et que les objets soient placés sur un fond neutre : un système de sonorisation ou une voiture sur un fond blanc ou gris. L'association de textes et d'images devient alors un jeu d'enfant.