Élise Gay and Kévin Donnot are associates
in a graphic design studio specialized in editorial
projects, on printed and/or digital media.
They approach the diversity of media in a permeable
way by challenging the transition from one medium
to another. The practice of computer programming
allows them to handle projects in their globality
and to integrate (if appropriate) algorithmic,
generative, iterative or procedural processes
to graphic design.
Back Office is a research journal investigating
the relationship between graphic design
and digital practices that they cofounded
with Anthony Masure. Kévin Donnot is also
Professor of Graphic and Interactive Design
at EESAB — Rennes (France).
Élise Gay et Kévin Donnot sont associés au sein
d’un atelier de design graphique spécialisé
dans les projets éditoriaux, imprimés et/ou
numériques. Ils envisagent la diversité
des supports de façon perméable en questionnant
le passage d’un média à l’autre. Leur pratique
de la programmation leur permet de prendre
en charge des projets dans leur globalité
tout en intégrant, au besoin, des processus
algorithmiques à la conception graphique.
Back Office est une revue de recherche
interrogeant les relations entre design
graphique et pratiques numériques qu’ils ont
cofondé avec Anthony Masure. Kévin Donnot
est par ailleurs professeur de design graphique
à l’EESAB — Rennes.
NEURONES,
LES INTELLIGENCES
SIMULÉES
—
CENTRE
POMPIDOU
Catalogue de l’exposition «Neurones, les intelligences simulées» présentée au Centre Pompidou dans le cadre du cycle d’expositions Mutations/Créations. La conception de ce livre intègre un système d’annotation et de composition textuelle utilisant des algorithmes d’analyse sémantique et de machine learning appliqué à la synthèse d’écriture manuscrite.
Exhibition catalog of “Neurones, les intelligences simulées” presented at the Centre Pompidou as part of the Mutations/Créations cycle. The design of this book features a text annotation and composition system using semantic analysis and machine learning algorithms applied to handwriting synthesis.
REDIVIVA
—
FRAC BRETAGNE
Livre conçu avec Yann Sérandour dans le cadre du projet de recherche Raymond Hains (université Rennes 2, Frac Bretagne, ÉESAB – site de Rennes). L’ouvrage est une réédition augmentée d’un exemplaire annoté par Raymond Hains de Délires et rêves dans la « Gradiva » de Jensen par Sigmund Freud. Cette nouvelle publication agit comme un « livre dans le livre » dont les annotations manuscrites originales sont retranscrites typographiquement et placées en marge.
Book designed with Yann Sérandour as part of the Raymond Hains research project (Université Rennes 2, Frac Bretagne, ÉESAB Rennes). The book is an augmented reprint of an annotated copy by Raymond Hains of Delusions and Dreams in Jensen’s “Gradiva” by Sigmund Freud. This new publication acts as a “book within a book” whose original handwritten annotations are typeset and placed in the margins.
DESIGN
ET MERVEILLEUX
—
MAMC+
SAINT-ÉTIENNE
Catalogue de l’exposition «Design et merveilleux : de la nature de l’ornement» présentée au Musée d’art moderne et contemporain de Saint-Étienne. La fabrication fait écho au rythme de l’ouvrage : à chaque type de contenu (essais, pièces présentées, vues d’exposition) correspond une association papier/impression spécifique (noir sur brun, argent sur noir, quadrichomie sur blanc brillant). La couverture joue avec le motif ornemental produit par l’alternance des matériaux visibles sur la tranche.
Exhibition catalogue for “Design and wonder: from the nature of ornament” shown at the Museum of Modern and Contemporary Art in Saint-Etienne. The fabrication echoes the rhythm of the book: to each type of content (essays, works, exhibition views) matches a specific paper/print pairing (black on brown, silver on black, four-colour process on glossy white). The cover plays with the ornamental pattern resulting from the alternating materials visible on the edge.
EILEEN GRAY,
UNE COLLECTION
MODERNISTE
—
GALERIE
GILLES PEYROULET
Ouvrage présentant la collection de mobilier moderniste d’Eileen Gray appartenant à la Galerie Gilles Peyroulet (Paris). L’ensemble des images sont reproduites en cinq couleurs (CMJN + argent) en référence aux matériaux utilisés par Gray.
A book featuring the Eileen Gray modernist furniture collection of Galerie Gilles Peyroulet (Paris). All photographs are reproduced with a five color separation (CMYK + silver) in reference to the metallic nature of the works.
BACK OFFICE #3
—
«ÉCRIRE L’ÉCRAN»
Back Office est une revue annuelle, multisupport et bilingue, qui interroge les relations qu’entretiennent design graphique et pratiques numériques. Le troisième numéro, intitulé «Écrire l’écran», sorti en septembre 2019, revient sur des expériences de lectures et d’écriture à l’écran.
Back Office is an annual, multi-platform, bilingual journal that examines the relationship between graphic design and digital practices. The third issue, entitled “Writing the Screen”, released in September 2019, looks back at the experiences of screen reading and writing.
LA FABRIQUE
DU VIVANT
—
CENTRE
POMPIDOU
Catalogue de l’exposition «La fabrique du vivant» présentée au Centre Pompidou dans le cadre du cycle d’expositions Mutations/Créations. En parallèle du contenu textuel et iconographique, cette édition présente le résultat d’une expérimentation numérique qui mobilise un ensemble d’algorithmes multiagents (SMA) visant à simuler le comportement d’entités autonomes dans un environnement donné.
Exhibition catalogue of “La fabrique du vivant” presented at the Centre Pompidou as part of the Mutations/Créations cycle. In parallel with the textual and iconographic content, this publication features the result of a digital experiment involving a set of multi-agent algorithms (SMA) designed to simulate the behavior of autonomous entities in a given environment.
26 × BAUHAUS
—
INSTITUT
FRANÇAIS
DE BERLIN
Affiches et journal d’exposition réalisés à l’occasion de «26×Bauhaus», une exposition itinérante organisée par l’Institut français d’Allemagne dans le cadre du centenaire du Bauhaus. Cette édition rassemble vingt-six mots-clefs permettant de comprendre le Bauhaus non pas comme un style, mais comme une pédagogie et un héritage.
Posters and exhibition journal produced for “26×Bauhaus”, a travelling show organized by the French Institute of Germany for the Bauhaus 100th anniversary. This series brings together twenty-six keywords to understand Bauhaus not as a style, but as a pedagogy and a cultural heritage.
BACK OFFICE #2
—
«PENSER, CLASSER
REPRÉSENTER»
Back Office est une revue annuelle, multisupport et bilingue, qui interroge les relations qu’entretiennent design graphique et pratiques numériques. Le deuxième numéro, intitulé «Penser, classer, représenter», sorti en avril 2018, aborde les notions d’indexation, de tri et de représentation des données numériques.
Back Office is an annual, multi-platform, bilingual journal that examines the relationship between graphic design and digital practices. The second issue, entitled “Thinking, classifying, representing”, released in April 2018, addresses the notions of indexation, sorting and representation of digital data.
CODER
LE MONDE
—
CENTRE
POMPIDOU
Catalogue de l’exposition «Coder le monde» présentée au Centre Pompidou dans le cadre du cycle d’expositions Mutations /Créations. La mise en forme et la production de ce livre ont été intégralement réalisées avec des langages de programmation libres issus du Web. Il utilise le code informatique tant comme outil d’encodage du contenu (données) que comme support des instructions générant la mise en page (programmes).
Exhibition catalogue of “Coding the World” shown at the Centre Pompidou as part of the Mutations/Créations cycle. The design and production of the book was entirely realized with open Web-based programming languages. It employs computer code both as an encoding tool for the content (data) and as a medium for the instructions that generate the layout (programs).
LE POINT
DU JOUR
Site Web conçu pour le Point du jour, centre d’art à Cherbourg-Octeville. L’interface joue avec l’image d’une double page et présente deux espaces synchronisés en référence aux deux activités de l’institution : centre d’art photographique et éditeur.
Website designed for Le Point du jour, an art center in Cherbourg-Octeville. The interface plays with the look of a double page and displays two synchronized spaces in reference to the institution’s twin activities: photographic art centre and publisher.
RAPPORT
D’ACTIVITÉ
2016
—
CNAP
Le principe de visualisation de données utilisé dans cette publication découle d’un parti pris unique développé sur l’ensemble du document: de la forme typographique des chiffres résulte la forme graphique qui en représente la valeur. Autour de chaque nombre, se déploie ainsi une ligne concentrique dont le rayon est strictement proportionnel à la valeur figurée: plus cette valeur est élevée, plus la ligne est espacée de sa mention initiale.
The principle of data visualization used in this publication derives from a unique approach developed across the entire document: from the typographic form of the figures comes the graphical shape that represents their value. Each number is surrounded by a concentric line whose radius is strictly proportional to the value depicted: the higher the value, the further away the line is from its initial position.
CENTRE D’ART
LA CHAPELLE
JEANNE D’ARC
Site Web du centre d’art la Chapelle Jeanne d’Arc à Thouars, présentant les activités dans les murs et hors les murs de l’institution. Chaque page est constituée d’un plan 2D que le lecteur peut explorer librement afin d’en découvrir le contenu. Une application interne, fonctionnant sur le même principe graphique, permet aux médiateurs du centre de concevoir leurs interventions auprès des enfants, à partir du contenu du site Web.
Website of La Chapelle Jeanne d’Arc art centre in Thouars, presenting the inner and outer activities of the institution. Each page consists of a 2D plane that readers can explore freely to discover the content. An in-house application, working on the same design principle, allows mediators of the centre to create their actions based on the site content.
IMPRIMER
LE MONDE
—
CENTRE
POMPIDOU
Catalogue de l’exposition «Imprimer le monde» présentée au centre Pompidou dans le cadre du cycle d’expositions Mutations/Créations. L’ensemble des lettres de l’ouvrage sont dessinées grâce au mouvement d’un outil virtuel suivant un tracé préétabli. Les propriétés de cet outil (angle, rondeur, épaisseur) sont programmées pour évoluer à chaque page, renouvelant ainsi constamment la forme des caractères.
Exhibition catalogue of “La fabrique du vivant” presented at the Centre Pompidou as part of the Mutations/Créations cycle. Every letter of the book is drawn by the movement of a virtual tool following a predetermined path. The properties of this tool (angle, roundness, thickness) are programmed to evolve at every page, thus constantly renewing the letterforms.
FESTIVAL
PHARENHEIT
—
CCN
LE PHARE
Site Web conçu pour le festival de danse Pharenheit organisé par Le Phare, Centre Chorégraphique National du Havre Haute-Normandie. En fond, des halos de lumière dansent en fonction des mouvements du curseur et révèlent les images des spectacles.
Website designed for the Pharenheit dance festival organized by Le Phare, National Choreographic Centre of Le Havre Haute-Normandie. In the background, halos of light are dancing according to the movements of the cursor and reveal images of the shows.
ANNE-MARIE
SCHNEIDER
—
MUSEO
REINA SOFÍA
Ouvrage monographique accompagnant la rétrospective de l’artiste Anne-Marie Schneider au Museo Nacional Centro de Arte Reina Sofía à Madrid. Publication présentant un montage de 310 œuvres et 4 films, suivis d’un texte de Jean-François Chevrier.
Monographic publication supporting the retrospective of artist Anne-Marie Schneider at the Museo Nacional Centro de Arte Reina Sofía in Madrid. The book presents a montage of 310 works and 4 films, accompanied by a text by Jean-François Chevrier.
BACK OFFICE #1
—
«FAIRE AVEC»
Back Office est une revue annuelle, multisupport et bilingue, qui interroge les relations qu’entretiennent design graphique et pratiques numériques. Le premier numéro, intitulé «Faire avec», sorti en février 2017, interroge les multiples façons de «faire», contre ou «avec» le numérique, en abordant les notions d’outil, d’instrument et d’appareil dans le contexte du design graphique.
Back Office is an annual, multi-platform, bilingual journal that examines the relationship between graphic design and digital practices. The first issue, titled “Making Do, Making With”, released in February 2017, investigates the multiple ways of “making”, against or with the digital medium, addressing the notions of tool, instrument and apparatus in the context of graphic design.
EILEEN GRAY,
UNE ARCHITECTURE
DE L’INTIME
—
CAP MODERNE
Catalogue de l’exposition «Eileen Gray, une architecture de l’intime» présentée Cap moderne (Roquebrune – Cap-Martin). Basée sur certains principes de construction défendus par le moderniste Jan Tschichold dans les années 1930, la mise en pages de ce livre joue avec une grille unique, volontairement sensible. Au fil des pages, les accroches du texte varient et les compositions se renouvellent, révélant le tracé sous-jacent en évoquant, sans les imiter, les processus de création chers à Eileen Gray.
Catalogue of the exhibition “Eileen Gray, Intimate Architecture” presented by Cap moderne (Roquebrune - Cap-Martin). Based on certain construction principles defended by modernist Jan Tschichold in the 1930s, the layout of this book plays with a unique grid, deliberately perceptible. Over the pages, textual hooks vary and the compositions are renewed, revealing the underlying layout by evoking, without imitating them, the creative processes beloved by Eileen Gray.
DESIGN
EX MACHINA!
Série de quatre affiches conçues à l’occasion de l’exposition «Design ex machina !» présentée à la galerie Michel Journiac de l’Université Paris 1 Panthéon-Sorbonne. Chacune des affiches est tracée à l’aide d’un robot déplaçant mécaniquement un feutre sur le format. Le projet est décliné suivant quatre versions présentant divers agencements optimisés par des algorithmes d’imbrication habituellement utilisés pour les machines à commande numérique.
Series of four posters created for the exhibition “Design ex machina!” presented at the Galerie Michel Journiac of Paris 1 Panthéon-Sorbonne University. Each poster is plotted by a robot that mechanically moves a felt pen over the format. The design is declined over four variations featuring various optimized layouts using nesting algorithms generally used for CNC machines.
3 ARCHITECTES,
2 URBANISTES,
24 PROJETS
—
3A2U
Ouvrage rassemblant des photographies présentant une sélection de bâtiments construits par l’agence 3a2u. L’ensemble des images est traité avec une séparation trichrome, dont les teintes rappellent les matériaux des architectures: bronze pour le bois, la pierre et la terre, noir pour le béton et l’acier, vert pour la végétation.
Book presenting the photographs of a series of buildings constructed by 3a2u. The whole set of images is processed with a trichromatic separation, whose shades are reminiscent of architectural materials: bronze for wood, stone and earth, black for concrete and steel, green for vegetation.
SUPERNATURAL
«Supernatural» est une exposition-édition du photographe George Dupin, conçue dans le cadre du Musée éclaté de la presqu’île de Caen. Aux deux lumières utilisées lors de la prise de vue (ultra-violette et tungstène) correspondent deux encres d’impression spécifiques (bleu électrique et jaune fluorescent). La seconde partie rend visible la construction mentale et matérielle du projet par la juxtaposition et l’enchaînement de documents issus du processus de travail.
Supernatural is an exhibition-publication by photographer George Dupin, designed as a part of the Musée éclaté de la Presqu’île de Caen. The two different lighting used during the shooting (ultra-violet and tungsten) are matched by two distinctive printing inks (electric blue and fluorescent yellow). The second half of the book reveals the mental and practical construction of the project through the juxtaposition and sequencing of documents resulting from the work process.
COLLECTION
LIBRE COURS
—
PRESSES
UNIVERSITAIRES
DE VINCENNES
Conception d’un système graphique pour les couvertures et la maquette intérieure des livres de la collection Libre cours des Presses Universitaires de Vincennes.
Design of a graphic system for the covers and the inner layout of the books featured in the Libre cours collection (Presses Universitaires de Vincennes.)
GUIDES
DES ÉTUDES
—
UNIVERSITÉ
PARIS 8
Série de guides de l’étudiant (licence, master et doctorat) présentant les différents cours et cursus du département Arts plastiques, UFR Arts, de l’université Paris 8.
Series of student handbooks (bachelor, master and doctorate) presenting the various courses and programs offered by the Department of Fine Arts of the Paris 8 University.