OUTILS typo Couleur Icônes Web Data Photo/video 3D Illustration Papier Culture visuelle Divers
main tenant un outil

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.
MENU
Une liste non exhaustive de sites, livres, outils, pouvant se montrer utiles si vous travaillez dans le monde de la création visuelle.
↓
accéder à myriambance.com
S'inscrire pour recevoir les mises à jour de la liste
ACCUEIL typo Couleur Icônes Web Data Photo/video 3D Illustration Papier CULTURE VISUELLE Divers
ACCUEIL
typo Couleur Icônes Web Data Photo/video 3D Illustration Papier CULTURE Divers
Typographie Couleur Icônes Web Datavisualisation Photo/video 3D Illustration Papier Culture visuelle Divers
ACCUEIL
typo Couleur Icônes Web Data Photo/video
3D Illustration Papier CULTURE VISUELLE Divers
Typographie Couleur Icônes Web Datavisualisation Photo/video 3D Illustration Papier Culture visuelle Divers

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.
typographie Couleur Icônes Web Data Photo/vidéo 3D Illustration Papier Culture visuelle Divers
FERMER LE MENU

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.
MENU
typographie Couleur Icônes Web Data Photo/vidéo 3D Illustration Papier Culture visuelle Divers
Poinçons typographiques

©Photo de Hannes Wolf sur Unsplash

Typographie

Obtenir des typos

  • Adobe Fonts (inclus dans l’abonnement à Adobe Creative Cloud)

  • Awwwards

  • Fontshop

  • Fontsquirrel

  • Google Fonts

  • MyFonts

  • Velvetyne

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

  • Aisfor blog

  • Ellen Lupton

  • Sacrés caractères

  • The league of moveable type

  • Typomanie

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

Palette de couleurs

©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)

    • Pour Android

    • Pour Iphone

  • 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

Accessible-colors.com

  • Outil pour mac permettant de simuler différents types de daltonisme

Simulation daltonisme

Ensemble d'icônes

©Photo de Harpal Singh sur Unsplash

Icônes

Banques générales

  • Flaticon

  • Fontawesome

  • Freeicons

  • Iconfinder

  • Lordicon

Banques spécifiques

  • 3dicons

  • Andwalsh designer emojis

  • Google icons

  • Ionic

  • Iconic

  • Icons by Craftwork Design

  • Tablericons

  • Tilda free icons

Lignes de code

©Photo de Ilya Pavlov sur Unsplash

Web

Meilleures pratiques

  • Awwwards

  • Brutalist websites

  • Csswinner

  • Httpster

  • Onepagelove

  • Stephaniewalter

  • Thefwa

Outils

  • Codepen, pour créer, tester et découvrir le front-end

  • Css-tricks, une bible du css

  • Figma, plateforme collaborative de webdesign

  • Référentiel général d'amélioration de l'accessibilité

  • 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

Graphique en camembert

©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

  • Datavizproject

  • Information is beautiful

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)

Appareil photo

©Photo sur Freepik

Photo / video

Banque d’images

  • Pexels

  • Pixabay

  • Unsplash

Mockups

  • Mockups design

  • Smartymockups

  • Unblast

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

Construction abstraite

©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)

Main qui dessine

©Photo sur Freepik

Illustration

Textures, Photoshop actions, etc

  • Les brosses de Kyle

  • Spoongraphics brosses

  • Spoongraphics divers

  • Fbrushes

  • Textures.com

Poses

  • Manikin.app

  • Posemaniacs

Feuilles de papier

©Photo sur Freepik

Papier

  • Arcticpaper

  • Fedrigoni

  • Gfsmith

  • Gmund

Gros livre

©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

  • Behance

  • Centre national du graphisme

  • Chipkidd

  • Coverjunkie

  • David Shrigley

  • Design observer

  • Designspiration

  • Dia

  • Dribbble

  • Étapes

  • Eye magazine

  • Fanette Mellier

  • Helmo

  • Its nice that

  • Jaijaijai

  • Jetset

  • Mmparis

  • Muz.li

  • Neubauberlin

  • Paula Troxler

  • Pentagram

  • Sagmeister

  • Studio Kiosk

  • Vincent Perrottet

  • Wagenbreth

Ensemble d'outils

©Photo de peoplecreations sur Freepik

Divers

Sites proposant divers types de ressources, à divers tarifs

  • All the freestock

  • Buttsss

  • Freebiesbug

  • Freedesignresources

  • Freepik

  • Gumroad

  • Mrmockup

  • Rawpixel

  • The noun project

  • Uistore

  • Unblast

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

typographie Couleur Icônes Web Data Photo/vidéo 3D Illustration Papier Culture visuelle Divers

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.

accéder à myriambance.com

Mentions légales

En vertu de l'article 6 de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique, il est précisé aux utilisateurs du présent site l'identité des différents intervenants dans le cadre de sa réalisation et de son suivi.

CONTACT

contact@myriambance.com

NUMÉRO SIRET

87894815700010

CODE APE

7410Z

N° DE TVA INTRACOMMUNAUTAIRE

FR72878948157

PROPRIÉTAIRE

Myriam Bance , EI – Micro entreprise

3 bis rue Prat Ar C’hi 29570 CAMARET-SUR-MER

CRÉATEUR

Myriam Bance, site crée sur la plateforme Ycode

RESPONSABLE COMMUNICATION

Myriam Bance

WEBMASTER

Myriam Bance

HÉBERGEUR

Google Cloud

Dans l'Espace économique européen (EEE) et en Suisse, les services Google

sont fournis par la société Google Ireland Limited, société de droit irlandais immatriculée en Irlande
Numéro d'immatriculation : 368047

Numéro de TVA : IE6388047V
Adresse de Google Ireland:
Gordon House, Barrow Street
Dublin 4
Irlande

PROPRIÉTÉ INTELLECTUELLE
Concernant ce site et l'ensemble des éléments qui y figurent, il est rappelé qu’ils sont protégés :
«Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l’auteur ou de ses ayants droit est illicite, et punie selon les lois relatives au délit de contrefaçon. Il en est de même pour la traduction, l’adaptation ou la transformation, l’arrangement ou la reproduction par un art ou un procédé quelconque.»
(Art. L. 122-4 du CPI)

—

RÉDACTION ET CONCEPTION GRAPHIQUE
Myriam Bance
© 2022, Myriam Bance

CONDITIONS GÉNÉRALES D'UTILISATION

Ce site met tout en œuvre pour assurer un accès de qualité à son contenu et ses services. L’obligation étant de moyens, ce site ne s’engage pas à atteindre ce résultat.

L’accès au site, en partie ou dans son ensemble, peut à tout moment faire l’objet d’une interruption, d’une suspension, ou d’une modification sans préavis pour une maintenance ou pour tout autre raison. Aucun dysfonctionnement du réseau, du serveur, problème de n’importe quelle nature sur votre ordi, tablette, ou téléphone, n’engage la responsabilité de ce site.

Ce site n’est pas responsable des pages web où mènent les liens sortants, à l’exception du lien vers le site web myriambance.com. 

Les sources des informations diffusées sur ce site sont réputées fiables, cependant ce site se réserve la faculté d’une non-garantie de la fiabilité des sources.

Les conditions générales d’utilisation de ce site sont régies par le droit français.

Mentions légales

newsletter
myriambance.com
insta
mentions légales