Ressources/Répertoire participatif de ressources graphiques : Différence entre versions

Version actuelle en date du 29 octobre 2018 à 04:26

Voici un document collaboratif en ligne pour recenser toutes sortes de liens outils sur le web destinés au graphisme (banques d'images libres de droits ou sous Créative Commons, tutoriaux, guides…). Merci de participer en respectant le travail qui a déjà été fait.

Recherche iconographique[modifier | modifier le wikicode]

Ressources gratuites[modifier | modifier le wikicode]

• Liste de ressources dans le domaine public

• Public Domain images

• Wikimedia commons

• Flickr commons

• Groupe "domaine public" sur Flickr

• Pixabay

• Morguefile

• Wellcome collection

Licences Creative Commons[modifier | modifier le wikicode]

• Comment utiliser les licenses Creative Commons

• Explication Wikipédia des licences Creative Commons

• Droits permis par chaque licence (en anglais)
• Moteur de recherche multisites permettant de trouver des images sous licences CC

Illustrations dans le domaine public[modifier | modifier le wikicode]

http://www.oldbookillustrations.com

http://www.fromoldbooks.org/

http://publicdomainreview.org/

Textures[modifier | modifier le wikicode]

• Textures de papier

• Textures grunge

• Textures de marbre

Ressources informatiques en code source ouvert[modifier | modifier le wikicode]

Logiciels pour le graphisme en code source ouvert[modifier | modifier le wikicode]

Note : ces logiciels sont gratuits et librement téléchargeables sur des différents systèmes d'exploitation.

• Inkscape - logiciel permettant de créer et modifier des images vectorielles (notamment en format .svg)

• Gimp - logiciel open source pour la retouche photographique et la création/modification d'images pixellisées

• Scribus - Logiciel open source pour la maquette et mise en page de documents imprimés (brochures, magazines, etc)

• Libre Office - suite ofimatique open source, permet de créer des documents de texte ainsi que des bases de données, etc, et permet d'éditer des documents de la suite Microsoft Office (.doc, excel, etc) tout en restant complètement gratuite

• Apache OpenOffice (Fait la même chose que LibreOffice)

• Floss Manuals - Guides d'utilisateur pour les logiciels open source (en français)

Logiciels audio en code source ouvert[modifier | modifier le wikicode]

• Audacity - logiciel pour l'enregistrement et l'édition de fichiers sonores, permet d'enregistrer et de mixer des sons, et de les exporter en format .mp3 (parmi d'autres)

Outils en ligne en code source ouvert[modifier | modifier le wikicode]

• L'association Framasoft répertorie des alternatives libres en ligne pour tous les outils de Google et d'autres grandes boîtes du web (voir liste sur la colonne à droite de leur site)

D'autres logiciels graphiques en code source ouvert (plus spécialisés)[modifier | modifier le wikicode]

• Processing - outil de création d'images génératives (à partir d'un code)

• Blender - logiciel de création d'images en 3D (contient un moteur pour l'édition vidéo)

