Outils pour designers
Une liste non exhaustive de sites, livres, outils, pouvant se montrer utiles si vous travaillez dans le monde de la création visuelle.
MENUUne liste non exhaustive de sites, livres, outils, pouvant se montrer utiles si vous travaillez dans le monde de la création visuelle.
↓
©Photo de Hannes Wolf sur Unsplash
Typographie
Obtenir des typos
Adobe Fonts (inclus dans l’abonnement à Adobe Creative Cloud)
Bibliographie
Comprendre la typographie, d’Ellen Lupton, aux éditions Pyramyd
Le Petit manuel de composition typographique, de Muriel Paris, aux éditions Muriel Paris
L’homme et ses signes, d’Adrian Frutiger, aux éditions Atelier Perrousseaux
Sitographie
Outils
Fontself Maker (pour Adobe Illustrator), qui permet de créer ses propres typo
Fontstruct, qui permet de créer ses propres typo à partir de formes géométriques
WhatFont (pour Chrome), qui permet d’identifier les typos utilisées sur les sites web que l’on visite
Appli WhatTheFont Mobile, qui permet d’identifier les typos sur des photos
©Photo sur Freepik
Couleur
Palettes et outils
L’appli mobile Adobe capture, qui permet notamment de générer des palettes de couleurs d’après une photo (inclus dans l’abonnement à Adobe Creative Cloud)
Adobe color, qui permet notamment de créer facilement des palettes de couleurs
ColorZilla (pour Chrome), qui permet notamment de copier le code hexadécimal et rgb d’une couleur apparaissant sur un site
Pigments, qui permet de créer des palettes de couleurs, des dégradés, etc.
Accessibilité
Vérification du contraste texte/arrière-plan
Outil pour mac permettant de simuler différents types de daltonisme
©Photo de Harpal Singh sur Unsplash
Icônes
Banques générales
Banques spécifiques
©Photo de Ilya Pavlov sur Unsplash
Web
Meilleures pratiques
Outils
Codepen, pour créer, tester et découvrir le front-end
Css-tricks, une bible du css
Figma, plateforme collaborative de webdesign
Stylifyme, outil pour extraire une grande partie des informations graphiques d’un site (couleurs, typo, etc)
Le blog de Tilda Publishing, proposant des astuces pour tirer le meilleur parti de la plateforme.
W3C school, pour apprendre à coder dans divers languages
Webcode, des générateurs de code pour projets Web front-end.
Wwwhere, outils et ressources pour la création web
©Photo sur Freepik
Data
Bibliographie
Dataflow, design graphique et visualisation d'information, de Robert Klanten, aux éditions Thames & Hudson
Datavision, de David McCandless aux éditions Robert Laffont
Design de l’information, d’Isabel Meirelles, aux éditions Parramon
Sitographie
Outils
Google Sheets, pour créer des feuilles de calcul en ligne
Rawgraphs, pour créer des graphiques à partir de bases de données (export en svg pratique pour retravailler le design)
©Photo sur Freepik
Photo / video
Banque d’images
Mockups
Outils
Aescripts, un site proposant des scripts et plugins pour divers logiciels
Extension pour After Effects Lottiefiles, qui permet de convertir une animation Adobe After Effects en Lottie
©Photo sur Freepik
3D
BlenderKit, une extension pour Blender (freemium, pas mal de matériaux gratuits)
Threedee libraries, des fichiers 3D et leurs versions png à télécharger (freemium)
Vectary, plateforme de conception 3D et de réalité augmentée
Womp, plateforme de conception 3D (plus facile pour les débutants en 3D)
©Photo sur Freepik
Illustration
Textures, Photoshop actions, etc
Poses
©Photo sur Freepik
©Photo de Brandi Redd sur Unsplash
Culture
Bibliographie
LIVRES
Culture graphique: une perspective, de Gutenberg à nos jours, de Stéphane Darricau, aux éditions Pyramyd
Icônes du graphisme, influences et inspirations d’hier et d’aujourd’hui, de Steven Heller et Mirko Ilió, aux éditions Thames & Hudson
Mise en page(s), etc. Manuel, de Damien et Claire Gautier, aux éditions Pyramyd.
Pour une critique du design graphique, Dix-huit essais, de Catherine de Smet, aux éditions B42
REVUES
Back cover, aux éditions B42
Étapes, aux éditions Étapes
Roven, aux éditions Roven
Sitographie
©Photo de peoplecreations sur Freepik
Divers
Sites proposant divers types de ressources, à divers tarifs
Jeux
Fontguessr, un jeu qui consiste à deviner quelle Google font est utilisée
Kern Type, un jeu typo pour apprendre à définir des crénages (espace entre deux lettres)
Shape Type, un jeu dont le but est de reproduire certains caractères de différentes typographies connues
The Bézier Game, un jeu pour apprendre à utiliser la plume et les courbes de bézier
Typeconnection, un jeu pour apprendre à associer les typo entre elles
Si vous remplissez le formulaire d’inscription à la newsletter vous informant des mises à jour de la liste des outils pour designer présente sur ce site, vos prénom, nom, et adresse mail seront ajoutés à une mailing list .
Une mailing list, ou liste de diffusion est un répertoire de personnes recevant la même communication ou le même message.
Cette mailing list se trouve sur mon compte YCode.
Quelques éléments de la Politique de Confidentialité de YCode:
« Dans la mesure où les lois européennes sur la protection des données sont appliquées à notre traitement des données client, nous agissons en tant que contrôleur, cependant, nous servons de processeur lors du traitement des données des personnes concernées fournies par nos clients, qui sont considérés comme étant les contrôleurs. »
Article 14 :
« Ycode s'engage à respecter les exigences légales lors du traitement des Données Personnelles en tant que Responsable du Traitement et met en œuvre les mesures techniques et organisationnelles appropriées pour assurer un niveau de sécurité des Données Personnelles tel que requis par le RGPD et les Lois sur la Protection des Données applicables. »
Quelques définitions:
«
1.1. "Contrôleur" désigne une entité qui détermine les finalités et les moyens du Traitement des Données Personnelles.
1.2. "Client" désigne une personne ou une entité enregistrée auprès de Ycode pour utiliser les Services. (Nb: moi-même)
1.3. « Personne concernée » désigne une personne physique dont Ycode traite les données personnelles. (Nb: vous si vous vous inscrivez à la newsletter vous informant des mises à jour de la liste des outils pour designers)
1.4. "Lois sur la protection des données" désigne toutes les lois et réglementations sur la protection des données et la confidentialité de l'UE, de l'EEE et de leurs États membres, de la Suisse et du Royaume-Uni, applicables au traitement des données personnelles.
1.5. « RGPD » désigne le Règlement (UE) 2016/679 du Parlement européen et du Conseil du 27 avril 2016 relatif à la protection des personnes physiques à l'égard du traitement des données à caractère personnel et à la libre circulation de ces données et abrogeant la directive 95/ 46/CE (Règlement général sur la protection des données).
1.6. « Données personnelles » désigne toute information relative à une personne physique identifiée ou identifiable.
1.8. « Processeur » désigne une personne physique ou morale, une autorité publique, une agence ou tout autre organisme qui traite des données personnelles pour le compte du contrôleur.
»
Je ne fourni vos prénom, nom et adresse mail à aucun tiers et ne les conserve que pour pouvoir vous envoyer la newsletter si vous êtes inscrit.
Vous pouvez vous désinscrire à tout moment, auquel cas vos nom, prénom, et adresse mail seront retirés de la mailing list.