• 0k
  • 0
Web design \ 8 Juin 2015

Comment ajouter du texte sur vos images facilement ?

L’objectif premier de tout créateur de sites est de présenter à ses visiteurs une interface visuellement soignée et agréable. Il n’est pas nécessaire d’expliquer le rôle essentiel d’une belle image de fond sur une page web. Si le visuel est déterminant pour attirer le regard, c’est le texte qui l’accompagne qui permet de véhiculer le message. La recette du succès consiste donc à marier texte et image intelligemment, aussi bien en matière de contenu qu’au niveau esthétique. Nous ne pouvons malheureusement pas vous aider à choisir vos mots, mais nous avons d’excellents tuyaux pour vous aider à les utiliser avec une précision chirurgicale sur votre site.

Comme toujours, vous n’avez besoin d’aucune connaissance en design pour mettre en application ces conseils – un peu de bon goût suffira ; et si vous utilisez Wix pour créer votre propre site, c’est preuve que vous n’en manquez pas. Mais entrons sans plus attendre dans le vif du sujet :

Comment ajouter du texte sur vos images facilement ?

Utilisez des outils en ligne intuitifs pour votre travail d’édition

Le Web regorge d’outils en ligne gratuits qui vous permettent de peaufiner et d’enrichir vos visuels à souhait – et ce, en quelques minutes. Nous vous avons concocté une sélection de nos favoris :

PicMonkey

PicMonkey est un éditeur d’images très simple d’utilisation. La cerise sur le gâteau : il propose une extension que vous pouvez intégrer à votre navigateur. Si la plupart des fonctionnalités sont gratuites et répondent à une large variété de besoins, il est possible également d’opter pour la voie “royale” (à 4,99 $ / mois) afin de profiter de toutes les ressources de l’outil.

Pic Monkey

Canva

Canva est une plateforme en ligne pour designers. Si au premier abord, Canva peut sembler un rien « trop » riche, la prise en main est beaucoup plus facile qu’elle n’y parait. En plus de proposer un éditeur d’images assez poussé, l’outil permet de réaliser différents formats de visuels allant des documents/présentations, aux contenus pour les réseaux sociaux en passant par les bannières publicitaires. Les fans de design apprécieront également la possibilité de définir les dimensions du visuel par avance afin de profiter d’une liberté complète. Quant à ceux d’entre vous qui n’appréhendent pas trop l’anglais, ils pourront profiter de conseils très instructifs sur leur blog – mais ne nous quittez pour autant, on vous aime aussi.

Canva

Fotor

L’outil ultime pour rendre vos visuels irrésistibles – sans passer par la case Photoshop. Fotor vous permet d’ajouter du texte, des formes, des icônes ou encore des effets à vos images. Cet outil existe en français (enfin !) et propose une version mobile (chouette alors !). Un vrai petit bijou gratuit pour les débutants dans l’édition d’images.

Fotor

Editeur d’images Wix

Nous vous avons gardé le meilleur pour la fin : l’éditeur d’images de Wix vous permet de modifier vos visuels sans quitter la plateforme Wix. Il vous suffit de cliquer sur les paramètres de votre image pour accéder à cet outil (complètement gratuit, cela va de soi). Profitez d’une large variété d’effets, d’options, de fonctionnalités et donnez à vos images le look idéal. #ToutSimplement.

Éditeur d'images Wix

Vous pouvez également ajouter du texte sur vos images en le superposant directement depuis l’éditeur. Pour découvrir comment optimiser la visibilité de votre texte, continuez à lire :

Texte Éditeur Wix

Là, nous passons aux choses sérieuses. Maintenant que vous connaissez les outils, il vous faut maîtriser les règles de cet art.

Indiquez le chemin à vos visiteurs

Quel est le message que vous souhaitez véhiculer ? Quel est l’objectif de votre texte ? Les internautes ne lisent pas les textes sur les sites internet. Vous devez chercher à accomplir deux exploits en parallèle : d’une part leur signaler clairement qu’ils ont toqué à la bonne porte et d’autre part, leur indiquer où se situe la poignée. La métaphore mérite d’être expliquée. Supposons que vous vendiez des livres. Il vous faut un texte qui explique la nature de votre site (librairie, vente d’eBook ou autre) et un second qui indique la manipulation à effectuer pour profiter de vos services (acheter, consulter la collection etc.).

Permettez-nous de nous attarder sur le second point : l’incitation à l’action (Call To Action dans la langue de Shakespeare) est le texte qui encourage les surfeurs à accomplir l’objet de leur visite. Ce texte peut varier en fonction de vos besoins : « Ajouter au panier », « S’inscrire », « Nous contacter », « Suivre sur Facebook », chaque site cherchant à promouvoir une action différente. Assurez-vous simplement de lier ce texte à la page pertinente de votre site (où au lien externe qui convient). Découvrez comment créer des appels à l’action efficaces ! 

Quelles que soient les formules que vous employez, prenez soin de respecter une règle fondamentale : soyez clair, concis et percutant. Oui, ce n’est pas évident, mais le Web est un écosystème qui favorise la rapidité, et un texte trop long risque de porter atteinte à l’efficacité de votre message.

Texte

Sélectionnez avec précaution vos polices et couleurs

Vos polices de caractères en disent long sur votre site. Chaque sorte de police véhicule un message qui lui est propre. Il est essentiel que celle que vous choisissez soit en accord avec le reste de votre design et soit alignée avec votre image de marque. Vous trouverez un guide détaillé sur le sujet ici.

Un site de jouets utilisera une police fun alors qu’un cabinet d’avocats sera plus enclin à opter pour un style plus sobre et classique. Notez qu’il n’est pas suffisant de trouver la bonne police. Encore faut-il qu’elle soit lisible. À cet effet, la couleur et la taille de vos textes doivent être sélectionnées avec le plus grand soin. Cliquez ici pour consulter les règles de base de l’association texte/couleur. Enfin, assurez-vous de créer un contraste fort entre la couleur de votre visuel et celle de votre police – c’est évident mais répétons-le à tout hasard.

Web Design Studio Template de Site   WIX

Ne négligez pas les formes

Notre dernière astuce pour donner de l’impact à vos textes consiste à les superposer à des formes. Si la forme est transparente, votre image ne perdra pas en esthétique et votre texte profitera d’une légère mise en avant. Dans le cas où vous optez pour une forme un peu plus opaque, elle améliorera la lisibilité de votre texte – sans empiéter outre mesure sur la beauté du visuel (voir exemple ci-dessous). Il existe de nombreuses autres façons intéressantes d’utiliser les formes. Nous vous invitons à les découvrir ici.

Forme sur image

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