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
Toolchain
CSV > Python > SVG > SVG Nest > Illustrator > PDF
Infos
Link
Type
Poster
Designer(s)
Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah and Julien Bidoret
Publisher
Une saison graphique
Printing
Screenprinting: CMYK + Fluo
Pages
1
Size
120 × 175 mm
Technologies
CSV, Python, SVG, SVG Nest
Year
2019
Copies
50
Language
French
Printer
Lézard Graphique
Sitography
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
CSV
Python
SVGNest
Inkscape
Illustrator
Screenprinting
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
CSV File
A series of poster designs
One selected poster
SVG Poster
PDF ready to print
Printed poster
Forced to use proprietary software for colorization, habits of the graphic designer and printer
Collecting data
Exhibition participants
CSV
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).
CSV File
Transforming data
Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah and Julien Bidoret)
Python
Python script for generating an SVG file of rectangles correctly sized and colored according to the dominant color of the cover.
A series of poster designs
One selected poster
Layout
Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah et Julien Bidoret)
SVGNest
Inkscape
The SVG was then optimized using the SVGNest script, allowing the rectangles to be condensed within the poster space.
Poster layout in Inkscape
SVG Poster
Exporting
Graphic designers (Claire Colnot, Benjamin Lahitte, Jean-Marc Saint-Paul, Amish Shah et Julien Bidoret)
Illustrator
SVG was then processed in Illustrator
Export and color preparation
Fluorescent color mixing(done by Benjamin Lahitte with Lézard Graphique)
PDF ready to print
Forced to use proprietary software for colorization, habits of the graphic designer and printer
Printing
Lézard Graphique
Screenprinting
Poster screenprinting
Printed poster