LUMEN - Project de fin d'études

Recherche sur les identités visuelles flexibles — Projet de fin d'études DNMADe

Résumé du mémoire

En lien avec mon mémoire de recherche, j'ai exploré une question centrale : comment créer une identité visuelle qui ne soit pas figée, mais qui reste cohérente ?

Les templates (Canva, WordPress, Notion) ont uniformisé le design. Cette standardisation pose un problème : comment se distinguer quand tout le monde utilise les mêmes outils ?

Ma recherche explore l'inverse : des systèmes qui génèrent de la diversité tout en maintenant une cohérence visuelle.

Première exploration — Ce qui n'a pas fonctionné

J'ai d'abord exploré une approche purement générative avec p5.js : des formes abstraites, des textures aléatoires, des compositions automatiques.

Code p5.js - Gradual Descending Texture
Texture générée - city
Rendu texture générative

Le résultat était intéressant visuellement, mais inapplicable à une vraie identité. Trop abstrait, pas assez ancré. Cette exploration m'a fait comprendre que le problème n'était pas technique — il était méthodologique.

Le pivot — De génératif à flexible

J'ai reformulé ma question : plutôt que "comment générer des formes ?", je me suis demandé "comment créer un système qui s'adapte tout en restant reconnaissable ?". Trois verbes ont émergé pour structurer ma recherche.

Trois axes théoriques

ADAPTER

Comment une identité vit-elle sur un timbre ET sur une façade ?

Le même logo doit fonctionner sur un écran de téléphone et sur un panneau de 4 mètres.

Josef Albers avec Kombinationsschrift 3 a démontré qu'avec 3 formes simples, on peut construire 27 caractères. L'économie de moyens au service de la richesse des possibles.

Josef Albers - Kombinationsschrift

MODULER

Comment créer l'infini à partir de quelques formes ?

Créer un système modulaire qui génère des variations infinies à partir d'éléments simples.

Karl Gerstner a introduit le concept de « Programme » : au lieu de concevoir des solutions fixes, il concevait des systèmes qui génèrent des solutions. « Au lieu de solutions pour des tâches, des programmes pour des solutions. »

Le MIT Media Lab applique ce principe : leur identité est un algorithme qui génère un logo unique pour chaque membre. L'identité s'adapte au contexte sans perdre sa reconnaissance.

EXTRAIRE

Comment trouver le système caché dans une image ?

Partir d'un élément existant pour extrapoler tout un système cohérent.

Le Corbusier a extrait le Modulor des proportions du corps humain. Le pochoir montre comment extraire un système graphique d'une forme existante.

Le Modulor - détail
Le Corbusier - Le Modulor
Plaque de pochoir appliqué

Projet LUMEN — Contexte

Pour tester ma méthodologie, j'ai créé LUMEN : une exposition fictive de photographie au Jeu de Paume, Paris.

Public

Le Jeu de Paume est un musée dédié à la photographie et aux images. Le public est amateur d'art et de photographie.

Besoins

Une identité visuelle flexible capable de s'adapter à différents photographes, différents formats, différents supports — tout en restant cohérente.

Mes recherches — Axe ADAPTER

J'ai choisi de développer l'axe ADAPTER pour le projet LUMEN.

Le composant graphique

La base de ma méthode : définir un composant graphique simple qui peut être répété, étendu et adapté à différents contextes.

Module assemblé - recherche ADAPTER

Flexibilité — Répétition et extension

Cette réflexion vient directement du « Programme » de Karl Gerstner. Son identité pour Holzäpfel montre comment un même composant peut générer des variations infinies par répétition et extension.

Principe de répétitionMéthode de répétition avec images ou texte
Grilles modulaires - variations
Karl G. - Holzäpfel

Application à LUMEN

Le composant graphique LUMEN

J'applique cette méthode de « Programme » à LUMEN avec un composant graphique qui génère l'identité visuelle.

LUMEN - variation 1LUMEN - variation 2

Mes recherches — Axe MODULER

Un quart de cercle, quatre rotations possibles, une grille. Une seule forme génère des compositions infinies.

