Volumes

Volumes est une exposition consacrée au design graphique et aux livres, présentée au Bel Ordinaire en 2018, puis à la Bibliothèque universitaire du Havre en 2019 dans le cadre de la 11e édition d’Une saison graphique. 1

Ce projet se distingue par l’intégration du code, notamment des scripts Python, dans la conception de l’identité visuelle mais aussi de la scénographie de l’exposition. L’ensemble de ces scripts ont permis de générer les supports graphiques et de calculer les besoins des modules scénographiques. Ils sont mis à disposition sur GitHub 2

Au cœur du dispositif, un document partagé, un fichier CSV recensant initialement 585 livres issus de 43 éditeurs (puis 521 pour l’édition havraise) a permis de centraliser des données précises : éditeur, titre, auteur, designer, collection, dimensions, prix, URL et image de couverture. 3 Ces données ont servi à concevoir l’accrochage à l’échelle réelle, à générer des cartels imprimés aux dimensions exactes des ouvrages, et à optimiser les choix matériels (épaisseur des supports bois, réduction des découpes).

Pour l’exposition au Havre, ces informations ont également alimenté la création d’une affiche-programme conçue collectivement par des membres de la Maison des éditions et imprimée en sérigraphie par Lézard graphique. Un script Python a généré un fichier SVG composé de rectangles dimensionnés selon l’épaisseur des livres et colorés d’après la dominante de leur couverture. Optimisé grâce au script SVGNest, le visuel final traduit la profondeur des ouvrages dans une perspective isométrique obtenue par superposition et décalage des formes. 4

Le projet s’inscrit dans une démarche expérimentale valorisant des outils libres et des approches de production alternatives, notamment via des technologies web promues par l’initiative PrePostPrint 5. Cette logique s’étend à la production d’un catalogue « fantasmatique et polychromatique », généré depuis le site de l’exposition grâce à Paged.js 6

Volumes articule exposition, identité visuelle et programmation informatique dans un même processus de conception, où les données des ouvrages deviennent la matière première d’une scénographie et d’objets imprimés générés par le code. 7

Collecting data
Transforming data
Layout
Exporting
Printing
Actors

Exhibition participants

Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah and Julien Bidoret)

Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah et Julien Bidoret)

Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah et Julien Bidoret)

Lézard Graphique

Tools

CSV

Python

SVGNest
Inkscape

Illustrator

Screenprinting

Tasks

List the 521 exhibited books in a shared CSV file (publisher, title, author, designer, collection, as well as height, width, depth, price, URL, and cover photo).

Python script for generating an SVG file of rectangles correctly sized and colored according to the dominant color of the cover.

The SVG was then optimized using the SVGNest script, allowing the rectangles to be condensed within the poster space.
Poster layout in Inkscape

SVG was then processed in Illustrator
Export and color preparation
Fluorescent color mixing(done by Benjamin Lahitte with Lézard Graphique)

Poster screenprinting

Outputs

CSV File

A series of poster designs
One selected poster

SVG Poster

PDF ready to print

Printed poster

Issues

Forced to use proprietary software for colorization, habits of the graphic designer and printer

Collecting data

Actors

Exhibition participants

Tools

CSV

Tasks

List the 521 exhibited books in a shared CSV file (publisher, title, author, designer, collection, as well as height, width, depth, price, URL, and cover photo).

Outputs

CSV File

Issues

Transforming data

Actors

Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah and Julien Bidoret)

Tools

Python

Tasks

Python script for generating an SVG file of rectangles correctly sized and colored according to the dominant color of the cover.

Outputs

A series of poster designs
One selected poster

Issues

Layout

Actors

Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah et Julien Bidoret)

Tools

SVGNest
Inkscape

Tasks

The SVG was then optimized using the SVGNest script, allowing the rectangles to be condensed within the poster space.
Poster layout in Inkscape

Outputs

SVG Poster

Issues

Exporting

Actors

Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah et Julien Bidoret)

Tools

Illustrator

Tasks

SVG was then processed in Illustrator
Export and color preparation
Fluorescent color mixing(done by Benjamin Lahitte with Lézard Graphique)

Outputs

PDF ready to print

Issues

Forced to use proprietary software for colorization, habits of the graphic designer and printer

Printing

Actors

Lézard Graphique

Tools

Screenprinting

Tasks

Poster screenprinting

Outputs

Printed poster

Issues