Aujourd’hui, je te propose de découvrir des éléments graphiques bien pratiques pour tes sites : un générateur de bannières, un générateur de boutons, des librairies de fichiers PSD conséquentes et un générateur de nuages de mots clés. Tout est gratuit et sans limite, alors profite-en !
Un générateur de bannières
Le Banner Maker de Fotor permet de créer des bannières sous 7 formats pré-définis : Skyscraper, Etsy Cover Photo, Facebook Medium Ad, Large Rectangle, Medium Rectangle, Mobile Leaderboard et Leaderboard. Autrement, l’outil permet de créer des bannières aux formats customisés. C’est gratuit et illimité, alors profite-en !
Si tu souhaites de la qualité professionnelle, tu peux consulter les bannières sur graphicriver.net et si tu recherches du sur mesure, passe ta commande sur Upwork.
Un générateur d’infographies
Si tu souhaites créer des infographies par toi-même et en toute simplicité, j’ai la solution qu’il te faut 😉
DesignCap va te permettre de personnaliser des infographies simples et efficaces pour rendre tes contenus plus percutants et lisibles. Ces infographies t’offriront une meilleure visibilité grâce aux partages sociaux et à l’acquisition de liens sur d’autres sites web.
Un générateur de boutons CSS sur mesure
CSS Tricks nous propose via son générateur maison de créer des boutons CSS parfaitement adaptés à ton site et cela gratuitement ! Tu peux déterminer la taille du bouton, du texte, la police de caractère (parmi Georgia, Helvetica et Lucida Grande), le degré de son arrondi, les couleurs de base, quand on passe sur le bouton et quand on clique et la couleur de la bordure.
En alternative, tu as aussi Button Optimizer qui est un outil gratuit plus complet. L’export est possible en CSS ou en PNG. On peut ainsi créer son bouton personnalisé à 100 % en quelques minutes et sans se prendre la tête !
Si tu cherches des boutons plus spéciaux et avancés, graphicriver.net propose aussi une très large gamme de boutons de qualité professionnelle.
Un générateur d’onglets CSS pour les réseaux sociaux
Wifeo met à disposition un générateur d’onglets CSS pour mettre en avant ses pages sociales sur son site gratuitement. Ce générateur propose différents styles de bouton et permet de faire des liens vers sa page Facebook, Twitter, Pinterest, YouTube, Dailymotion…
Créé ton propre générateur de boutons pour les réseaux sociaux sur wifeo.com.
Un générateur de menu en CSS et jQuery
Décidément Wifeo nous gâte avec un nouveau générateur 100% gratuit, pour une utilisation personnelle ou commerciale. Celui-ci nous permet de générer très facilement un menu vertical ou horizontal avec 27 choix de design, le tout utilisant le CSS et la librairie jQuery.
Créé ton menu sur mesure : wifeo.com
Des éléments graphiques en PSD
Ici je t’invite à découvrir trois sources de liens très complètes en matière de fichiers .PSD, si tu maîtrises Photoshop, c’est parfait :
Ces deux librairies mettent à disposition des boutons, des icônes, des players vidéo, des formulaires, des interfaces membre, des sliders, des lecteurs audio, des calendriers… Cela te permettra d’obtenir des éléments graphiques uniques et personnalisés pour ton site et cela toujours à titre gratuit !
Créer des nuages de tags
Si tu souhaitesfaire un nuage de tags pour ton blog/site pro, par exemple pour réunir tes compétences ou simplement pour illustrer un article, voici la solution qu’il te faut : Wordle. Avec Wordle, tu pourras créer ton propre nuage de mots clés sur mesure, encore une fois c’est gratuit, alors n’hésites pas !
Images libres de droits
Si tu recherches simplement des images libres de droits et gratuites pour tes sites, voici le guide ultime qui réunit les meilleures banques d’images gratuites.
Bonjour Maximilien,
Merci pour cet article.
Le nuage de tag c’est bon pour le référencement ?
Jeremie
Hello Maximilien 🙂 Merci pour ce partage très utile pour le lancement d’un site Web et surtout pour réaliser un design sympa et à moindre coût.
Je n’en ai pas besoin dans l’immédiat, mais je bookmark tout de suite 😉
Bon WE à tous !
Merci pour ces ressources graphiques et CSS bien pratiques pour l’intégration ! Le web regorge de templates gratuits, frameworks et autres générateurs d’image; encore faut-il trouver les bons !
J’aime bien l’idée du nuage de tag, j’ai testé et c’est vraiment sympa a utiliser, y’en aurait pas en français tiens? :p
merci pour le partage
@Jeremie Wordle permet de générer un nuage de tags sous forme d’image !!!
@Eric @Yann J’espère que ça pourra vous servir 😉
@Islem Le site est en anglais mais rien ne t’empêche de générer un nuage de tags avec des mots français.
Merci maximilien, je recherchais justement ce type de ressources pour améliorer mes boutons. Il y a bien jQueryUI qui fait des boutons css mais c’est un peu lourd d’utiliser de js juste pour ça.
Wordle est justement le type d’outil que je cherche (sans réellement avoir pris la peine de rechercher) depuis pas mal de temps. Merci Maximilien !
Merci pour cette ressource, je fais régulièrement des nuages de TAG et à chaque fois c’est long… alors Wordle va nous simplifier « la vie » !
Button maker, je l’utilise tellement ce site 😀 alors par contre je préfère prévenir je crois que c’est freepsdfiles où dessus il y a des images qui ont des droits. Méfiez vous quand même et vérifiez lorsque vous téléchargez un fichier dit « gratuit »
Très pratique quand on débute et qu’on ne veut pas se prendre la tête à faire soit même ses css et boutons 🙂
Mille fois merci pour toutes ces infos que je viens de lire ça va m’aider à avancer.
Je savais bien que j’avais bien fait de mettre le flux rss de ce site dans mon netvibes ! Du coup, je découvre Buttonmaker et ça ‘a donnée une curieuse envie de modifier 2-3 trucs pour améliorer le visuel du site.
Merci donc !
Très bonne liste de ressources. Pour les logos, on peut aussi trouver des fichiers vectoriels (c’est à dire qui ne pixélisent pas et on peut les agrandir à l’infini- à utiliser avec Illustrator par exemple)
http://www.freevector.com/
http://www.vecteezy.com/
Attention aux licenses quand même, certains ne sont pas « free » pour l’utilisation commerciale
Sympa ces sites, j’en connaissait déjà un à vrai dire, mais freepsd c’est génial! Ensuite, il faut se méfier parce que pas mal de sites proposent du contenu faussement payant !
FreePSD est bien mais attention aux banques d’images : on risque de retrouver les memes sur de nombreux blogs alors que la différenciation et l’originalité sont une des principales clés du succès d’un blog, avec son contenu évidemment
je vais surtout me servir du générateur de boutons CSS car pour tout site, c’est un outil indispensable pour les personnes ne savant pas forcément coder.
merci pour les liens !
Merci Maximilien pour ces infos 🙂
Avoir des outils graphiques de qualité est assez rare.
Merci pour cette liste d’outils bien pratique ! Le générateur de css va m’être bien utile 🙂
Bonjour,
Pour un wordpress en cours de création, on me demande (je suis assez novice)d’intégrer un papillon qui vole sur le site ou quelque chose dans ce style là, une idée de comment on fait ça?
Merci beaucoup 😉
Merci pour l’outil pour le nuage de tag ! Quand je pense que j’en ai déjà acheté un nombre halucinant sur fotolia, ca va me faire de belles économies ! Merci !
c’est très impressionnant tes articles c’est ma bibliothéque maxi
Merci pour ce partage. Les fichiers PSD pourraient m’être à moi-même et à mes clients !
Hello,
Je viens de découvrir http://www.freepik.com une baque d’image, .psd, .ai bien fournit en icones, logos, cartes de visite, vecteur etc…
Si ça peut intéresser certains… 😉