Activités on Julie Blanc

WYSIWYG

Sun, 01 Dec 2024 00:00:00 +0000

WYSIWYG, acronyme de « What You See Is What You Get », désigne une catégorie spécifique de logiciels dont l’interface graphique permet de visualiser à l’écran un dessin tel qu’il sera finalement imprimé. Le WYSIWYG projet vise à documenter, d’un point de vue historique et théorique, l’évolution des logiciels de graphisme en Suisse et en France de 1980 à aujourd’hui.

« Le verre de cristal » × « Dispar(être) »

Mon, 24 Jun 2024 00:00:00 +0000

La publication confronte deux textes sur la notion de transparence en typographie : Le verre de cristal ou la typographie devrait être invisible (1932) de Beatrice Warde — texte majeur de la pensée moderniste en typographie — et Dispar(être) — le plomb de la transparence (2018) de Vanina Pinter, qui en propose une relecture contemporaine, féministe, plus située et matérielle.

L’édition a été réalisée avec Paged.js, un outil libre et open source de mise en page CSS (web-to-print) dans le cadre d’un workshop d’initiation qui s’est tenu à Césure (Paris) les 24 & 25 juin 2024.

Chromobase

Sun, 01 Oct 2023 00:00:00 +0000

Chromobase est une base de données en libre accès développée dans le cadre du projet ERC Chromotope, une exploration de ce qu’il est advenu de la couleur à travers l’Europe industrielle (France, Grande-Bretagne et Allemagne) dans la seconde moitié du XIXe siècle.

C’est un objet numérique hybride, à la fois ensemble d’articles scientifiques et base de données. Le projet est basé sur une approche narrative des données, avec une série d’articles augmentés de matériaux hypertextuels (people, organisations, objects, techniques, colour names, event).

Rechtstexte & Zeitschriften

Sun, 01 Jan 2023 00:00:00 +0000

Rechtstexte et Zeitschriften sont des revues de doits en Open Access éditées par Prof. Dr. iur. Walter Boente (Université de Zurich). Elles sont distribuées en ligne au format HTML et au format PDF. L’objectif était, pour le format PDF, de proposer plusieurs options de mise en page aux auteur·ices, en utilisant uniquement des technologies web; principalement HTML, CSS et Paged.js.

Deuxième mise en page proposée, design graphique par Julie Blanc

Les contenus structurés en HTML sont produits par l’équipe éditoriale (Walter Boente) à partir de documents Word ou LibreOffice. Une ligne de commande Pandoc, à partir des fichiers de contenus et des fichiers de métadonnées, permet de générer un nouvel HTML. Les auteur·ices peuvent sélectionner une mise en page spécifique et personnaliser certains éléments visuels, tels que la couleur principale ou l’illustration de couverture. Le PDF final est généré directement dans le navigateur web via la fonction d’impression dans Chrome/Chromium, après rendu avec la version polyfill de Paged.js.

Héro·ïne·s

Wed, 01 Sep 2021 00:00:00 +0000

Héro·ïne·s. Repenser les héros dans les œuvres et pratiques artistiques est une publication du groupe de recherche de La Fémis, réalisée au sein du programme « Sciences, Arts, Création, Recherche » (SACRe, PSL). Suite à un atelier de deux jours proposé au groupe de recherche, nous avons conçu une publication web qui met en forme de manière graphique et interactive chacune des contributions et leurs contenus multimédias.

Le site a été développé avec le générateur de site statique Hugo, le code source est sur Gitlab et a été déployé avec Netlify. Afin que les membres puissent éditer facilement le contenu depuis une interface graphique, j’ai branché le site sur Forestry.io.

Un hackathon Paged.js à l'EnsadLab

Fri, 16 Apr 2021 00:00:00 +0000

Les 1^er et 2 mars 2021, un petit groupe de designers graphiques s’est réuni à Paris pour un hackathon consacré à Paged.js. L’idée était de réunir des designers graphiques ayant déjà une expérience de Paged.js afin de discuter de leur travail de mise en page et de composition et d’imaginer ensemble de nouvelles possibilités. Le hackathon, organisé par Julie Blanc et Lucile, a accueilli Julien Taquet, Manu Vazquez, Louis Éveillard, Sarah Garcin, Robin de Mourat et Quentin Juhel.

Une chaîne de publication collaborative et multisupport pour le musée Saint-Raymond

Thu, 05 Nov 2020 00:00:00 +0000

