Design numérique

DG2 / Semestre 1

Techniques du web / Internet, web : basiques

L'objectif de ce cours est de former les étudiants-designers aux fondamentaux du web, qu'ils soient pratiques ou théoriques. L'aspect pratique se concentrera sur l'initiation à la programmation dite front-end, avec l'enseignement des langages informatiques HTML et CSS (puis plus tard Javascript). Ce choix est lié à la proximité naturelle avec le graphiste qui se destine au design web. En effet, il s'agit des langages qui composent, pratiquement, la page web téléchargée et consultée par les internautes, donc, des trois langages qui incarnent tout design web. Le designer numérique doit de ce fait être conscient de leurs possibilités et limites, pas seulement en tant que consommateur de sites mais également en tant que fabricant amateur, afin de pouvoir penser le design avec la technique.

L’aspect théorique, quant à lui, se concentrera autour de la découverte des machines (matérielles et logicielles) qui composent internet et leur histoire, avec un focus sur la matérialité du réseau. Focus incarné par l'utilisation d'un ordinateur de l’école comme serveur web de la classe, et par une courte démonstration du démontage d'un autre ordinateur en classe. Cette rencontre avec les machines nous permettra également d'aborder des problématiques plus larges, liées à leur fonctionnement, entre aspirations individuelles à l'autonomie numérique et contraintes techniques et économiques.

HTML / Une animation interactive
HTML + CSS / Caractériser ses balises
HTML + CSS / Gestion typographique sur le web
CSS / Commandes de base
CSS / Unités
CSS / Grilles
Web / Basics
Web / Serveurs Web & FTP
Annexe / Montrer un site au bilan
Sujet 1 / Par défaut
Sujet 2 (Block) / Book-Club

DG3 / Semestre 1

Techniques du web / Images, Javascript

Ce semestre se concentrera dans un premier temps sur la connaissance des différents formats d’images adaptés au webs et de leurs spécificités. Nous adopterons une approche résolument expérimentale, qui visera à rendre tangibles les notions de poids et de compression. Nous nous attacherons ensuite à offrir une introduction au langage Javascript, résolument orienté vers les besoins des futurs designers.

Graphical User Interfaces 1900 - 1986
Images / Les différents formats d'images web
Images / Atlas des formats d'images matricielles web
Javascript / Introduction
Javascript / Initier : variables
Javascript / Agir : boucles, conditions, fonctions
Javascript / Interagir : arbre HTML et événements
Exercice 1 : From...To
Sujet 1 / Good Old Fashioned Bots
Images / Hello Plotter World

DG2 / Semestre 2

Fenêtres multiples

Après la découverte des machines et de la matière code au premier semestre, cette deuxième partie de l'année se concentrera sur un aspect propre à l'écran essentiel à prendre en compte par le designer: la multiplicité des formats, liée à la multiplicité des usages et des machines. Nous aborderons les notions de tailles d'écran, de résolution, ainsi que de celles de support, de coût (en bande passante, en mémoire, en puissance de calcul) et d'accessibilité, essentielles pour comprendre et faire certains choix de design. Techniquement, nous verrons comment passé d'un design Desktop à un design mobile, et les différentes stratégies utilisées par les designers pour effectuer cette transition. Nous parlerons également des conflits entre designer et développeur (qu'ils soient internes ou entre deux personnes), des aspirations et idéaux de chacun des corps de métiers, et la nécessité d'une coopération, d'un arbitrage constant en vue d'atteindre une forme pertinente et fonctionnelle.

Design Responsive / Basics
Design Responsive / Vues et pas
Sujet / Oublier, échouer, se taire : une application pour... et un peu contre.
CSS / Sélecteurs, avancé
CSS / Animations

DG3 / Semestre 2

Online Presence x Machines à dessiner

Online Presence / Débuter
Online Presence / Générer des images adaptées au web grâce à Photoshop
Online Présence / Sliders
Sujet / (Machines à dessiner) Les nouveaux mots
Online Présence / Hébergement et référencement