Interview de Nicolas Tilly, enseignant en web design et éditions mobiles et chercheur à l’ESAD Orléans

Dans le cadre de sa rubrique « les Portes Ouvertes Numériques », étapes: vous fait découvrir des écoles d’art et de design et les formations qu’elles dispensent. Aujourd’hui, nous vous présentons l’École Supérieure d’Art et de Design d’Orléans et ses formations, en vous proposant une interview de Nicolas Tilly, enseignant en web design et éditions mobiles et chercheur à l’ESAD Orléans.


Nous l’avons déjà fait dans un article de cette rubrique, mais pouvez-vous préciser l’objet du DNSEP Design des média parcours Éditions et du programme de recherche associé ?

Le parcours Éditions permet aux étudiants de s’emparer des mutations de l’édition au regard des enjeux du numérique. Il leur offre la possibilité de se spécialiser dans l’édition numérique et imprimée, en ayant préalablement une formation de designer graphique, d’art, de design d’objet, de web design, de game design… Le parcours est associé au programme de recherche « Édition, média, design : expanded publishing, quand les datas deviennent formes » qui s’oriente sur l’expérimentation de nouvelles formes d’éditions, d’expériences et de fictions interactives offertes par les technologies numériques : réalité augmentée, dispositifs transmedia interactifs et expériences vidéo-ludiques.

À gauche : « Les toboggans », projet de l’étudiante Lucie Bretonneau,
vue de l’exposition « Uncool Memories #2 », 2020.
À droite : « Volutes », projet de l’étudiante Alice de Oliveira Reis,
vue de l’exposition « Uncool Memories #2 », 2020.


Quels enjeux sont liés aux mutations actuelles de l’édition ?

Plus que jamais, l’édition se retrouve aujourd’hui à s’emparer des enjeux du numérique et des média techniques. Il s’agit de penser le travail éditorial en réseau, avec par exemple l’écriture collaborative, ou le Web et les méthodes d’impression qu’il propose aujourd’hui. Ces mutations sont à prendre en compte dans un ensemble, lié également aux usages du numérique avec le smartphone, ses interfaces, sa narration… Un dernier enjeu, à la fois technique et de design, est de concevoir des projets dans un dialogue entre l’imprimé et l’écran, les liens entre ces deux domaines que l’on connaît tous et propices pour imaginer des expériences de lecture inédites.

« Keep in Touch », catalogue de l’exposition collective sous la forme d’une application mobile disponible sur l’App Store. 2017.


En quoi formez-vous les étudiants à répondre à ces problématiques ?

Ils les abordent sous des angles divers et variés qui vont de la pratique du design graphique à la programmation. Le programme de recherche « édition, média, design : expanded publishing, quand les datas deviennent formes » se concentre sur l’apprentissage de ces problématiques, telles que la conception d’application mobile, de fiction interactive, ou de dispositifs de lecture en réalité augmentée. Ce dernier point a été développé par les étudiants en octobre dernier lors de l’exposition Uncool Memories 2 à Orléans. L’exposition propose des modes de lecture très divers qui prennent pour point de départ la création d’une expérience en réalité augmentée à partir d’un format imprimé (affiche, édition, photographie…) et sa transposition numérique (animation, 3D, vidéo, film…) visible au sein d’une application mobile conçue pour l’exposition. Trois projets d’étudiants du Master en Media Design de la HEAD – Genève sont également intégrés à l’exposition.

« Parallax Scroll », projet de l’étudiante Jeanne Gorokhoff. Vue de l’exposition collective « Keep in Touch », 2017.


Quelles compétences souhaitez-vous développer chez vos étudiants ?

Les étudiants sont formés pour concevoir des expériences de lecture variées. Cela implique d’acquérir des compétences multiples et complémentaires. Par exemple, nous leurs enseignons la réalisation d’une maquette (papier et numérique) destinée à la réalisation d’une application, d’un projet Web, ou d’un objet 3D qui sera ensuite animé avec le logiciel Unity, pour par exemple le rendre interactif… La plupart du temps, les étudiants sont amenés à travailler sur des supports différents et donc à penser des temps différents (de lecture, de jeu, d’expérience…). L’apprentissage du code est aussi un élément central afin de comprendre les média numériques contemporains, de concevoir des projets et de dialoguer avec des personnes différentes au sein d’une équipe. Cela leur permet ensuite de se positionner dans leurs choix lorsqu’ils décident de travailler avec un logiciel.

« Div in », catalogue des projets des étudiant•e·s sous la forme d’une application mobile. 2018.


Quelle philosophie, vision ou conception, du métier de designer transmettez-vous à vos étudiants ?

Il s’agit pour eux de se préparer à leurs futurs métiers de designer, dans un monde de plus en plus complexe et changeant. Pour cela, nous faisons en sorte qu’ils s’interrogent sur le rapport des média numériques à l’environnement et l’écologie, à ce qu’ils pensent l’histoire et les histoires des média, à ce qu’ils prennent en compte les questions qui animent notre société. Penser dans l’école à ce qui se passe en dehors de l’école. La vision du designer est multiple et passe, dans l’apprentissage, par des interactions entre de multiples média techniques. C’est pourquoi une grande ouverture d’esprit dans les domaines du design est indispensable.

« Discord », mélange entre jeu de cartes et puzzle, le but étant de manipuler les cartes et de trouver les associations entre elles. Nicolas Tilly. 2020.


Une situation d’enseignement ou un projet de diplôme qui vous aurait marqué ?

