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


Conférence et workshop Open Source Publishing


OSP est un collectif de design graphique qui développe une pratique singulière autours des logiciels libres, dans l’idée que ceux-ci permettent à leurs utilisateurs à prendre part à leur élaboration.

Fondé en en 2006 en lien avec l’association Constant et basé à Bruxelles, OSP est composé de différentes personnalités issues de parcours et de champs de compétence divers : la typographie, le design graphique, la programmation, l’écriture, la performance, etc. Dans une approche collaborative, elles s’efforcent à développer et redéfinir le rapport aux outils de créations à travers des workshop, des projets de commandes ou à l’initiative du collectif lui-même.

OSP organise également un workshop avec des étudiants de l’atelier communication graphique du 10 au 13 mars.

Image extraite de 16 case stories re-imagining the practice of lay-out, LGRU project - Brussels 2012. Catalogue rendant compte des pistes du coloque Co-Position organisé dans le cadre du projet de recherche LGRU, requestionnant les outils et pratiques de la mise en page.

Image extraite de 16 case stories re-imagining the practice of lay-out, LGRU project – Brussels 2012. Catalogue rendant compte des pistes du coloque Co-Position organisé dans le cadre du projet de recherche LGRU, requestionnant les outils et pratiques de la mise en page.

Mercredi 11 mars 2015,
18 heures,
auditorium de la Hear (Strasbourg)

Catégorie: Laboratoire, Workshops | Laisser un commentaire


“Faire mouche”, en bref


Le jeudi 30 janvier, entre 18h et 20h, s’est tenue l’exposition “Faire mouche”, qui présentait des projets réalisés par des étudiants des ateliers Livre et Communication graphique à l’occasion de la venue de Gilles Froger.

Un moment bref mais intense, pendant lequel le contenu du catalogue ainsi que des photographies des productions ont été diffusés sur la plateforme Twitter ; tandis que la version papier, elle, est un petit ouvrage (45 x 65 mm) obtenu par simple façonnage de l’affiche de l’événement. La scénographie, très épurée, était faite d’un support anormalement haut, permettant une consultation très directe des publications. De plus, des vidéos projetées sur les murs en montraient la manipulation, afin d’en saisir le sens le plus rapidement possible. Le buffet, enfin, servi directement sur la table d’exposition, se composait de petites doses d’alcool fort et de barres énergétiques. “L’art auquel il est fait appel est un art de la concision : il s’agit d’exprimer avec la plus grande économie de mots possible le contenu le plus puissant” ; telle aura été la consigne, jusqu’au bout.

 

01 02 03 04 05

Catégorie: Laboratoire, Workshops | Laisser un commentaire


« 32 heures chrono », workshop avec Grégoire Romanet


IMG_8359

Le 2 avril dernier à 10 heures du matin, en ce premier jour de workshop, assis autour d’une table de la salle Prechter, notre équipe de quinze participants (année trois et quatre confondues) attendait avec impatience Grégoire Romanet. Pour seuls indices du déroulé de cette semaine nous disposions de la durée qui nous était impartie et du lieu à investir, autant dire qu’un grand mystère planait parmi nous. La salle Prechter est une pièce de notre école conçue pour accueillir des expositions. Elle n’est que très rarement utilisée et peu connue des élèves. Quelque peu cachée, nous redoutions que Grégoire ne trouve le chemin pour y accéder… Mais il arrivait, enfin ! Notre rencontre avec le graphiste pouvait commencer.

 Les fouilles

Comment commencer ? Comment choisir une piste de travail ? Partir d’une thématique ou plutôt de nos contraintes matérielles (scotchs de couleurs, imprimante noir et blanc, papier A4 et A3, ficelle) ou encore de l’historique du lieu ? Nous nous sommes mis d’accord pour entamer des recherches sur la salle Prechter et donc la rue Prechter que l’on voit à travers la baie vitrée de la pièce. Quelle est leur histoire, quelles sont leurs anecdotes, leurs origines ? La machine était lancée. À notre grande satisfaction, l’exploration de ce lieu a révélé une histoire d’une grande richesse, beaucoup de pistes, de détails surgissaient au fil du temps, autant de matière à interroger et à donner à voir. Par petites équipes nous nous sommes répartis le travail d’investigation afin de déterrer les fragments oubliés de la rue et réaliser une véritable fouille archéologique du lieu.

Le collectif

Systématiquement nous accrochions nos trouvailles au mur, images, textes, données, dates, références graphiques, afin d’exposer à tout le groupe l’avancement des recherches. L’idée de collectif a été primordiale dans le déroulement du workshop. Nous avancions tous ensemble en rebondissant sur les idées des uns, les images des autres, et par la discussion lors de tours de table. Jusqu’à la production du contenu final nous avons partagé notre stock de visuels, toute la matière récupérée lors de nos recherches.

