À l’occasion des 50 ans de l’institut en 2021, l’Iselp a déplié son histoire et initié de nouvelles pistes pour redéfinir son rôle. Pour dessiner cette transition, le lieu a invité l’équipe pluridisciplinaire Denicolai & Provoost * Nord * OSP.
Assemblé·es en collectif temporaire, les «Ziselp» ont proposé différents moments artistiques dont une installation sonore, la réalisation d’un fanzine basé sur les archives, une visite performative nocturne, ou la création d’une huile de massage à partir de lierre du passage de Milan.
«Le désir était de créer une proposition pluridisciplinaire. Un projet à plusieurs voix, à la fois artistique, graphique et architectural. Une évidence nous est apparue très rapidement : le passage de Milan devait devenir l’entrée principale de l’ISELP. L’idée était de faire de l’Institut une destination et non plus un lieu devant lequel on passe, perdu entre les enseignes de luxe du Boulevard de Waterloo. Il était essentiel de donner un visage reconnaissable à l’ISELP. Au niveau architectural sur place mais aussi dans la communication vers l’extérieur, avec une nouvelle charte graphique. Enfin, Il était très important pour nous de travailler avec l’existant, d’ajouter un récit plutôt qu’un objet. C’est pourquoi le projet, de sa genèse à sa réalisation, s’est décliné sous forme d’épisodes, qui chacun ont progressivement mener à un nouveau langage graphique et un nouvel espace d’accueil.» Ces presque deux années de collaboration se sont étendues d’octobre 2020 - juin 2022.
Pour en savoir plus sur l’histoire de l’Iselp et le réaménagement :
Façons de voir. 50 ans de l’ISELP et Inventaires émission diffusée sur Première-RTBF en novembre 2020.
Recherche en cours, Parcours dans l’histoire de l’Iselp. Catalogue des 50 ans de l’institut est disponible en version pdf sous ce lien.
Le guide d’usage ici présent, introduit les ingrédients graphiques pris au relais par l’équipe interne.
Dans la mise en place de l'identité graphique, il était central pour l’équipe de travailler avec l’existant, d’ajouter un récit plutôt qu’un objet. C’est pourquoi le projet, de sa genèse à sa réalisation, s’est décliné sous forme d’épisodes, qui chacun ont progressivement mené à une ensemble d’éléments.
Logo
L’un des premiers épisode a consisté en la reviste de l’acronyme I.S.E.L.P. L'occasion de proposer d'autres sens derrière chacune des 5 lettres.
Pour le dessin du logo, la proposition donne un contour et une pesanteur à chacune. En les amenanant à pivoter et à se chevaucher, l’assemblage en fait des objets, entre sculptures et lignes claires, nous amenant à les regarder sous un autre point de vue. Les points qui servent de séparateurs dans la mise en forme de l'acronyme sont ici incarnés par des balles ou boules extraites de la série de dessins installés dans la mise en page des programmes de cours des années septantes.
Le dessin du logo existe en 4 versions différentes. Ces variantes sont toutes à activer. L’une des versions a été retenue pour le pin’s mais n’est pas spécifiquement à prioriser avant les autres.
En dehors du pin’s le logo reste noir et blanc. Lorsqu'il apparaît sur une photo ou un fond de couleur ou image, les lettres ont un fond blanc.
Échelles
Le logo recommande une attention particulière du rapport entre sa taille et le format de page. Son échelle est à prendre en compte dans le contexte de chaque format et support.
Pour les supports imprimés à l’échelle de la main (A7 à A2), deux tailles seulement sont utilisées, se synchronisant avec les tailles de corps du texte :
La taille des logos pour les affiches et flyers est dépendante de la taille des titres. Il s’agit de la même hauteur d’x. Ce rapport de proportion peut s’étendre à d’autres supports ou le logo cohabite avec des corps de titre.
De la même manière, le rapport de taille de corps et de hiérarchie entre les autres éléments de mise en forme du texte est limité et dépend du support. Ces proportions et le choix de fonte en fonction du contenu (voir chapitre « Typographie » ci-dessous) sont décrits plus précisemment dans ce template → iselp-template-corps.pdf
Les templates pour les supports flyers et posters sont disponibles dans les /ressources.
En ce qui concerne les autres formats, plus grands, plus petits, web, etc, le rapport de taille est le même. La taille du logo dépendra de la hauteur d’x des titres principaux.
Logo en contextes
Typographie
Le centre de documentation de l’Iselp compile une importante archive des supports de communication de l’institut, un travelling de son histoire graphique.
La diversité des supports utilisés pour véhiculer les événements et les variations libres du logo sur les premières années sont très riches.
Parmi les supports les plus stables à travers les années, nous avons été particulièrement marqué·es par la série de dépliants des programmes de cours de 1973 à 1985. Ces documents habités d’éléménts graphiques (dessins, pictos) et imprimés sur format vertical et papiers colorés, fondent l’identité de l’institut. Collecter, rendre visible et repartir de cet ensemble visuel permet de témoigner de l’épaisseur du projet ISELP.
Une sélection d’éléments (dessins et logos ) est embarquée à bord de chacune des fontes de la palette identité et disponible dans la palette de glyphes
Prêts à être réactivés ces signes invitent à investir l’espace typographique pour l’habiter de dessins et symbols , rendant plus tangibles les questions de langages visuels .
Ce premier set d'éléments graphiques rassemble des dessins issus des archives ainsi que la collection des anciens logos
D’autres symboles pourraient s’y ajouter à l’occasion de workshops ou en lien aux expositions. Des fonctionalités Open Type supplémentaires pourraient alors être envisagées et écrites ensemble pour jouer sur des remplacements de signes situés.
Les fontes du set typographiques sont publiées sous licences libres et invitent à des ajouts ou modifications spécifiques pour l’identité.
L'ensemble de fontes en version desktop et web (woff) sont téléchargeables à cette adresse /ressources
Toutes ont été renommées avec le préfixe Ziselp-, ce qui permet de les voir rassemblées à un même endroit dans le menu fontes des applications de mise en page.
U001
U001 est une Univers libérée par URW. Dessinée par Adrian Frutiger chez Deberny & Peignot en 1957 pour les machines à écrire de marque IBM, L’univers est un classique de la typographie, contemporaine toujours 50 ans après. Elle est ordinaire et tout terrain. Elle sert ici les textes courants, descriptions, légendes et listes.
QT Bengual
QT Bengual est inspirée de la fonte dessinée par Ed Benguiat pour ITC au début des années 1980. Elle montre une forte influence Art Nouveau. C’est un caractère distinctif est particulièrement utilisé à l’époque pour des travaux d’affichage et de publicité. Elle apporte ici une claire plongée temporelle par son charisme et un écho visuel à notre hommage lierre.
Wremena
Wremena est une revisite de la Times par Roman Gornitsky en 2017, avec des empattements triangulaires aigus et des angles vifs. Elle apporte la note plus officielle voir académique et se prête bien aux situations de résidences et de recherche.
Spectral
La fonte Spectral est appelée pour les besoins d’italique est cohabitation avec la Wremena.
Comic Neue
« La Comic Neue aspire à être le choix d’écriture décontractée pour tout le monde, y compris pour les experts en typographie.» Elle a été dessinée en 2014, 20 ans après celle de Vincent Connare.
La molesse des glyphes de la Comic Sans originale y est retendue tout en conservant l’honnêteté qui a rendu la Comic Sans si populaire.
Elle vient ici en titrage comme pour re-habiter les liens entre culture populaire et art contemporain par le contour.
Ziselp
Ziselp est est version gonflée de la Comic Neue. Elle apporte le poids et moelleux nécessaire aux titrages.
Elle est ici en plein «Ziselp Fill» dans le menu. C'est donc à læ metteureuse en page de la passer en contour pour son usage suivant la charte. Ceci pour permettre d'ajuster l'épaisseur du contour en situation et de l’adopter aux filets ou dessins en cohabitation.
Cette fonte et ses évolutions seront pour la suite publiées sur la fonderie osp osp.kitchen/foundry
Par l'intermédiaire des fonctionnalités Open Type, les versions “Regular” de chaque fonte de l'identité permettent le remplacement automatique des suites de signes suivants pour faire apparaître le logo actuel de l'Iselp.
I_S_E_L_P
i_s_e_l_p
I..S..E..L..P
i..s..e..l..p
Ce qui laisse toujours la possibilité de taper l’acronyme I.S.E.L.P sans qu'il soit remplacé.
Les suites de glyphes suivants appellent les différentes versions du logo ☺
I.S.E.L.P.1
I.S.E.L.P.2
I.S.E.L.P.3
I.S.E.L.P.4
En minuscules ça marche aussi.
Dans l’ensemble, les fontes de l’identité dérivent toutes de caractères présents dans les menus des polices de la plupart des outils de traitement de texte standards. Elles se veulent accessibles, sobres, fonctionnelles.
On leur assignera plutôt un rôle sémantique: une fonte par partie, chapitre, etc.
Tout supports confondus
Le texte est composé en bas de casse (avec capitales en début de phrase). Il est aligné à gauche (pas de centrage). Son interlettrage n’est pas plus lardé (augmenté) que son réglage de base, et ce pour toutes les fontes de l’identité. Seuls les textes en grands corps ont de préférence un interlettrage resserré.
Seule la Ziselp est utilisée en contour noir, fond blanc. Les autres fontes sont utilisées simplement, sans contour, de préférence en noir.
Spécificités web
Les choix typographiques et les recommandations sémantiques énnoncées plus haut, s’appliquent également au web. La spécificité de ce support plus maléable et modulable demandera de redoubler d’attention sur certains choix. En effet, une page comme la “home-page” est une collection de chapitres, parties, etc., où possiblement toutes les fontes cohabiteront. Il s’agira donc de simplifier certains choix pour aider à la lisibilité de la structure de chaque partie en:
gardant les textes en noir seul
s’assurant de ne pas démultiplier les tailles de fontes et interlignages, au moins visuellement, pour les éléments de même catégorie sémantique comme les textes de labeur : ils sont tous en U001 à la même taille et interligne indépendemment du chapitre auxquel ils font partie. Idem pour les titres de section, etc.
Quelques examples concrets à inspecter si besoin:
Expo
17 Juin.9 Juil.
Crescendo #1
17 Juin.9 Juil.
Expo
Porté par deux écoles supérieures d’art, l’Esä | Dunkerque – Tourcoing et Les Beaux-arts de Liège, Crescendo est un projet transfrontalier visant l’accompagnement de jeunes artistes dans le développement de leur activité artistique et professionnelle.
De manière générale, nous utiliseront un simple tiret long “—” pour séparer des éléments. Pour indiquer une durée, nous pourrons si besoin, utiliser la longue flèche de l'univers →
Les flèches diagonales et en zigzag sorties des archives de l’exposition Néon sont à utiliser avec parcimonie et plus en qualité d’images.
Traitement images, photos et dessins
Les images et photos sont en pleine couleur ou noir et blanc. Elles ne sont pas traitées en transparence ou en bichromie.
Les dessins d’archives peuvent être vectorisés mais toujours en essayant au maximum de garder leur matérialité (pas d’effets de trames ou de traitements destructeurs). Elles gardent leurs identités d’archives en contour noir et fond blanc. Les dessins provenant d’ailleurs (ajouts contemporains) sont eux sur fond transparent et contour noir.
Les éléments et dessins d’archives, sont à utiliser de manière lisible (formes reconnaissables) et en lien au contenu avec lequel elles apparaissent. Nous ne les utiliseront donc pas comme éléments décoratifs de fond.
web
Les images mises sur des pages dont le fond est colorés, seront si besoin détourées, pour ne pas voir apparaître de bords et cadres blancs.
Couleurs
Pin’s et supports pleins
Vert pin’s
PANTONE 7472 C
HTML #5CB8B2
CMYK 61% 0% 28% 0%
Pêche pin’s
PANTONE 475 C
HTML #F3CFB3
CMYK 0% 15% 23% 0%
Violet pin’s
PANTONE 513 C
HTML #93328E
CMYK 48% 96% 0% 0%
Feuillets, supports papier
Les couleurs des feuillets ne sont à utiliser que pour les fonds pour signaliser differentes parties.
Pêche
PANTONE 1555 U
HTML #ffc29e
CMJN 0%, 24%, 38%, 0%
Bleu
PANTONE 551 C
HTML #9FC1D3
CMYK 35% 3% 5% 7%
Vert
PANTONE 344 C
HTML #A6DEC1
CMYK 33% 0% 26% 0%
Jaune
PANTONE 100u
HTML #FEF380
CMYK 0% 0% 66% 0%
Mauve
PANTONE 256u
HTML #D6BFDD
CMYK 11% 24% 0% 0%
web
Les expos et le événements ont un fond blanc
Les activités pédagogiques ont un fond vert #A6DEC1
Les pages recherches ont un fond beige-pêche #F3CFB3
Les pages podcast ont un fond jaune #fffaa1
Hiérachies, filets, fonds de couleurs et encadrés
Web
Les fonds de couleurs et encadrés, de manière générale, sont à utiliser avec précaution. Les deux peuvent servir à hiérachiser le contenu et s’utilisent de manière séparée. Soit la couleur, soit l’encadré.
Les filets aident à séparer certaines entités et grandes sections d’événements. Les couleurs hiérachisent par typologie de contenu. Les encadrés mettent en avant les éléments actifs du menu.
L’épaisseur des filets est synchronisée (filets, contours, bords d’encadrés, etc).
Réseaux sociaux
Les icônes des réseaux sociaux sont dessinés simplement, sans cadre, ni fond.
Les catégories de podcast Soundcloud ont chacune un principe graphique reconnaissable : Art au poing, Zoom, Pop corner, Expos, Résidences, Conférences one shot.
L’annonce des événements sur les réseaux suit un découpage qui de préférence croise texte et image. On essayera donc d’éviter d'avoir une slide avec image seule suivie d'une slide avec titre seul et plutôt d'encourager des séquences qui comme sur les autres supports, fondent l'identité — croisant titre, image et cadre.
Les images crées spécifiquement pour les réseaux sociaux suivent toutes les recommandation de l’identité décrite ci-dessus. S’il n’est pas possible de choisir les fontes de l'identité lors de la composition, il est encouragé de choisir une fonte sans sérif qui se rapprochera de U001 avec un usage en noir sans contour.
Futur et pérenité de l’identité
Ce guide est à suivre tant que possible pour durablement installer l’identité visuellement dans l'imaginaire du quartier et des visiteur·ices.
Cette identité n’est cependant pas immuable et sa pratique génèrera des adaptations, déclinaisons et extensions. Elle sera donc à étendre et à mettre à jour par la ou les personnes en charge des design graphiques de l'I.S.E.L.P. Les endroits présentis pour, à la fois, correspondre à l'identité et lui permettre d'évoluer sont les suivants:
Augmentation de la collection de glyphes pictogrammes
Toutes les fontes de l'identité sont publiées sous licences libres et invitent dès lors ses utilisateur·ices à les éditer, modifier et rediffuser. Comme expliqué plus-haut, une première collection de pictogrammes générés à partir des archives de l’iselp ont été insérés dans chacune des fontes. Cette collection pourrait être augmentée par d'autres morceaux d'archives. Ce travail pourrait être un moment public d'activation des archives ou un travail à l'échelle de l’équipe de l’instition.
Adaptation des règles typographiques à d'autres formats et supports
Il est évident que les formats et les supports de communications seront amenés évoluer avec le temps. Ce guide ne décrit qu'une série limitée de supports. Cette page sera donc à mettre à jour aussi bien en tant qu'archive, qu'en tant que set de recommandations adaptées à d'autres supports.
Adaptation des couleurs dans le temps
Les couleurs mentionnées dans ce guide font partie intérgrante de l'identité. Elles ont été choisies en relation aux teintes des rames de papier administratifs tels que ceux utilisés pour les premiers programmes de cours. Nous préconisons de garder cette sélection pendant une première période (courant sur deux années), pour aider à installer l’identité dans le temps. Cette gamme pourrait être revisitée ensuite si le besoin s’en fait sentir et ainsi amener d'autres ambiances et univers visuels. Pour le choix de cette palette future nous conseillons de rester sur une sélection reduite (de 4 à 6 couleurs) issues d’un champ lexical ludique, accessible ou populaire.