Voilà bientôt quatre ans que je m’intéresse aux systèmes de publication utilisant les technologies du web et proposant une diffusion multisupport. J’ai eu l’occasion d’en parler quelques fois, dans des conférences, des publications ou des discussions plus informelles. Au début très focalisée sur les aspects techniques, j’ai pu peu à peu m’interroger sur la manière dont les pratiques collaboratives sont transformée dans ces systèmes de publications ou quelles implications cela supposait sur les pratiques de design graphique et éditorial. Beaucoup de discours, sans jamais avoir l’occasion de mettre les mains à la pâte. Alors, quand Antoine Fauchié m’a proposé, il y a deux ans déjà, de se joindre à lui pour travailler sur un catalogue numérique et imprimé pour le musée Saint-Raymond de Toulouse, je n’ai pas hésité.

Design en Recherche

Thu, 01 Oct 2020 00:00:00 +0000

L’association « Design en recherche », formée en mars 2013, est un réseau de doctorant·es et jeunes docteur·es dont les recherches portent sur les thématiques émergentes d’étude et de pratique du design. En 2020, nous avons travaillé à une refonte du site avec les membres de l’association. J’ai réalisé la conception et le développement du site web.

Le site a été développé avec le générateur de site statique Hugo, le code source est sur Github et a été déployé avec Netlify. Afin que les membres puissent éditer facilement le contenu depuis une interface graphique, j’ai branché le site sur Forestry.io.

(Médialab 3/3): Des interactions en pur CSS

Sun, 05 Apr 2020 00:00:00 +0000

Ce billet fait partie d’une suite de billet sur le projet de refonte du site web du médialab de Sciences Po.

Le premier billet « Une décroissance heureuse » est une introduction au projet.
Le deuxième billet « no fonts, no images, no javascript » montre comment ces trois points ont été mis en application.
Le dernier billet « Exemples de pur CSS » se concentre sur des exemples de mises en applications de principes graphiques et interactifs en pur CSS.

Comme nous l’avons vu dans un précédent billet, pour la conception du site du Médialab nous avons fait le choix d’un design graphique et interactif en pur CSS, sans JavaScript. Par cette restriction, nous avons découvert pas mal d’astuces. Nous souhaitons partager avec vous quelques lignes de code CSS qui peuvent tout à fait s’intégrer à d’autres projets.

Médialab (2/3): No fonts, no images, no javascript

Fri, 27 Mar 2020 00:00:00 +0000

Ce billet fait partie d’une suite de billet sur le projet de refonte du site web du médialab de Sciences Po.

Le premier billet « Une décroissance heureuse » est une introduction au projet.
Le deuxième billet « no fonts, no images, no javascript » montre comment ces trois points ont été mis en application.
Le dernier billet « Exemples de pur CSS » se concentre sur des exemples de mises en applications de principes graphiques et interactifs en pur CSS.

No fonts ?

Pour la refonte du site du médialab, notre premier choix est de ne pas embarquer de fontes et de simplement utiliser les polices systèmes sur le site web.

Médialab (1/3): Une décroissance heureuse

Wed, 25 Mar 2020 00:00:00 +0000

Ce billet fait partie d’une suite de billets sur le projet de refonte du site web du médialab de Sciences Po.

Laboratoire de recherche interdisciplinaire réunissant sociologues, ingénieurs et designers, le médialab (SiencesPo) mène des recherches thématiques et méthodologiques exploitant et interrogeant la place prise par le numérique dans nos sociétés.

En octobre 2018, l’équipe du médialab nous contacte pour la refonte de leur site web. Le projet fut porté par une douzaine de personnes (designers, Ingénieurs, chercheurs, développeurs, chargée de communication et facilitateur) avec un noyau dur de cinq chevronné·es.

Return from Prague: the future of web to print

Tue, 18 Feb 2020 00:00:00 +0000

Report about the W3C Workshop on CSS Print

On Thursday, February 13th, a group of people gathered at the University of Economics in Prague (Czech Republic) to participate in theW3C Workshop on CSS Print as a part of the XML Prague conference. The event was organized by Rachel Andrew, Jirka Kosek and Dave Cramer, members of the CSS working group. Between 30 and 40 people were present, showing a real interest in CSS print.

Les sculptures de la villa romaine de Chiragan

Fri, 31 Jan 2020 00:00:00 +0000

Pour le musée Saint Raymond (Toulouse), Antoine Fauchié et moi avons développé un catalogue multi-support. Le catalogue présente une partie de la collection du musée consacrée à une ensemble de sculptures romaines découvertes au lieu-dit Chiragan à Martres-Tolosane. Inspiré par le Getty Museum de Los Angeles, nous avons conçu et développé une version numérique du catalogue et une version imprimée. Pour cela nous avons proposé une chaîne de publication crée spécifiquement pour l’équipe du musée et basée sur un ensemble d’outils open-source que nous avons assemblés (Jeckyll, Zotero, Forestry, Gitlab, paged.js, etc.)

Timeline des technologies de l'édition numérique