Niveau -1

Une idée forte est ressortie de notre démarche de «fouilles » et de la configuration du lieu. La salle se situe en effet en dessous du niveau du trottoir : les passants parfois curieux de la rue Prechter jetaient un œil à travers la vitre et regardaient, vue d’en haut, ce que nous faisions. Ce rapport entre la rue et l’intérieur de l’école nous a interpellés, la salle Prechter devenait comme une vitrine à travers laquelle nous pouvions dialoguer vers l’extérieur. D’autre part, l’idée « d’archéologique », le fait de déterrer, de remonter à la surface les différentes couches de l’histoire du lieu nous a beaucoup plu. Nous avions donc l’envie de montrer, à travers un jeu sur les points de vue et les niveaux, les fragments et les éléments historiques redécouverts de cet endroit.

DSC_8361

L’installation

Le projet a pris la forme d’une grille réalisée en ficelle, comme lors de fouilles archéologiques, sur lesquelles nous avons accroché des affiches produites avec les moyens du bord. Chaque image est une interprétation de l’un d’entre nous sur un aspect ou sur l’ensemble de l’histoire du lieu. Le but était de composer depuis l’extérieur une surface de fragments d’images qui prolongerait le niveau du sol ; et de proposer aux visiteurs depuis l’intérieur, par la descente des escaliers, la découverte de l’archéologie de la salle Prechter. L’entrée ne pouvait se faire que par la porte donnant sur la rue ce qui permettait de proposer une vue d’ensemble avant de s’intéresser à la narration des affiches. D’autres formats reprenant des phrases, chiffres, listes, tirées de nos recherches ont été accrochés au-dessus du niveau afin d’attirer le regard du passant, l’amener à se questionner pour ensuite se plonger dans les images.

Un grand  merci de la part de tous les étudiants à Grégoire Romanet pour ce workshop, merci à notre professeur Philippe Delangle de l’avoir organisé et à notre directeur David Cascaro d’avoir permis la prolongation du temps d’accrochage.

Catégorie: Laboratoire, Workshops | Laisser un commentaire


Semaine Hors-limites 2013


Du 11 au 15 février 2013, prenait place sur les sites des Arts Décoratifs et du Conservatoire à Strasbourg et sur le site du Quai à Mulhouse, la semaine Hors-limites. C’est une semaine complète de workshops. Cet évènement, attendu chaque année par les élèves, rompt avec les habitudes et vient perturber le fonctionnement des classes. C’est l’occasion pour les étudiants de s’initier à d’autres techniques et de travailler avec d’autres élèves et professeurs que ceux de leurs ateliers. C’est aussi l’occasion d’occuper différents espaces et surtout l’opportunité de mener à bien un projet en une semaine. Hors-limites est un temps de création au sein des trois écoles qui constituent la HEAR. Cette année, l’évènement a été cloturé par un défilé organisé par les étudiants du workshop “Messages prêts-à- porter”.

Cinéma et illustration Photo de Quentin Chastagnaret

Cinéma et illustration
Photo de Quentin Chastagnaret

Bestiaire Photo de Quentin Chastagnaret

Bestiaire
Photo de Quentin Chastagnaret

Médiation culturelle par le jeu dans un espace public Photo de Marisol Godard Lopera

Médiation culturelle par le jeu dans un espace public
Photo de Marisol Godard Lopera

4x1, du multiple à l'original Photo de Lucille Killmayer

4×1, du multiple à l’original
Photo de Lucille Killmayer

Images et musiques improvisées Photo de Tony Trichanh

Images et musiques improvisées
Photo de Tony Trichanh

4x1, du multiple à l'original Photo de Alain Kaiser

4×1, du multiple à l’original
Photo de Alain Kaiser

Someone to love Photo de Alban Leven

Someone to love
Photo de Alban Leven

Someone to love Photo de Alban Leven

Someone to love
Photo de Alban Leven

Moule unique - Pièce unique Photo de Aglae Rochette

Moule unique – Pièce unique
Photo de Aglae Rochette

Message prêt-à-porter Photo de Aglae Rochette

Messages prêts-à-porter
Photo de Aglae Rochette

Message prêt-à-porter Photo de Aglae Rochette

Messages prêts à porter
Photo de Aglae Rochette

Dessin à cuire Photo de Aglae Rochette

Dessin à cuire
Photo de Aglae Rochette

Bestiaire Photo de Aglae Rochette

Bestiaire
Photo de Aglae Rochette

 

eLivre, brûler les doigts Photo de Agathe Kervadec

eLivre, brûler les doigts
Photo de Agathe Kervadec

eLivre, brûler les doigts Photo de Lucille KillmayereLivre, brûler les doigts
Photo de Lucille Killmayer

Catégorie: Laboratoire, Workshops | Laisser un commentaire