Des éléments graphiques gratuits pour votre site

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 !

Le générateur de bannières gratuites de kitgraphiquegratuit.orgUn 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 et si vous recherchez du sur mesure, passez votre commande sur oDesk, Elance ou 99Designs !

Un générateur de boutons CSS sur mesure

Un générateur de boutons CSS gratuitsCSS 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 propose aussi une très large gamme de boutons de qualité professionnelle.

Un générateur d’onglets CSS pour les réseaux sociaux

Générateur de boutons vers les réseaux sociaux

Générateur de boutons vers les réseaux sociaux de Wifeo

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, Google+, Twitter, Pinterest, YouTube, Dailymotion…

Créez votre propre générateur de boutons pour les réseaux sociaux sur wifeo.com.

Un générateur de menu en CSS et jQuery

Générateur de menu Wifeo

Générateur de menu Wifeo

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éez votre menu sur mesure : http://www.wifeo.com/generateur-menu-gratuit.php

365PSDDes é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

Nuage de mots clés SEOSi 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 😉

Dernière MAJ : le 9 décembre 2015

Créer un logo gratuit en quelques minutes

Ces articles devraient aussi vous intéresser :

23 réactions instructives :

  1. Jeremie
    20 janvier 2013 à 17 h 28 min #

    Bonjour Maximilien,

    Merci pour cet article.

    Le nuage de tag c’est bon pour le référencement ?

    Jeremie

  2. Eric
    20 janvier 2013 à 18 h 03 min #

    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 !

  3. Yann
    20 janvier 2013 à 20 h 08 min #

    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 !

  4. Islem
    20 janvier 2013 à 20 h 12 min #

    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

  5. Maximilien Labadie
    21 janvier 2013 à 7 h 13 min #

    @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.

  6. julie
    21 janvier 2013 à 7 h 40 min #

    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.

  7. InvestMan
    21 janvier 2013 à 10 h 53 min #

    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 !

  8. pierre
    21 janvier 2013 à 11 h 35 min #

    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” !

  9. Lucie
    21 janvier 2013 à 14 h 34 min #

    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”

  10. Adam
    21 janvier 2013 à 17 h 23 min #

    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 🙂

  11. Claude
    21 janvier 2013 à 20 h 17 min #

    Mille fois merci pour toutes ces infos que je viens de lire ça va m’aider à avancer.

  12. Mathieu
    22 janvier 2013 à 20 h 02 min #

    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 !

  13. Cindy
    23 janvier 2013 à 10 h 10 min #

    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

  14. Ostéo
    28 janvier 2013 à 20 h 44 min #

    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 !

  15. Philippe
    2 février 2013 à 12 h 13 min #

    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

  16. Nico
    3 février 2013 à 19 h 32 min #

    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 !

  17. Kenan
    16 février 2013 à 23 h 48 min #

    Merci Maximilien pour ces infos 🙂

    Avoir des outils graphiques de qualité est assez rare.

  18. Julien
    27 mars 2013 à 14 h 18 min #

    Merci pour cette liste d’outils bien pratique ! Le générateur de css va m’être bien utile 🙂

  19. kirieuh
    16 juillet 2013 à 19 h 12 min #

    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 😉

  20. Simon
    31 janvier 2014 à 11 h 37 min #

    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 !

  21. olivier
    4 juillet 2014 à 15 h 31 min #

    c’est très impressionnant tes articles c’est ma bibliothéque maxi

  22. Aide Ecommerce
    1 décembre 2014 à 8 h 38 min #

    Merci pour ce partage. Les fichiers PSD pourraient m’être à moi-même et à mes clients !

  23. Realisite
    25 mars 2015 à 16 h 03 min #

    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… 😉

Réagis à cet article :

Je souhaite recevoir les meilleurs conseils et astuces de Web & SEO


18e8975f4fe2929fcf1d0b82a8396ea1pppppppppppppppppppppppp

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match