This post is also avalaible in : English

Les illustrations sur une page web ou une application apportent un effet très intéressant sur l’utilisateur·rice : elles permettent de créer une connexion, de faire écho aux émotions et sentiments et permettent également d’affirmer votre identité.

Mais parfois pour commencer, faire appel à un kit d’illustrations gratuit peut être utile pour vous lancer rapidement sans faire l’impasse sur l’aspect visuel de votre produit.

Woobro – Free Vector Illustrations

Les illustrations gratuites proposées par Woobro ont un style très assumé. Ces illustrations sont habillées de dégradés violet, mauve et bleu, proposant une scène enveloppée dans un blob, ces petites patates qui servent de support visuel ou de conteneur.

Woobro Illustrations

Ces illustrations sont en SVG mais sont également packagées en PNG, Sketch et Illustration. Elles sont libres de droit pour tout type d’utilisation, la seule contre partie sera de devoir citer l’auteur ou le site web (CC 4.0 Attribution)

  • Style : aplat et dégradés de couleurs
  • Format : SVG, Sketch et Illustrator
  • Licence : CC 4.0 Attribution – Libre de droit pour utilisation personnelle et commerciale, obligation de citer le site web.

Voir les illu de Woobro

Undraw – Illustrations Vectorielles

Undraw est une des premières bibliothèques d’illustration de ce type que j’ai connu, c’est également de loin ma préférée. Créée par Katerina Limpitsouni ces illustrations couvrent des domaines assez variés que vous pourrez explorer très facilement grâce à une recherche par mot clé.

Undraw Illustrations

Ces illustrations sont proposées en vectoriel (SVG) et propose une possibilité de personnalisation de la couleurs principales. Cette fonction est très utile pour personnaliser rapidement le fichier vectoriel à la couleur de votre marque.

Personnellement j’utilise ce type d’illustration sur des projets professionnels dans le but d’ajouter rapidement un contenu visuel plus agréable. N’étant pas spécialisé du tout en illustration, même si j’ai la capacité de faire des compositions grâce à ces illu, cela permet d’égayer rapidement certains bouts d’interface, en attendant que les client·e·s, si besoin, contactent un·e illustrateur·rice pour du sur mesure.

Les fichiers SVG proposent des tracés assez simples, à tel point qu’il m’a été facile pour un test de mettre les choses en mouvement. Voir l’exemple d’animation Undraw créée avec SVG et CSS.

  • Style : aplat, ligne
  • Format : SVG (compatible tout logiciel)
  • Licence : MIT License – Libre de droit pour utilisation personnelle et commerciale.

Voir les illu de Undraw

Illustrations.co – 100 awesome illustrations

Vijay Verma s’est lancé dans une série de 100 jours de création d’illustrations et propose aujourd’hui un site web les regroupant. Ces illustrations sont principalement d’un style aplat, colorées, mais pas toujours super cohérentes entre elles.

Illustrations.co

Ce type de contenu est plutôt utile dans le cadre de besoins ponctuels pour illustrer un propos ou décorer une affiche par exemple (ou faire l’image à la une de cet article :D). Elles sont disponibles en AI, SVG, PNG, EPS et également Figma, pour profiter du live de ce dernier 😀

  • Style : aplat, ligne, rétro
  • Format : AI, SVG, PNG, EPS, Figma
  • Licence : MIT License – Libre de droit pour utilisation personnelle et commerciale.

Voir les illu de Illustrations.co

Lukas Zadam – Free illustrations

Lukas Zadam est un illustrateur de profession mettant à disposition une partie de ses créations dans le but de partager à sa communauté et la faire grandir. Je ne peux que vous conseiller de la rejoindre si ce type de communauté vous intéresse. Illustrations Lukas Zadam

Les illustrations proposées ne sont pas toujours toutes cohérentes entre elles, et sont parfois proposées sous la forme de scènes, ou de sorte de kits d’icônes sur un sujet bien précis. Le style est assez classique : aplats et lignes, peu de dégradés.

  • Style : aplat, ligne, bubble
  • Format : SVG (compatible avec tout logiciel)
  • Licence : MIT License – Libre de droit pour utilisation personnelle et commerciale.

Voir les illu de Lukas Zadam

DrawKit.io – Free Flat Illustrations

DrawKit, proposé par James illustrateur de profession, affiche un double style graphique : trait noir et blanc et aplat coloré pour presque toutes les illustrations représentant principalement des humains dans leurs activités et habitats naturels.

Drawkit

Ces illustrations sont rangées par catégories assez riches et sont trouvables facilement grâce à une recherche par mot clé. Les scènes et objets proposés sont tous plutôt cohérents les uns avec les autres. La bibliothèque d’illustrations disponibles permet de recomposer des scènes riches adaptées à votre thématique.

  • Style : aplat, ligne, noir et blanc, couleurs
  • Format : SVG (compatible avec tout logiciel)
  • Licence : MIT License – Libre de droit pour utilisation personnelle et commerciale.