Sketch p5.js MODULER
Système modulaire - quart de cercle vers grille

J'applique des règles à une forme de base pour obtenir d'autres résultats

Déclinaisons LUMEN

Mes recherches — Axe EXTRAIRE

Transformer une photographie en motif graphique par un système de lignes.

Typographie extraite de grille
VLC - référence visuelle
Leica avec grille
Le Radeau de la Méduse - analyse géométrique

Expérimentations Processing

J'ai développé une trentaine de sketches en Processing pour tester ces principes. Le code devient un outil de pensée : je définis des règles, et le programme génère les formes.

Code Processing
Résultat - rasterization

Voici une sélection des outils développés :

Grille modulaire

Un clic génère une nouvelle composition. La même forme, tournée aléatoirement, crée des variations infinies.

Vagues

Chaque cellule ondule selon des fonctions trigonométriques. Le temps devient une variable du système.

Rasterization

Différentes techniques transforment une image source en motif graphique : grain, scan, cercles.

Du code à la matière — FabLab

Un système flexible fonctionne-t-il seulement sur écran ? J'ai voulu le tester physiquement.

Module en bois

La version physique de mon sketch Processing : des quarts de cercles en bois qu'on peut assembler et tourner pour créer des compositions.

Pièces découpées
Pièces découpées
Module assemblé
Module assemblé
Module assemblé

Plotter

Le plotter dessine ligne par ligne. Le résultat a une qualité tactile que l'impression n'a pas.

Résultat plotter
Résultat plotter

Application — LUMEN

Pour tester ma méthodologie, j'ai créé LUMEN : une exposition fictive de photographie au Jeu de Paume, Paris. L'effet de scan — des lignes verticales qui révèlent l'image — devient le fil conducteur de toute l'identité.

Typographie modulaire

Typographie modulaire LUMEN

Cartels d'exposition

Cartel exposition - Apollo
Cartel exposition - détail

Signalétique

Logo Jeu de Paume avec effet scan

Affiches

Affiche - Cartier Bresson
Affiche - autre photographe

Processing — Effet scan

Code Processing - rasterization
Résultat Processing
Effet scan - lignes verticales
Effet scan - résultat

Affiche finale

Affiche LUMEN finale

Mockups

Mockup métro parisien
Mockup place publique
Mockup métro Chemin Vert

Édition

Livret exposition
Déclinaisons affiches
Affiche liste photographes

Entrée du musée

Logo PRÉSENCE
Banderoles entrée Jeu de Paume

Ce que j'ai appris

La flexibilité n'est pas l'opposé de la cohérence. Un système se définit par ses règles, pas par des formes figées. Les trois verbes — ADAPTER, MODULER, EXTRAIRE — sont devenus une méthode que je continue d'appliquer.

Ce projet pose une question qui reste ouverte : comment rendre ces systèmes accessibles à tous, sans perdre leur richesse ?

LUMEN - Project de fin d'études

2024

LUMEN - Project de fin d'études

Recherche sur les identités visuelles flexibles — Projet de fin d'études DNMADe

Résumé du mémoire

En lien avec mon mémoire de recherche, j'ai exploré une question centrale : comment créer une identité visuelle qui ne soit pas figée, mais qui reste cohérente ?

Les templates (Canva, WordPress, Notion) ont uniformisé le design. Cette standardisation pose un problème : comment se distinguer quand tout le monde utilise les mêmes outils ?

Ma recherche explore l'inverse : des systèmes qui génèrent de la diversité tout en maintenant une cohérence visuelle.

Première exploration — Ce qui n'a pas fonctionné

J'ai d'abord exploré une approche purement générative avec p5.js : des formes abstraites, des textures aléatoires, des compositions automatiques.

Le résultat était intéressant visuellement, mais inapplicable à une vraie identité. Trop abstrait, pas assez ancré. Cette exploration m'a fait comprendre que le problème n'était pas technique — il était méthodologique.

Le pivot — De génératif à flexible

J'ai reformulé ma question : plutôt que "comment générer des formes ?", je me suis demandé "comment créer un système qui s'adapte tout en restant reconnaissable ?". Trois verbes ont émergé pour structurer ma recherche.