Sun, 15 Sep 2019 00:00:00 +0000

Cette timeline représente l’histoire technique non exhaustive de l’édition numérique. Elle se divise en plusieurs couches : hardware, systèmes d’exploitation et plateformes / logiciels de lecture / logiciels de PAO / logiciels et systèmes pour l’écriture / formats et langages. Elle a été développée en HTML et CSS et la version imprimée mesure 240cm × 60cm.

Une version raccourcie française a été publiée dans le 8e numéro de Sciences du Design. La version numérique est diponible ci-dessous.

Des léviathans

Sat, 14 Sep 2019 00:00:00 +0000

Des léviathans est un ouvrage interdisciplinaire qui rassemble des textes originaux autour du thème des relations entre sociétés et océans. Les approches croisées intègrent notamment les sciences naturelles, les arts, les sciences humaines sociales et autres.

Association Périophtalme
130 × 190 mm, 214 pages
100 exemplaires imprimés en risographie

Humanités Spatiales

Sat, 14 Sep 2019 00:00:00 +0000

Proposition d’une édition autour du site web humanites-spatiales.fr. « Humanités spatiales » est un carnet de recherche qui propose un espace d’analyse, de réflexion et de dialogue aux chercheurs en sciences humaines et sociales qui s’intéressent, ponctuellement ou régulièrement, à l’espace et aux activités spatiales, en particulier à ses diverses représentations culturelles, qu’elles soient scientifiques, artistiques, littéraires, visuelles, sonores, etc.

144 × 212 mm, 148 pages
Direction éditoriale : Observatoire de l’Espace du CNES
Responsable éditoriale : Catherine Radtka, ISCC
Basé sur humanites-spatiales.fr

Le cahier de l'erg

Sat, 14 Sep 2019 00:00:00 +0000

Réalisation de la brochure de présentation de l’erg (école de recherche graphique), école supérieure des arts située à Bruxelles qui base son enseignement sur la pluridisciplinarité.

Client : erg, école de recherche graphique
Réalisé avec Cyriel Makhoul et Florence Grosse
1000 exemplaires
160 × 240 mm, 32 pages
Poster intérieur agrafé 420 × 594 mm
Impression : Hayez, Bruxelles

Médialab

Sun, 01 Sep 2019 00:00:00 +0000

En octobre 2018, l’équipe du Médialab (laboratoire de recherche interdisciplinaire sur les relations entre le numérique et nos sociétés) nous contacte pour la refonte de leur site web. Ils nous font part de leur envie : une approche par la « décroissance heureuse ». Nous les accompagnons pour la direction artistique de leur site web statique et développons alors l’idée d’un site sans javascript, sans fontes et sans image – un site « low-tech ».
Dans ce projet collectif, nous avons produit la conception graphique et interactive ainsi que le code HTML et CSS pour l’intégration.

Code X – PrePostPrint

Fri, 20 Oct 2017 00:00:00 +0000

Le premier numéro du journal « Code X » a été publié à l’occasion du salon de l’édition PrePostPrint du 20–21 octobre 2017 à la Gaîté Lyrique (Paris). Il a été entièrement conçu en HTML et CSS depuis un navigateur web. Les propriétés CSS region, CSS grid et CSS multicolumn ont été utilisées. Les fichiers sources du journal sont disponibles sur gitlab.

Conçu et développé en collaboration avec Quentin Juhel
Éditeur : éditions HYX
260 × 360 mm, 16 pages
500 exemplaires
Acheter le journal

Mandarine

Sun, 01 Jan 2017 00:00:00 +0000

La revue Mandarine a pour objectif d’explorer et révéler les connexions entre les champs de l’architecture, des designs et de l’art contemporain en s’intéressant à leurs sujets de recherches, leurs pratiques, et leurs méthodologies. Le projet repose sur une diffusion multisupport pouvant prendre quatre formes : revue imprimée, site web, impression personnelle (bureautique) et publication numérique ePub.

Développé en collaboration avec Dimitri Charrel en 2017
Abandon du projet pour cause de manque de financement en 2019

Atlas Cosmologique

Wed, 01 Jun 2016 00:00:00 +0000

L’atlas cosmologique est un outil multisupport constitué de trois dispositifs : une interface web, des sessions de réflexions et des publications imprimées. Ce projet a pour objectif de matérialiser la manière dont une connaissance non objective se constitue et se structure à travers un corpus documentaire.

Sur le site internet, tous les utilisateurs peuvent ajouter une entrée dans l’atlas. Une interface commune leur permet de disposer les documents et des notes sous forme de différents blocs déplaçables à l’écran. L’atlas n’est jamais fixe ; ce montage dynamique et collaboratif révèle un sens subjectif toujours renouvelé grâce à la proximité spatiale des documents.