Voir les illu de DrawKit

Humaaans – Une bibliothèque dynamique

Pablo Stanley a créé un bibliothèque d’illustrations remarquables capable de proposer des illustrations modulables sur lesquelles vous pouvez changer certains éléments de l’illustration comme le visage de la personne, ses vêtements ou les fonds des scènes.

Humaaans Illustrations

Le style de ces illustrations est en aplat, avec des formes plutôt « blobesques ». L’aspect des personnages est vraiment simple mais très efficace : pas d’ombrage ou de lumière riche, rendant le dynamisme des personnages et fonds possible.

Les illustrations sont disponibles pour Sketch, Figma, InVision Studio, Adobe XD et libre de droit pour utilisation personnelle et commerciale.

  • Style : aplat, couleurs, dynamique
  • Format : Sketch, Figma, InVision Studio, Adobe XD (probablement SVG)
  • Licence : CC0 – Libre de droit pour utilisation personnelle et commerciale.

Voir les illu de Humaaans

Icons8 Ouch – Bibliothèque d’illustrations

Ouch propose une bibliothèque d’images dont les sujets sont vraiment très variés, il y a une liste complète sur l’accueil du site d’Icons8.

Icons8 Ouch

Les styles sont assez variés, certains sets proposent des dégradés de couleur là où d’autres proposent des aplats plus ou moins explosifs en couleur. Certains se basent uniquement sur de l’aplat, d’autres sur un mélange aplat et lignes. Il faudra faire votre tri suivant votre style.

Chaque set d’illutration propose son nom et son style bien à lui, même si certains sont assez proches pour être complémentaires.

Attention, le format PNG est gratuit, si vous souhaitez accéder à la version SVG il vous faudra payer $19/mois.

  • Style : aplat, couleurs, trait, divers
  • Format : PNG (gratuit), SVG (payant)
  • Licence : Divers, mais payant ($19/mois) ou attribution obligatoire.

Voir les illu de Ouch

Whoosh – Illustration Kit

Ce set d’illustrations très colorées propose des scènes vraiment simples pour agrémenter les interfaces que vous designez sur des sujets assez classiques de l’usage des sites web : code, securité, livraison, empty states, etc.

Whoosh Illustration

Le format PNG est gratuit, mais il vous faudra payer la modique somme de $29 pour accéder à une bibliothèque compatible avec Figma, Sketch, Adobe XD ou le format EPS.

Whoosh Customization

Avec ces versions payantes, une palette de couleurs est fournie vous permettant de changer l’ensemble des couleurs des illustrations.

  • Style : aplat, couleurs
  • Format : PNG (gratuit), SVG (payant)
  • Licence : Divers, mais payant ($29) ou attribution obligatoire.

Voir les illu de Whoosh

Absurd Design – Illustrations

Ces illustrations d’un style dessiné en noir et blanc proposent un effet très assumé et un peu « brouillon » très apprécié (j’aime ce style personnellement).

Absurd Design Illustrations

Les illustrations proposées sont sous format PNG avec attribution obligatoire pour la version gratuite. Si vous souhaitez accéder à une version pro, vous devrez payer $57 par trimestre.

  • Style : trait, ligne, noir et blanc
  • Format : PNG (gratuit), SVG (payant)
  • Licence : Divers, mais payant ($57 par trimestre) ou attribution obligatoire.

Voir les illu de Absurd

Stubborn – Personnages personnalisables

Stubborn propose des personnages, décors et objets personnalisables, ainsi que des exemples de compositions graphiques pour vous aider à composer vos propres scènes.

Stubborn Illustration

Est proposé également un générateur de scène/image permettant de personnaliser gratuitement ces illustrations.

  • Style : aplat, personnalisable
  • Format : SVG
  • Licence : Divers, gratuit mais limité en nombre d’images. Version pro pour $99/an.

Voir les illu de Stubborn

Le travail d’illustrateur

Petit rappel pour les personnes qui se disent que $99 font un peu cher pour des illustrations, pour ne prendre que cet exemple : le travail d’illustrateur est quelque chose de très compliqué, entre la difficulté de conserver une cohérence graphique, d’assumer et conserver un choix pour coller à une l’identité d’une société, ou même simplement la composition vectorielle en elle-même.

Je ne vais pas m’étendre là-dessus car ce n’est pas mon métier, même si j’ai déjà composé quelques mini-sets ou quelques illustrations vectorielles payantes (parfois hyperréaliste comme la mode de l’époque) il y a bien longtemps, mais croyez-moi, même un set à 400$ ne serait pas cher du tout compte tenu du temps nécessaire pour les créer.

J’en profite pour glisser ici le lien de la page de description et des choix d’utilisation, des choix graphiques, des illustrations de Foyer (mon employeur actuel) juste pour vous montrer ce qui se cache derrière 3 personnages. Imaginez des scènes complètes 😉
Le style et les choix graphiques sont issus d’un travail fabuleux de notre illustratice en chef Léa.

Amusez-vous bien avec ces illu !