Plus que jamais, l’illustration s’est fait une place de choix, au cœur des nos interfaces. Pour sublimer votre travail, j’ai compilé pour vous de 18 collections gratuites et payantes que vous pourrez utiliser dans vos projets.
Les tendances du web design de ce début d’année nous le confirment : l’illustration aura la part belle dans les réalisations d’interfaces à venir. Vous pouvez le constater également dans toutes les sélections mensuelles des incontournables ici même. Nombreux sont les illustrateurs à s’être généreusement infiltrés dans la brèche, en proposant de superbes réalisations conçues spécialement pour nos besoins en design d’interface. Ainsi, les collections sont gérées par type d’utilisation et de modules comme l’inscription, l’onboarding, les pages 404… C’est en ce sens que l’illustration vient sublimer l’expérience utilisateur.
Quelques grandes tendances graphiques se définissent depuis quelques mois sur le web. J’en ai personnellement identifié cinq principales.
Les grandes tendances illustratives cette année
- Le dessin au trait ou « Line Art » : l’une des tendances du design graphique qui a vraiment évolué cette année. Ce style est vraiment passé au niveau supérieur et étant accompagnées de typographies bien choisies elles seront de plus bel effet.
- Compositions « déstructurées » : l’émancipation du réalisme donne de la liberté pour créer une étonnante diversité de styles où l’exagération est reine. Diablement efficace, pour marquer une originalité visuelle, cette tendance est massivement utilisée par les marques. Pourtant, pour se faire harmonieusement cela demande un vrai talent artistique de l’illustrateur. En effet, pour enfreindre les règles, il faut les connaître parfaitement!
- La 3D : la 3D a littéralement explosé cette année. Elle donne de la profondeur et du réalisme là où cela est nécessaire, permet aux designers de dépasser les limites de deux dimensions et pose des liens solides avec les objets du monde « réel ».
- Le surréalisme : à l’image des compositions déstructurées, ce style inspiré de l’art surréaliste donne un résultat original et « propriétaire » à une marque. Rappelez-vous, les illustrations apportent une dimension émotionnelle importante à votre interface. Selon le style employé, les réactions et les émotions peuvent être positives ou négatives, mais il y a une chose sûre : personne ne restera indifférent.
- L’illustration texturée : l’effet de « bruit visuel » donnant un effet de texture semble être l’un des effets les plus populaires en illustration cette année. Il rend instantanément les illustrations plus riches, en ajoutant de la matière et de l’ancrage dans le réel.
C’est dans cette veine que s’inscrivent les packs sélectionnés ci-dessous. Réalisés par des designers indépendants sous forme de side-project ou encore ou bien par de gros sites de ressources. Je suis persuadé que vous trouverez de quoi vous inspirer !
Open Peeps
Le talentueux designer Pablo Stanley partage son coup de crayon au travers d’une immense bibliothèque gratuite de personnage. Libre à vous de les mixer, changer leurs visages et créer les vôtres.
Caractéristiques :
- SVG, PNG
- Fichiers Sketch, Figma et XD
- Prix : gratuit sous licence CC0
Ouch
Icons8, l’éditeur de contenus et de ressources pour designers s’est très vite engouffré dans la brèche des illustrations. Axé vers l’illustration de vos projets web, des dizaines de styles vous sont proposés. Le classement par thématique (science, nature, restauration, etc) vous permet de rapidement trouver votre style de prédiction.
Caractéristiques :
- Petit PNG gratuit. Format grand PNG et SVG sous forme d’abonnement
- Prix : abonnement au service Icons8 à partir de 19,9$ par mois. Donne accès à d’autres ressources.
Black Illustrations
Faites pour illustrer vos projets web, la série « Black illustations » peuvent être utilisées sur tout vos projets. Les concepteurs du pack dédient leur création « aux personnes de couleur sous-représentées dans les illustrations. »
Caractéristiques :
- Au format vectoriel sous forme de fichiers .ai, .psd, .xd, .sketch et .figma
- 30 illustrations uniques
- Différentes couleurs, caractéristiques physiques, coiffures…
- Prix : gratuit pour un usage commercial et personnel
Open Doodles
La collection Open Doodles est gratuite, conçue autour de l’idée de l' »Open Design ». Vous pouvez copier, éditer, remixer, partager ou redessiner ces images pour n’importe quel but sans restriction (licence CC0.). Pablo Stanley (encore lui), designer du kit « espère que ce type de ressource permettra aux designer de montrer plus facilement la valeur de l’illustration dans leurs maquettes. »
Elle peuvent permettre par exemple d’illustrer une maquette, avant de demander des illustrations sur-mesure à un illustrateur.
Caractéristiques :
- Format .svg et .png
- Fourni avec un générateur de style
- Prix : gratuit, sous licence CC0
Fresh Folk
Fresh Folk est une librairie de personnage et d’objets en tout genre. Libre à vous mixer les personnages, les poses et les styles.
Caractéristiques :
- Format .svg et .png
- Prix : gratuit, sous licence CC 4.0, vous devez créditer l’auteur, l’illustratrice Leni Kauffman.
SuperScene – Illustrations 3D
Totalement ancré dans la tendance du moment, le pack SuperScene vous permet de mixer de superbes personnages en 3D. Livré en bonus, le format .blender vous permettra d’éditer vous même les expressions et visages. Sans être un pro de la 3D, vous pouvez tout à fait mixer les poses et les couleurs pour habiller proprement vos interfaces.
Caractéristiques :
- Format .png, .fig et .sketch
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 48$ avec la totalité des éléments. La meilleure offre est d’acheter le pack à 99$ qui vous donnera accès à toutes les ressources de l’éditeur.
Silky illustrations
Colorées et expressives, les illustrations proposées par CraftWork sont parfaites pour enrichir vos projets.
Caractéristiques :
- Format vectoriel – .eps, .svg, .png, .ai
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 48$ avec la totalité des éléments. Disponible avec toutes les ressources de l’éditeur dans un pack à 99$.
Nature illustrations
Fraîches et expressif, le pack « Nature » habillera avec élégance vos pages web. Livrés dans deux styles : gradient et granuleux, qui leur donne un bel effet de matière.
Caractéristiques :
- Format vectoriel – .eps, .svg, .png, .ai
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 48$ avec la totalité des éléments. Disponible avec toutes les ressources de l’éditeur dans un pack à 99$.
Whoosh illustrations
Optimisées pour des pages types sur le web comme une 404, une page d’inscription, etc, le pack donnera de la vie à vos interfaces.
Caractéristiques :
- Format PNG gratuit
- Format vectoriel .ai, .sketch, .fig, .eps payant.
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 29$.
Yeeow illustrations
Optimisé pour des pages types sur le web comme une 404, une page d’inscription, etc, le pack donnera de la vie à vos interfaces, dans un style agréablement destructuré.
Caractéristiques :
- Format PNG gratuit
- Format vectoriel .ai, .sketch, .fig, .eps payant.
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 29$.
Wham illustrations
Le surréalisme et les textures utilisées dans ce pack ont font le parfait kit pour un design dans la tendance du moment.
Caractéristiques :
- Format PNG gratuit
- Format vectoriel .ai, .sketch, .fig, .eps payant.
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 29$.
Bulbman Art
Très original, le pack Bulbman Art donne de la matière à vos interfaces.
Caractéristiques :
- Format .svg ou .ai
- Prix : gratuit, après inscription au site
Humaaans
Agréablement mélangeable, les différents styles d’humains du kit Humaaans offrira une touche personnalisée à votre produit.
Caractéristiques :
- Format Sketch, Figma, InVision Studio, Adobe XD
- Prix : gratuit, sous licence CC Attribution 4.0
UnDraw
Lancé en 2017, dans le but de montrer que designers doivent contribuer à la communauté open-source mondiale. unDraw a été utilisé par des organisations comme Google, Microsoft, Facebook, Harvard Business School ou encore Adobe.
Caractéristiques :
- Format vectoriel .svg et .png
- Modifiez les couleurs à la volée directement sur le site
- Prix : gratuit sous licence OpenSource
Absurd.design
Dans un style « line-art », ce pack d’illustrations absurdes apportera sans aucun doute une belle touche d’originalité à votre projet.
Caractéristiques :
- Format vectoriel .svg et .png
- Modifiez les couleurs à la volée directement sur le site
- Prix : 15 images gratuites en .png. Le .svg
Pof Pof Illustration
Les personnages attachants de cette série vous donneront le sourire.
Caractéristiques :
- Format PNG gratuit
- Format vectoriel .ai, .sketch, .fig, .eps payant.
- Prix : gratuit en version démo (png uniquement). Vendu en achat unique à 29$.
Phonies
8 illustrations simples, en noir et blanc à utiliser pour vos projets web et éditoriaux.
Caractéristiques :
- Format .png, .svg, .pdf et .ai
- Prix : gratuit. D’autres illustrations sympathiques sont disponibles à l’achat.
Alors, inspiré ?
À suivre de près, le pack « Blush Design » qui est encore en cours de construction au moment où je rédige cet article. Jetez également un œil chez Freepik, qui vient de lancer une toute nouvelle collection d’illustrations.