• Fontforge - logiciel de création de caractères typographiques pour ordinateur (formats .ttf, .otf, parmi d'autres))

• Pure Data - logiciel pour réaliser des installation interactives (audio, vidéo, etc)
• Liste d’outils libres pour la création

Design web[modifier | modifier le wikicode]

Outils et guides en ligne pour le design web[modifier | modifier le wikicode]

• Formats de publication d'images pour les principaux réseaux sociaux

• ResizeMyBrowser - Outil pour recadrer la taille du navigateur selon la taille du site web

• Guide pour réaliser des sites en Material Design

• Down for everyone or just me - outil pour vérifier si un site est hors ligne ou juste bloqué localement.

Apprendre le design web[modifier | modifier le wikicode]

• Codecademy - Apprendre le design web - cours HTML

• OpenClassrooms (anciennement le Site du Zéro) - Apprendre le design web

La typographie sur le web[modifier | modifier le wikicode]

• Les combinaisons de fontes les plus utilisées sur le web (fontes présentes sur la plupart des ordinateurs)

• Une sélection de fontes gratuites de Google Fonts qui peuvent être utilisées pour le web (et comment les intégrer sur un site web)

Blogs de design web[modifier | modifier le wikicode]

• Awwwards - prix pour des sites web de qualité

http://webdesignledger.com/

http://www.webdesignerdepot.com/

http://webdesign.tutsplus.com/

http://designrfix.com/

http://www.w3schools.com/html/html_colornames.asp

Ressources typographiques[modifier | modifier le wikicode]

Fontes gratuites de qualité (pas toutes, mais certaines)[modifier | modifier le wikicode]

• Font Squirrel

• Google Fonts

• OpenFoundry : sélection de 30 caractères Open Source

• Fontlibrary - Bibliothèque de caractères en code source ouvert

• The League of Moveable Type

• Atipo, créateurs de caractères (certains sont téléchargeables gratuitement)

• Velvetyne, caractères open source
• Use & Modify - Liste de fontes libres
• Liste de fonderies de caractères sous licence libre

• Sélection de caractères disponibles sur Google Fonts

• Citype - fontes inspirées par différentes villes du monde

Apprendre la typographie[modifier | modifier le wikicode]

• Jeu pour apprendre à composer des mots (interlettrage)

• Jeu pour apprendre à dessiner des caractères

• Règles typographiques (certaines ne s'appliquent pas au français, mais la plupart sont utiles)

• Comment combiner des caractères comme un pro (selon Hoefler & Co.)

• Comment combiner des caractères comme un pro (selon Fontshop)

• Combinaisons de caractères disponibles sur Google Fonts

• Comment apprendre à établir les niveaux de lecture d'un texte (simplifié)

• Quelques autres règles et conseils typographiques (en français)

• Petite vidéo sur le lexique courant de la mise en page

Blogs et archives sur la typographie[modifier | modifier le wikicode]

• On Snot and Fonts - répertoire de ressources sur la typographie (par Luc Devroye)

• Typomanie - actualité typographique

• Design et typo - blog sur Le Monde

• Typographica - critique de nouveaux caractères

• Plus de ressources typographiques en ligne

Outils typographiques en ligne[modifier | modifier le wikicode]

• Wordmark - choisir des caractères depuis son navigateur

• CopyPasteCharacter - tableau de glyphes en ligne
• Unilist - Altrnative sans pub à CopyPasteChraracter

• Générateur de Lorem Ipsum

Apprendre le dessin vectoriel[modifier | modifier le wikicode]

• Jeu pour apprendre à utiliser l'outil "plume"

• Comment faire des nodes avec des angles droits uniquement (outil "plume" niveau avancé)

Notions d'Identité visuelle[modifier | modifier le wikicode]

• Logo Archive - Logotypes classiques en noir et blanc

• Histoire de la communication visuelle

• Under Consideration - Critique de nouveaux logotypes

• Art of the menu - collection de menus de restaurants

• Qu'est-ce qui fait un bon logo ? Vidéo (en anglais)

• Chartes graphiques de grandes marques (certaines ne marchent pas)

• Guide pour la création de chartes graphiques pour le web

• Graphism.fr, Graphisme interactif

La couleur[modifier | modifier le wikicode]

• Jeu pour apprendre à identifier des couleurs

• Kuler (sélecteur de gammes de couleur en ligne)

• Pictaculous - générateur de palettes adobe à partir d'images

• Colors Pallete Generator, un autre outil pour générer des palettes de couleur

Infographies[modifier | modifier le wikicode]

Le travail de l'infographiste David McCandless : http://www.informationisbeautiful.net/

Le travail de l'infographiste Ole Häntzschel : http://www.olehaentzschel.com/

Le travail de l'infographiste Jer Thorp (big data) : http://blog.blprnt.com

• Tutoriel pour créer une infographie

• Histoire de l'infographie et types d'infographie (sur la Wikipédia en anglais)

• Chartes couleur pour des graphiques d'information

• Infographies interactives sur Bloomberg Businessweek

• Infographies sur le magazine Wired

• Des graphistes parlent de leurs infographies préférées

• Historigraphy : graphique intéractif sur l'histoire de l'univers

Blogs sur le Data Journalism[modifier | modifier le wikicode]

• Flowing Data

Blogs sur le design dans la presse[modifier | modifier le wikicode]

• Quintatinta (en espagnol)

Art pixelisé[modifier | modifier le wikicode]

• Bitmap To Vector, petit outil en ligne pour transformer des images bitmap en images .svg

Inspiration graphique (affiches et visuels activistes)[modifier | modifier le wikicode]

• Un mundo feliz, affiches activistes

• Internationales graphiques

• Dugudus, affichiste

• Voces con Futura, affiches des "indignés" en Espagne

Voir aussi[modifier | modifier le wikicode]

• Ressources graphiques de la Nuit Debout
• Zéro+zéro - Affiches et visuels de révolte sur Samizdat.net
• Mouvement de libération graphique et artistique