Aujourd’hui, je vous propose de découvrir des éléments graphiques bien pratiques pour vos sites : un générateur de bannières, un générateur de boutons, 3 librairies de fichiers PSD conséquentes et un générateur de nuages de mots clés. Tout est gratuit et sans limite, alors profitez-en !
Un générateur de bannières
Proposé par Maude, la webmaster du site kitgraphiquegratuit.org, ce générateur de bannières nous permet comme son nom l’indique de créer des bannières parmi un large choix de templates (une cinquantaine), de couleurs et de polices de caractères.
C’est gratuit et illimité, alors profitez-en ! Si vous souhaitez de la qualité professionnelle, vous pouvez consulter les bannières sur graphicriver.net (aff) et si vous recherchez du sur mesure, passez votre commande sur oDesk !
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 à votre site et cela gratuitement ! Vous pourrez 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.
Rien est oublié ! On peut ainsi créer son bouton personnalisé à 100 % en quelques minutes et sans se prendre la tête ! Si cependant, vous cherchez des boutons plus spéciaux et avancés, graphicriver.net (aff) propose aussi une très large gamme de boutons de qualité professionnelle.
Des éléments graphiques en PSD
Ici je vous invite à découvrir trois sources de liens très complètes en matière de fichiers .PSD, si vous touchez un peu à Photoshop, c’est top :
Ces deux librairies mettent à votre disposition des boutons, des icônes, des players vidéo, des formulaires, des interfaces membre, des sliders, des lecteurs audio, des calendriers… Cela vous permettra d’obtenir des éléments graphiques uniques et personnalisés pour votre site et cela toujours à titre gratuit !
Créer votre nuage de tags
Si vous souhaitez faire un nuage de tags pour votre blog/site pro, par exemple pour réunir vos compétences ou simplement pour illustrer un article, voici la solution qu’il vous faut : Wordle.
Avec Wordle, vous pourrez créer votre propre nuage de mots clés sur mesure, encore une fois c’est gratuit, alors n’hésitez pas !
Si cet article vous a plu, n’hésitez pas à le partager et à commenter ! Je reviendrai vers vous prochainement avec de nouveaux bons plans design pour vos sites















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?
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