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 !

Le design graphique à portée de chacun

nunstudioRubrique pédagogie

Le studio de design nůn est à la fois un studio et un atelier spécialisé en design et en arts graphiques. Leur site propose une rubrique “Pédagogie” dans laquelle sont regroupés des articles sur des points essentiels du design graphique. Vous y trouverez plusieurs articles touchant à la culture historique et technique en lien avec le graphisme. Voici une liste de quelques sujets abordés :

Vous trouverez également sur le blog du studio nůn deux articles très intéressants sur le monde numérique, la révolution opérée ces dernières années et l’évolution technologique à laquelle nous assistons.

Cours avancé de communication visuelle

double page du document en ligne intitulé “Étude élémentaire des formes”, publié par Jean-Claude Siegrist

Maître de typographie à l’Ecole romande d’arts et de communication (Eracom), à Lausanne (Suisse), Jean-Claude SIEGRIST publie ses cours sur le site Issuu.com.

La présentation est extrêmement soignée et le niveau des cours assez élevé. La structuration des informations n’est fonctionnelle que sur grand écran, en effet ces documents sont initialement destinés à l’impression.

Les documents en ligne ne sont pas téléchargeables. Leur consultation en ligne offre cependant un bon aperçu de connaissances requises pour progresser en tant que concepteur graphique.

Je vous recommande la consultation des documents suivants :

 

double page du document intitulé “Typographie et graphisme”, rédigé et composé par Marion Pillet

Les suggestions de lecture du site issuu.com peuvent nous conduire, par rebond(s),  vers des contenus intéressants… comme par exemple :

 

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

Nouvelles vidéos sur le design

Deux nouvelles vidéos ont été ajoutées à la série consacrée aux BASES DU DESIGN GRAPHIQUE. Elles sont visibles sur YouTube, sur la playlist Beginning Design Graphic de GCFLearnFree.org et sont regroupées sur un précédent article de ce blog.

La première est consacrée aux FONDAMENTAUX DU DESIGN GRAPHIQUE et la seconde concerne LE DESIGN DE MARQUE ET D’IDENTITÉ VISUELLE. La première est sous-titrée en français.

Les bases du design graphique

Le design graphique consiste à disposer dans un cadre (une page ou un écran) des formes, des textes, des images et des couleurs. Pour en avoir une idée plus précise, je vous propose de visionner plusieurs vidéos sur YouTube. Le commentaire audio est en anglais mais les animations sont très parlantes (les vidéos sur les fondamentaux et la mise en page sont toutefois sous-titrées en français).

Les fondamentaux

La typographie

Les images

La couleur

La mise en page

Design de marque et identité visuelle

Ces ressources ont été créées par GCFlearnfree.org