Sürkrüt

Blog de l’atelier de Communication graphique de la HEAR

Html sauce cocktail


Une fondue de mise en page web et papier d’hiver ou un cocktail de class pour l’été.

Par ses contraintes de tailles d’écrans la mise en page web se doit d’être adaptative, quelque part consciente de l’environnement dans lequel elle s’installe. De ce point de vue, elle s’oppose au design imprimé où la plupart des interfaces traditionnelles tiennent nos mains sur les blocs durs hérités de Gutenberg.
Capture d’écran 2015-03-13 à 11.17.00

L’atelier proposé par OSP approche la mise en forme d’un texte de manière liquide. À partir d’un manuel de cuisine belge publié dans le domaine public et disponible en HTML, chaque équipe a travaillé sur des mises en forme papier visant différents formats de sortie : poster, fiches, magazine, livret de poche, etc.
En définissant un ensemble de media queries les étudiants construisent ensemble une feuille de style commune, mais posent chacun les conditions qui permettent de “typographier” leur format.

L’ensemble des fichiers est disponible sur le Github de l’école.

Html sauce cocktail

Pyramide des formats

Html sauce cocktail

Aperçu des résultats du workshop OSP

Intervenants : Stéphanie Vilayphiou, Colm O’Neill et Ludi.
Avec les étudiants en communication graphique : So-Hyun Bae, Laura Burucoa, Charlotte Chowdurry, Victor Donati, Montasser Drissi, Angéline Girard, Romain Goetz, Manon Hachad, Quentin Juhel, Théophile Martin, Arman Mohtadji, Clara Neumann, Lisa Pagès, Benjamin Riollet, Lena Robin, Hugo Serraz, Caroline Sorin.

Catégorie: Laboratoire, Observatoire, Workshops | Laisser un commentaire