ADAPTER

Comment une identité vit-elle sur un timbre ET sur une façade ?

Le même logo doit fonctionner sur un écran de téléphone et sur un panneau de 4 mètres.

Josef Albers avec Kombinationsschrift 3 a démontré qu'avec 3 formes simples, on peut construire 27 caractères. L'économie de moyens au service de la richesse des possibles.

MODULER

Comment créer l'infini à partir de quelques formes ?

Créer un système modulaire qui génère des variations infinies à partir d'éléments simples.

Karl Gerstner a introduit le concept de « Programme » : au lieu de concevoir des solutions fixes, il concevait des systèmes qui génèrent des solutions. « Au lieu de solutions pour des tâches, des programmes pour des solutions. »

Le MIT Media Lab applique ce principe : leur identité est un algorithme qui génère un logo unique pour chaque membre. L'identité s'adapte au contexte sans perdre sa reconnaissance.

EXTRAIRE

Comment trouver le système caché dans une image ?

Partir d'un élément existant pour extrapoler tout un système cohérent.

Le Corbusier a extrait le Modulor des proportions du corps humain. Le pochoir montre comment extraire un système graphique d'une forme existante.

Projet LUMEN — Contexte

Pour tester ma méthodologie, j'ai créé LUMEN : une exposition fictive de photographie au Jeu de Paume, Paris.

Public

Le Jeu de Paume est un musée dédié à la photographie et aux images. Le public est amateur d'art et de photographie.

Besoins

Une identité visuelle flexible capable de s'adapter à différents photographes, différents formats, différents supports — tout en restant cohérente.

Mes recherches — Axe ADAPTER

J'ai choisi de développer l'axe ADAPTER pour le projet LUMEN.

Le composant graphique

La base de ma méthode : définir un composant graphique simple qui peut être répété, étendu et adapté à différents contextes.

Flexibilité — Répétition et extension

Cette réflexion vient directement du « Programme » de Karl Gerstner. Son identité pour Holzäpfel montre comment un même composant peut générer des variations infinies par répétition et extension.

Mes recherches — Axe MODULER

Un quart de cercle, quatre rotations possibles, une grille. Une seule forme génère des compositions infinies.

Mes recherches — Axe EXTRAIRE

Transformer une photographie en motif graphique par un système de lignes.

Expérimentations Processing

J'ai développé une trentaine de sketches en Processing pour tester ces principes. Le code devient un outil de pensée : je définis des règles, et le programme génère les formes.

Voici une sélection des outils développés :

Grille modulaire

Un clic génère une nouvelle composition. La même forme, tournée aléatoirement, crée des variations infinies.

Vagues

Chaque cellule ondule selon des fonctions trigonométriques. Le temps devient une variable du système.

Rasterization

Différentes techniques transforment une image source en motif graphique : grain, scan, cercles.

Du code à la matière — FabLab

Un système flexible fonctionne-t-il seulement sur écran ? J'ai voulu le tester physiquement.

Module en bois

La version physique de mon sketch Processing : des quarts de cercles en bois qu'on peut assembler et tourner pour créer des compositions.

Plotter

Le plotter dessine ligne par ligne. Le résultat a une qualité tactile que l'impression n'a pas.

Application — LUMEN

Pour tester ma méthodologie, j'ai créé LUMEN : une exposition fictive de photographie au Jeu de Paume, Paris. L'effet de scan — des lignes verticales qui révèlent l'image — devient le fil conducteur de toute l'identité.

Ce que j'ai appris

La flexibilité n'est pas l'opposé de la cohérence. Un système se définit par ses règles, pas par des formes figées. Les trois verbes — ADAPTER, MODULER, EXTRAIRE — sont devenus une méthode que je continue d'appliquer.

Ce projet pose une question qui reste ouverte : comment rendre ces systèmes accessibles à tous, sans perdre leur richesse ?

Outils

Processingp5.jsAfter EffectsCinema 4DIllustratorInDesignFabLab
Scrollez pour découvrir le projet suivant
Continuez pour découvrir le projet suivant

Command Palette

Search for a command to run...