Workshop Eracom 2019

28 JANVIER 2019
PRÉSENTATION

WORKSHOP ERACOM
CONDITIONS GÉNÉRALES
OUTILS HYBRIDES

LORAINE FURTER

Vous connaissez peut-être ce schéma :

Ou ces situations :

Associations

Initiative belge

Travailler dans la culture

Art Workers Coalition, Art Workers Won’t Kiss Ass, 1969

Initiatives dans le champ de l’art

Par amour de l’art

Wages Against Housework, Silvia Federici, 1974

Droits

Initiatives dans le champ du graphisme

Travail invisible et mal connu

Inégalités

Gender divisions in graphic design today, Sara de Bondt & Merel van der Berg,
A History of its Own? Graphic Design and Feminism conference, IAPSIS, 2012

Besoin de ressources et outils

Tabou/transparence

Campagne publicitaire de la banque CLER, 2017

Pas qu’une question de tarifs

Questions de structure et de communication

Questions d’organisation, processus idéalisé d’un projet, B.ü.L.b grafix

D’outils :

De solidarité :

OUTILS HYBRIDES

PUBLICATION HYBRIDE

HISTOIRE DU LIVRE (TECHNOLOGIE)

OUTILS DIGITAUX & WEB

APPROCHE LIBRE / OPEN SOURCE

PRE POST PRINT

HTML, CSS

PRÉCÉDENTS WORKSHOPS ERACOM

BOÎTE À OUTILS

RESIZE (REDIMENSIONNER)

FLOWING LAYOUT — EPUB (acronyme de «electronic publication» ou «publication électronique», parfois noté ePub, EPub ou epub) est un format ouvert standardisé pour les livres numériques. Proposé par l’IDPF, ces fichiers ont l’extension .epub.
EPUB est conçu pour faciliter la mise en page du contenu, le texte affiché étant ajusté pour le type d'appareil de lecture. Il est également conçu comme le seul format pouvant à la fois satisfaire les éditeurs pour leurs besoins internes et la distribution. Ce format englobe le standard Open eBook [1].
La dernière version standardisée, EPUB3 [2], repose sur l'HTML5, ce qui ouvre la voie à de nombreuses extensions. Elle offre de nouvelles caractéristiques telles que la prise en charge de l'affichage de toutes les langues, un espace spécifique pour les métadonnées, un développement de l'interactivité permettant l'ajout de contenus enrichis (graphismes, typographies, multimédias) [3].
Diverses applications permettent de créer un fichier EPUB directement ou à partir d'un fichier préexistant [4].

https://fr.wikipedia.org/wiki/EPUB_(format)

Reflowable document
A reflowable document is a type of electronic document that can adapt its presentation to the output device. Typical prepress or fixed page size output formats like PostScript or PDF are not reflowable during the actual printing process because the page is not resized. For end users, the world wide web standard, HTML is a reflowable format [1] as is the case with any resizable electronic page format.
In contrast to end user terminology, the notion of reflow is sometimes used to discuss desktop publishing program features for print publication page layout such as automatically balancing the amount of text in a number of columns. [2]

https://en.wikipedia.org/wiki/Reflowable_document

CONTENU ÉDITABLE

ÉDITEZ-MOI

MODIFICATIONS
(couleur, typo, taille …)

● ● ●

CHANGEZ MA COULEUR

AJOUTER DES ÉLÉMENTS

plus

CONTENU DÉPLAÇABLE

BOUGEZ-MOI

IMPORTER UNE IMAGE

File API & FileReader API not supported

XHR2's FormData is not supported

XHR2's upload progress isn't supported

RÉFÉRENCES

WEB TO PRINT

https://kabk.github.io/go-theses-17/
http://deconstructionconference.nl/

MISE EN PAGE WEB

https://ortype.is/

SITES

http://brutalistwebsites.com/

RESSOURCES

CODE

CSS tricks (ex: outil resize)
jquery interactions
jsfiddle interface de test de bouts de code

TYPOGRAPHIES LIBRES

https://fonts.google.com/
http://open-foundry.com/hot30
https://fontain.org/
http://usemodify.com/
http://www.velvetyne.fr/
http://love-letters.be/foundry.html
http://typotheque.interstices.io/
http://osp.kitchen/foundry/
…

PROGRAMME WORKSHOP

Le workshop « édition hybride » propose de travailler des mises en page interactives et imprimables. La semaine du 28 janvier, nous réaliserons des outils et des compositions permettant de visualiser et comprendre le processus de travail des graphistes et donc sa valeur, mais également les questions de temporalité, de nécessités techniques, etc. Nous interrogerons les formes que peuvent prendre un contrat, un document de conditions générales, et autres « documents types » qui sont rarement mis au devant de la scène et pourtant fondamentaux pour les graphistes.

Vos projets permettront de générer des documents pour plusieurs supports : la notion d’édition hybride concerne des projets existants sous plusieurs formes de publications (papier, écran, performée…) en considérant chaque forme comme complémentaire aux autres.

Travail en groupes de 3 étudiant·e·s.
Chaque groupe produit au minimum :

Une page web (html, css, js) qui fonctionne comme un outil de mise en page, en jouant avec les fonctionnalités suivantes :
- déplacer des éléments
- changer les réglages typographiques
- éditer du texte
- ajouter des images
- ...

Un support digital et un support papier (flyer, affiche...), générés à partir de la page web en utilisant des styles css pour différents media (print, responsive).

GO!