Le carnet d'inspiration — développer son œil

Chapitre 2 du cours 5XUI · Projet Web UI/UX · 2026-2027 · Activité en classe

Le goût n'est pas un don#

On croit souvent que le goût est inné : certains l'ont, d'autres pas. C'est faux. Le goût est une base de données que vous remplissez toute votre vie, et que vous apprenez à trier. Plus elle est riche et variée, plus vos choix sont justes, et plus vite vous reconnaissez le slop quand vous le voyez.

Un designer avec un œil, c'est quelqu'un qui a regardé beaucoup de choses avec attention. Rien de plus, rien de moins. La bonne nouvelle : ça s'entraîne, dès ce matin.

1. Collecter#

Prenez l'habitude de capturer tout ce qui accroche votre œil, sans vous demander si c'est utile :

• Photographiez : une typo de devanture, une affiche déchirée, un packaging, un ticket de caisse, un carrelage, une signalétique, un vieux néon. Votre téléphone est votre premier outil de designer.
• Sauvegardez : une image, une œuvre, un site, une animation que vous croisez sur les réseaux. Ne likez pas, enregistrez. Un like disparaît dans le flux, une sauvegarde reste.
• Capturez des sites : quand une page web vous plaît, faites une capture d'écran complète et notez l'URL. Les sites disparaissent, vos captures restent.

2. Sortir du flux#

Les réseaux sociaux vous montrent ce que tout le monde voit. Si vous ne vous nourrissez que là, vous aurez le goût de tout le monde, c'est-à-dire le goût moyen, celui que l'IA reproduit déjà parfaitement. Pour avoir un œil à vous, il faut aller chercher ailleurs :

• Les boutiques de seconde main et les bouquinistes : vieux livres de graphisme, magazines des années 70 à 2000, pochettes de disques, cartes postales. Pour quelques euros, des décennies de mise en page.
• Le grenier : les vieux magazines de vos parents ou grands-parents. Regardez la typographie, les couleurs, les publicités. C'est une mine.
• Les expos, les musées, les galeries : peinture, photo, architecture, design d'objet, mode. Le webdesign emprunte à tout ça, en retard de quelques années.
• Les bibliothèques : le rayon graphisme, typographie, photographie, architecture. Gratuit.
• La rue : la typographie urbaine, les enseignes, les affiches de concert, les tags, la signalétique.
• Le reste de la culture : cinéma, BD, jeux vidéo, musique, littérature. Un générique de film, une interface de jeu, une couverture de roman : tout est design.

Le web n'est pas la seule source de webdesign. Les tendances web viennent presque toujours d'ailleurs, avec quelques années de retard. Celui qui regarde ailleurs voit les tendances arriver.

3. Trier et nommer#

Un tas d'images n'est pas un carnet d'inspiration. Ce qui construit le goût, c'est le tri et la verbalisation :

• Classez : par ambiance, par couleur, par type (typo, layout, photo, animation, logo), par projet.
• Écrivez pourquoi : sous chaque image, une phrase. « J'aime le contraste entre la serif énorme et le petit texte en monospace. » « Cette palette est chaude mais pas kitsch grâce au gris. » Mettre des mots sur ce qu'on aime, c'est exactement ce qu'on vous demandera dans une charte graphique, et dans un brief à une IA.
• Reproduisez puis détournez : copiez à la main un logo, une mise en page, une palette que vous admirez. Comprenez-la de l'intérieur. Puis faites-en quelque chose à vous.
• Dessinez : croquis, wireframes papier, thumbnails. Même mal. La main pense différemment de la souris.
• Confrontez : montrez vos trouvailles, dites pourquoi, écoutez ce qu'en pensent les autres. De temps en temps, je vous demanderai de présenter une trouvaille à la classe.

4. Construire votre direction artistique#

Après quelques semaines, votre carnet va parler de vous. Des couleurs reviennent, des typos reviennent, une ambiance se dégage. Ce n'est pas un hasard : c'est votre direction artistique qui apparaît. Le portfolio que vous allez concevoir cette année en sera la première application, et la charte graphique de votre TFE la deuxième.

Activité : ouvrez votre carnet ce matin#

Choisissez un outil et créez votre carnet pendant la séance :

Outil	Pour qui	Points forts
Are.na	Les curieux, les chercheurs	Canaux connectés, communauté de designers et d'artistes, zéro algorithme, très respecté dans le milieu
Cosmos	Les visuels	Interface magnifique, extension navigateur, collections, découverte de qualité
Pinterest	Les pragmatiques	Volume immense, tableaux, mais algorithme et beaucoup de slop : triez fort
Savee	Les minimalistes	Grille propre, extension, apprécié des studios
Un dossier + un fichier notes	Les indépendants	Aucun compte, aucune plateforme, vous gardez tout

Ensuite, en 30 minutes :

1. Créez 3 collections minimum : par exemple « Typo », « Couleurs », « Sites », ou par ambiance (« Chaud », « Brut », « Éditorial »).
2. Ajoutez 10 trouvailles dont au moins 3 qui ne viennent pas du web. Fouillez la galerie de votre téléphone : les photos prises ces derniers mois, votre dernière visite d'expo, vos vacances, une devanture, un livre, une affiche. Vous avez déjà un carnet sans le savoir.
3. Écrivez une phrase sous 5 d'entre elles : pourquoi ça vous plaît.
4. Partagez le lien de votre carnet dans le canal Teams du cours.

À partir de maintenant, ce carnet vit. On y reviendra pour le logo, la charte graphique et les maquettes de votre portfolio.

Galeries et sources pour démarrer#

• Sites : Siteinspire, Godly, Awwwards, Minimal Gallery, Dark Mode Design, Brutalist Websites
• Typographie : Fonts In Use, Typewolf, Google Fonts
• Graphisme et culture : It's Nice That, Creative Boom, Eye on Design, Behance
• Livres : Steal Like an Artist (Austin Kleon), Ways of Seeing (John Berger), Design is a Job (Mike Monteiro), Grid Systems (Josef Müller-Brockmann)