Curation avec Scoop.it

Scoop.it offre la possibilité de rassembler gratuitement sur une même page une cinquantaine de liens commentés et illustrés. Outil de curation professionnelle, Scoop.it permet bien davantage, à condition d’accéder à une offre payante (environ 15 dollars/mois pour l’offre Pro). Pour ma part, je collecte sur un “topic” (une page thématique de Scoop.it) des “scoops” sur le thème du design graphique, “scoops” que je vous invite à découvrir sans tarder !

Trouver des icônes (2/2)

Packs d'icônes du site flaticon.com

 

Les icônes se collectent par sets (ou packages, si vous préférez) ! Il s’agit de préserver l’unité graphique du document sur lequel elles figurent. Après les icônes en flat design, avec ou sans ombrage, nous avons vu arriver les icônes linéaires. Aujourd’hui la mode du dégradé fait son apparition mais le style linéaire semble avoir encore de beaux jours devant lui 😉

Ziv vous propose, dans ce deuxième article sur le sujet, de (re)découvrir des plateformes ou des sites spécialisés dans la distribution d’icônes. Certains sites vous proposent même de choisir le style de vos icônes… et même de les personnaliser en ligne !

Icônes sous forme d’images matricielles ou vectorielles

iconmonster

Icônes proposées par défaut en noir et blanc, exportables dans plusieurs formats (matriciels et vectorielles) après personnalisation (taille, couleur, transparence, etc.), classées par collections.

http://iconmonstr.com

freepik.com et flaticon.com

Depuis le site de Freepik, les internautes sont redirigés vers le site flaticon.com : icônes majoritairement en noir et blanc, téléchargeables à différents formats (png, svg, eps, psd).

Les icônes sont personnalisables après inscription. Attention, le nombre de téléchargement sur Freepik est limité pour les non-inscrits !

Le site Flaticon propose par ailleurs des collections d’icônes dans plusieurs styles, en couleur et en noir et blanc.

https://www.freepik.com/free-icons

https://www.flaticon.com/

iconfinder.com

Un site proposant quelques sets d’icônes gratuites, utilisables pour un usage personnel et commercial, téléchargeables aux formats svg, png et ai.

iconfinder.com

nucleoapp.com

Un petit lot d’icones est proposé gratuitement. Le site dispose d’une banque de plus de 20 000 icones mais il est payant !

https://nucleoapp.com/free-icons

zondicons.com

Un ensemble d’icones linéaires fonctionnelles gratuites de bonne facture.

http://www.zondicons.com/

Icojam.com

Icônes vectorielles mis à disposition pour un usage non commercial.

http://www.icojam.com/blog

iconarchive.com

600 000 icônes mises à disposition principalement pour un usage non commercial. Voir le type de licence associée aux fichiers trouvés.

http://www.iconarchive.com

Sélections d’icônes sur des sites de webdesign

pixelbuddha.net

Site proposant de très nombreux freebies de qualité dont de nombreuses icônes.
https://pixelbuddha.net/freebies/tag/icons

template.pro

Sélection d’icônes gratuites triées selon leur style graphique.

https://template.pro/icones-gratuites/

Trouver des icônes (1/2)

Styles d'icônes disponibles sur icon8.com

Les icônes font désormais partie du paysage graphique, aussi bien côté print que côté Web. Utilisées sous une forme matricielle (en .png le plus souvent) et sous une forme vectorielle (en .svg), elles illustrent, accompagnent, guident, attirent le regard, se font discrètes ou prennent une place clé, se substituant à des illustrations plus détaillées. Où les trouver, si possible gratuitement ?

Icônes sous forme de polices de caractères

Icônes intégrées au système d’exploitation

copypastecharacter.com

Copypastecharacter est un site et une application Web permettant de copier les caractères “cachés” fournis avec les polices de caractères de votre ordinateur. Vous pouvez ainsi les coller dans vos courriels, vos tweets, vos documents texte, vos commentaires sur les forums et partout où vous pourriez avoir besoin d’ajouter des ✍, ❒, 🐝 ou 😜.

http://copypastecharacter.com

Icônes en ligne sous forme de fontes de symboles

dafont.com

En saisissant dans Illustrator tous les glyphes des polices de symboles téléchargées depuis le site de Dafont, puis en vectorisant le “texte” obtenu, vous obtenez une planche d’icône vectorielles.

La même techique est applicable pour toutes les polices de symboles disponibles librement sur le Web.

Note : Les polices de symboles disponibles sur Dafont ne sont pas toutes libres pour des utilisations commerciales. Attention aux droits d’utilisation indiqués (usage personnel ou usage commercial) !

http://www.dafont.com/fr/theme.php?cat=714

Icônes sous forme de bibliothèques

Plateformes d’icônes en lignes

fontawesome.com

Fontawesome est une bibliotèque d’icônes implémentables dans une page Web selon plusieurs méthodes (voir la documentation du site pour utiliser les icônes)

https://fontawesome.com/

material.io

Une série d’icônes bien dessinées, disponibles gratuitement dans plusieurs formats matriciels et vectoriels, incorporables dans une page Web de diverses manières.

https://material.io/tools/icons/?style=baseline

Appli desktop et mobile

icon8.com

Un site et une application permettant de rechercher, sélectionner et intégrer de nombreuses icônes. La version gratuite limite la taille des icônes à 100 x 100px et impose le format png. Cette application se révèle particulièrement utile pour illustrer une carte cognitive (mind mapping).

https://icons8.com

Tester les combinaisons de caractères

La combinaison des polices de caractères est une étape importante dans la conception d’un projet graphique. Les Web designers sont très attentifs à ce choix. En effet, les polices de caractères jouent un rôle primordial dans la perception du contenu d’un site. Les concepteurs orientés print peuvent s’appuyer avec profit sur les outils développés par leurs collègues de la publication en ligne. Continuer la lecture de Tester les combinaisons de caractères