Volumes

Volumes is an exhibition devoted to graphic design and books, presented at Le Bel Ordinaire in 2018, then at the University Library of Le Havre in 2019 as part of the 11th edition of Une saison graphique. 1

This project stands out for its integration of code, notably Python scripts, into the design of the visual identity and the exhibition scenography. These scripts were used to generate the graphic materials and calculate the requirements for the scenographic modules. They are available on GitHub 2.

At the heart of the system, a shared document, a CSV file initially listing 585 books from 43 publishers (then 521 for the Le Havre edition), made it possible to centralize precise data: publisher, title, author, designer, collection, dimensions, price, URL, and cover image. 3 This data was used to design the full-scale display, generate printed labels with the exact dimensions of the books, and optimize material choices (thickness of wooden supports, reduction of cutouts).

For the exhibition in Le Havre, this information was also used to create a program poster designed collectively by members of the Maison des éditions and screen-printed by Lézard graphique. A Python script generated an SVG file composed of rectangles sized according to the thickness of the books and colored according to the dominant color of their covers. Optimized using the SVGNest script, the final visual translates the depth of the books into an isometric perspective obtained by superimposing and shifting the shapes. 4

The project is part of an experimental approach that promotes free tools and alternative production methods, particularly through web technologies promoted by the PrePostPrint initiative 5. This approach extends to the production of a “fantastical and polychromatic” catalog, generated from the exhibition website using Paged.js 6.

Volumes combines exhibition, visual identity, and computer programming in a single design process, where data from the books becomes the raw material for a scenography and printed objects generated by 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