Je citerai trois diplômes de DNSEP de juin dernier, ceux d’Antoine Souvent, Théo Bonnet et Basile Jesset, qui ont été particulièrement riches dans ma relation d’enseignement avec les étudiants. Pas seulement à cause de la crise sanitaire actuelle, mais aussi car ces trois projets abordent de façon singulière le métier de designer : de la typographie en mouvement en relation avec du son, de l’édition et de la fiction aux formats multiples sur le Web ou l’imprimé, et enfin la conception d’outils pour archiver des images sur le Web et concevoir des parcours de lecture. Ce sont pour moi trois profils de jeunes designers contemporains.

Qu’est-ce qui vous anime dans l’enseignement ?

L’aspect qui m’anime le plus dans l’enseignement est le fait d’être toujours en mouvement, à la recherche de concepts, d’idées et de formes. Rien n’est statique quand on enseigne le design, une chose en amène une autre. Les réflexions des étudiants sont également très stimulantes.

« Mémoriel », projet de l’étudiante Gersende Le Blay. Vue de l’exposition collective « Keep in Touch », 2017.


Quels ouvrages recommanderiez-vous à de futurs étudiants ?

Ils sont forcément très nombreux, mais je pourrai citer « Post-Digital Print. La mutation de l’édition depuis 1894 » d’Alessandro Ludovico aux Éditions B42, « Aux sources de l’utopie numérique » de Fred Turner chez C&F éditions ou encore « L’écriture sans écriture – du langage à l’âge numérique » de Kenneth Goldsmith chez Jean Boîte Éditions. Un des derniers ouvrages qui a retenu mon attention est « Technique & design graphique, Outils, médias, savoir », ouvrage collectif coédité par la Haute école des arts du Rhin et les Éditions B42.

Quels graphistes, designers ou artistes vous intéressent en ce moment ?

Je regarde beaucoup le travail de Zach Lieberman et celui de Tim Rodenbröker pour leurs approches du design graphique et de l’animation par la programmation. Les projets du studio Dumbar et My Name is Wendy sont aussi très inspirants. Je regarde également les filtres en réalité augmentée du designer MEISAI/Kitasenju Design qui sont très surprenants.

« Do you understand », narration interactive pour smartphone. Travail en cours. Nicolas Tilly 2020.

Accéder aux autres contenus des Portes Ouvertes Numériques de l’ESAD Orléans


Liens utiles

Site web de l’ESAD Orléans
Instagram de l’ESAD Orléans
Facebook de l’ESAD Orléans

Linkedin de l’ESAD Orléans
Twitter de l’ESAD Orléans

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Agenda

Jusqu’au 15 décembre 2021 → Une Saison Graphique – (Normandie)

Comme chaque année depuis 2009, le festival « Une saison graphique » se déploie au Havre et dans plusieurs autres villes de Normandie. Au programme de cette treizième édition : expositions, rencontres, ateliers, conférences et événements urbains mettant à l’honneur des graphistes de renommée internationale et nationale. Parmi ces derniers, Guillaumit, Anthony…

Jeudi 28 octobre → Lancement du livre «Inventer l’école» avec l’auteur Marie Preston – Librairie Petite Égypte (Paris)

Rencontre avec l’artiste et enseignante-chercheuse Marie Preston autour de son livre Inventer l’école, penser la co-création, paru aux éditions Tombolo Presses. L’auteur met en lumière les pédagogies alternatives développées en France durant les années 1970-1990 dans des écoles « ouvertes » travaillant la question des rapports entre co-création et coéducation. Mis en page par par Coline Sunier et…

Feed

Arctic Paper met en lumière l’hyperréalisme

Le papetier Arctic Paper publie la deuxième édition de sa revue Surface. Celle-ci met en lumière le mouvement visuel de l’hyperréalisme, couranat caractérisé par un rendu minutieux de la réalité. Les quinze artistes invité·es nous font voyager au-delà de la réalité. Parmi ceux-ci et celles-ci Wang & Söderström, Cody Cobb…

Jeux graphiques, la tendance du numéro 264

Dans le cadre du prochain numéro d’étapes: à paraître en novembre prochain et disponible en pré-commande ici jusqu’au 10 novembre, nous publions un projet en lien avec notre rubrique Tendances. Puzzles, cartes, labyrinthes, dominos, Lego, Memory, nombreux sont les jeux qui inspirent les designers. Laissant au spectateur le soin de composer…

Ressources

Comment utiliser la fonction flexbox en CSS ?

Étapes: continue sa collaboration avec tuto.com en vous offrant un troisième tutoriel. Après un premier épisode dédié à Sketch, un second sur la fonction création de texte en 3D du logiciel SketchUp Pro, apprenez aujourd’hui à développer correctement une interface numérique grâce au module de création de boîtes flexibles CSS, aussi appelé flexbox. La plupart des…

Comment réaliser un texte en 3D sur SketchUp Pro ?

Après un premier épisode dédié à Sketch, tuto.com et étapes: vous offre un nouveau tutoriel. Celui-ci porte sur la fonction création de texte en 3D du logiciel SketchUp Pro. SketchUp Pro est un logiciel de CAO (Conception Assistée par Ordinateur), destiné à créer, visualiser et modifier assez aisément ses idées…

Prenez en main Sketch en 1 heure grâce à tuto.com

Dans le cadre de son partenariat avec le site tuto.com, étapes: vous offre plusieurs tutoriels normalement diffusés de façon payante. Aujourd’hui, ils portent sur l’application Sketch, outil permettant la création d’interfaces utilisateurs et le travail sur l’expérience utilisateur (UX). Ce tutoriel s’adresse à tous ceux intéressés par le design d’interfaces,…