Workshop - Interfaces mobiles expérimentales / Nicolas Tilly
ESAD de Reims / plateforme numérique
Du mardi 23 mars 2021 au vendredi 26 mars 2021
Ce workshop portera sur la création d’interfaces mobile interactives en prenant en compte une approche libre et exploratoire. Il s’agira d’imaginer des expériences esthétiques et sonores dédiée au mobile, à la frontière du web design, du design d’interaction, de la narration et du creative coding.
Dans quel périmètre le designer graphique travaille t-il à la conception d’interfaces mobile ? Quelles sont les possibilités et les outils ? Nous verrons en ouverture du workshop au travers d’une présentation, un ensemble de projets et d’outils qui poseront le cadre du travail graphique et technique.
sommaire des interfaces expérimentales
Padlets de recherche de quelques projets réalisés durant le workshop
- https://padlet.com/charlesdessaint21/3252z4agmvao71wb
- https://padlet.com/aurianemarx/c21of4vi56x4ds27
Outils
- https://editor.p5js.org/ (librairie javascript pour le Web - animation et interactivité)
- https://github.com/mveteanu/p5.SceneManager (librairie p5.js pour faire des scènes dans un projet)
- https://frogg.io/ (Une application iOS pour coder et visualiser un projet p5.js sur iPhone)
- https://glitch.com/ (faire des pages Web et héberger des projets en ligne)
- https://audacity.fr/ (travailler des fichiers son)
- https://www.figma.com/ (maquette graphique)
- https://penpot.app/ (Maquette graphique)
- https://spline.design/ (pour faire de la 3D animée et interactive pour le Web)
Ressources
- Design Tactile de Josh Clark aux éditions Eyrolles
- Théorème 29, Mobiles Enjeux artistiques et esthétiques, Presses Sorbonne Nouvelle
- Technique et design graphique, Outils, Médias, Savoir, éditions B42.
- http://www.revue-backoffice.com/numeros/03-ecrire-lecran/07_tilly
- http://web-animation.isitcode.net/
- https://www.are.na/nicolas-tilly/mobile-applications
- https://www.hoverstat.es/
Références
- https://www.isitcode.net/
- https://www.are.na/nicolas-tilly/interfaces-o4ycuz-pqsm
- https://www.are.na/nicolas-tilly/programming-posters-with-p5-js
- https://tone-demos.glitch.me/
- https://github.com/mattdesl/workshop-p5-intro
Nicolas Tilly
Diplômé de l’École Supérieur d’Art et Design de Valence en 2006, Nicolas Tilly poursuit sa formation dans le Mastère Spécialisé Création en Nouveaux Médias à École Nationale Supérieure de Création Industrielle à Paris. Il reçoit en 2008 une bourse individuelle à la création de la Direction régionale des affaires culturelles d’Ile-de-France.
Il enseigne le graphisme interactif au sein de l’Ecole Supérieure d’Art et Design d’Orléans depuis 2013, il est également enseignant chercheur de l’ECOLAB dans le programme de recherche « Edition, média, design : Expanded Publishing, quand les datas deviennent formes ». Nicolas Tilly est également artiste et web designer, il travaille depuis une dizaine d’années avec des supports comme les applications mobile, le jeu vidéo, l’édition.
