Charte graphique et
ĂŠditoriale
BCU de Clermont-Ferrand
Avant-propos Ce document propose un ensemble de normes graphiques et typographiques destinées par l’harmonisation de ses outils de communication, à asseoir l'image de la BCU de Clermont-Ferrand. Il est à la disposition de l'ensemble des membres de la BCU ainsi que des graphistes et autres professionnels de l'édition pour leur permettre d'appliquer facilement les règles d'identité visuelle du logotype général et ses déclinaisons, en-tête de lettre, cartes de visite, cartes de correspondance et enveloppes. Les codes de l'identité visuelle doivent être respectés de manière systématique et rigoureuse afin de garantir la cohérence de l'image diffusée. Ces normes doivent être suivies sur tous les supports de la communication de la BCU de Clermont-Ferrand.
BCU - Identité visuelle 3
Sommaire Charte graphique Logotypes Général Sections Typographie
p9 p 12 p 16
Papeterie En-tête de lettre Carte de correspondance Carte de visite Enveloppes
p 17 p 18 p 19 p 20
Documents nécessaires à l'activité quotidienne des services Affiches p 21
Charte éditoriale Modalités d’application Objectifs de la charte éditoriale Les utilisateurs de la charte éditoriale Les engagements des contributeurs
p 25 p 25 p 25
Le portail de la BCU : Positionnement, cible, structure éditoriale Positionnement p 25 Structure éditoriale p 25 Les mini-sites diciplinaires p 26 Positionnement et cible p 26 Structure éditoriale p 26 Typologie des contenus au sein des mini-sites p 26 Les actualités p 26 Les billets de blog p 27 Les pages bibliothèques p 27 Les autres pages web p 28 Statut et droit des administrateurs et des contributeurs au sein des mini-sites p 28 Recommandations formelles pour la rédaction des contenus du portail de la BCU p 28 Ecrire pour l’écran p 29 Recommandations pour la mise en ligne des images sur le portail de la BCU. p 30 Les images sur le portail de la BCU p 30 Images et droit d’auteur p 30 Vignette et image p 30 Règles de nommage des images. p 31 Insérer des images dans le corps du texte p 31 Gestion des images dans le serveur p 31 Mettre en ligne des bibliographies ou des listes d’ouvrages. p 32 BCU - Identité visuelle et éditoriale 5
Charte graphique
Logotype général Quadri Police : Century Gothic
BIBLIOTHEQUE CLERMONT UNIVERSITE
Pantone
293 C
Code hex. RVB
Cyan Magenta Yellow Black
99% 74% 0% 0%
Quadri
Cyan Magenta Yellow Black
51% 17% 96% 1%
Quadri
Cyan Magenta Yellow Black
56% 98% 0% 0%
Quadri
Cyan Magenta Yellow Black
100% 1% 5% 5%
Quadri
Cyan Magenta Yellow Black
0% 100% 75% 4%
Quadri
Cyan Magenta Yellow Black
0% 52% 100% 0%
#0046ad R0
V 70
B 173
Pantone
390 C
Code hex. RVB
Quadri
#95aa27 R 149 V 170 B 39
NE PAS FAIRE : ? ne pas l’encadrer, ? ne pas le souligner , ? ne pas le déformer.
Pantone
RVB
Pour toute reproduction, partez de la version originale du logo plutôt que de modifier la taille d'une version déjà en ligne. Utilisez le format png, gif ou jpg choisi avec le taux de compression ou d'échantillonnage approprié. N'hésitez pas à le demander en haute résolution au service bibliothèque numérique.
513 C
Code hex.
#9c1a87 R 156 V 26 B 135
Pantone
639 C
Code hex. RVB
#009ec7 R0
V 158 B 199
Pantone
186 C
Code hex. RVB
#cf142b R 207
Pantone
B 43
144 C
Code hex. RVB
V 20
#ff7a00 R 255
V 122
B0
BCU - Identité visuelle et éditoriale 9
Logotype général 2 couleurs Police : Century Gothic
BIBLIOTHEQUE CLERMONT UNIVERSITE Les rectangles sont à 80% du bleu
Pantone
293 C
Code hex.
#0046ad
RVB
R0
V 70
Quadri
Cyan Magenta Yellow Black
B 173 99% 74% 0% 0%
1 couleur Police : Century Gothic
BIBLIOTHEQUE CLERMONT UNIVERSITE Les rectangles sont à 80% du bleu CLERMONT UNIVERSITE devient bleu
Niveau de gris Police : Century Gothic
BIBLIOTHEQUE CLERMONT UNIVERSITE % des rectangles de gauche à droite : 50% 80% 80% 60% 70% 30% BCU - Identité visuelle et éditoriale 10
Logotype général Noir et blanc
Négatif
BCU - Identité visuelle et éditoriale 11
Logotype services Déclinaison des réseaux disciplinaires
Service Direction des affaires générales Police et couleurs : identique au logo général Police : Century Gothic
Service Bibliothèque numérique Police et couleurs : identique au logo général
Police : Century Gothic
Service Sciences et techniques, STAPS
Police : Century Gothic
Pantone
186 C
Code hex.
#cf142b
RVB
R 207
V 20
Quadri
Cyan Magenta Yellow Black
B 43 0% 100% 75% 4%
BCU - Identité visuelle et éditoriale 12
Logotype services Déclinaison des réseaux disciplinaires
Service Droit et Sciences Economiques Police : Century Gothic
Pantone
144 C
Code hex.
#ff7a00
RVB
R 255
V 122
Quadri
Cyan Magenta Yellow Black
B0 0% 52% 100% 0%
Service Lettres et sciences humaines Police : Century Gothic
Pantone Code hex.
513 C #9c1a87
RVB
R 156 V 26 B 135
Quadri
Cyan Magenta Yellow Black
56% 98% 0% 0%
Bibliothèque Maison des sciences de l’homme Police : Century Gothic
Pantone Code hex.
513 C #9c1a87
RVB
R 156 V 26 B 135
Quadri
Cyan Magenta Yellow Black
56% 98% 0% 0%
BCU - Identité visuelle et éditoriale 13
Logotype services Déclinaison des réseaux disciplinaires
Service Santé Police : Century Gothic
Pantone
639 C
Code hex.
#009ec7
RVB
R0
Quadri
Cyan Magenta Yellow Black
V 158 B 199 100% 1% 5% 5%
Bibliothèque IUT de Clermont-Ferrand Police : Century Gothic
Pantone
362 C
Code hex.
#009700
RVB
R 20
V 152 B 47
Quadri
Cyan Magenta Yellow Black
82% 7% 100% 1%
Bibliothèque IUT d’Allier, Montluçon, Vichy Police : Century Gothic
Pantone
362 C
Code hex.
#009700
RVB
R 20
V 152 B 47
Quadri
Cyan Magenta Yellow Black
82% 7% 100% 1%
BCU - Identité visuelle et éditoriale 14
Logotype services Déclinaison des réseaux disciplinaires
Bibliothèque Antenne Univ. d’Aurillac Police : Century Gothic
Pantone
362 C
Code hex.
#009700
RVB
R 20
V 152 B 47
Quadri
Cyan Magenta Yellow Black
82% 7% 100% 1%
Bibliothèque IUFM Police : Century Gothic
Pantone Code hex.
390 C #95aa27
RVB
R 149 V 170 B 39
Quadri
Cyan Magenta Yellow Black
51% 17% 96% 1%
BCU - Identité visuelle et éditoriale 15
Logotype typographie Quel que soit le logotype “BIBLIOTHEQUE” et “CLERMONT UNIVERSITE” sont en Century Gothic Regular
Toutes les dénominations des bibliothèques sont en Century Gothic Gras
BCU - Identité visuelle et éditoriale 16
Papeterie en-tête de lettre La mise en page des en-têtes de lettres (A4) de tout le réseau BCU est identique. Chaque service a son logotype et ses coordonnées propres.
En-tête - 210 x 297 mm
logo dim. 50 x 30 mm centré
échelle 72%
marge de 10 mm
Pied de page (centré) police : Century Gothic - 10 pt Couleur black à 70%
BCU Nom du service adresse téléphone et fax Site web
BCU - Identité visuelle et éditoriale 17
Papeterie carte de correspondance La mise en page et le fond des cartes de correspondance (150 x 210 mm) de tout le réseau BCU est identique. Chaque service a son logotype et ses coordonnées propres.
logo section /dim. 50 x 30 mm
Fond : Logotype général quadri à 20%
5 mm du bord
5 mm du bord
Exemple du service bibliothèque numérique
5 mm du bord
Pied (centré) police : Century Gothic - 8 pt Couleur black à 70%
échelle 73%
BCU - Nom du service adresse - téléphone et fax Site web
Exemple Service Santé
échelle 73% BCU - Identité visuelle et éditoriale 18
Papeterie carte de visite La mise en page et le fond des cartes de visite (85 x 55 mm) de tout le réseaux BCU est identique. Chaque service a son logotype et ses coordonnées propres.
échelle 100%
logo service dim. 31 x 18 mm
3 mm du bord
3 mm du bord
Fond : Logotype général quadri à 20%
3 mm du bord
Identité
Pied (gauche) police : Century Gothic - 5 pt Couleur black à 70% BCU Nom du service
Prénom NOM police : Century Gothic bold 6 pt Couleur black à 70% mail police : Century Gothic italic 5 pt Couleur black à 70%
adresse téléphone et fax Site web
BCU - Identité visuelle et éditoriale 19
Papeterie enveloppes La mise en page des enveloppes de tout le réseau BCU est identique.
110 x 220 mm sans fenêtre
échelle 50%
Logotype général Niveaux de gris
110 x 220 mm avec fenêtre
échelle 50%
Logotype général Niveaux de gris
114 x 162 mm
Logotype général Niveaux de gris
BCU - Identité visuelle et éditoriale 20
échelle 50%
Documents nécessaires à l’activité quotidienne des services
Affiches A3 ou A4, portrait ou paysage
Logotype du service
Logotype du service
BCU - Identité visuelle et éditoriale 21
C harte ĂŠditoriale du site de la
BCU de Clermont-Ferrand
Modalités d’application Objectifs de la charte éditoriale La présente charte a pour objectif de définir la ligne éditoriale du site web de la BCU, ainsi que ses missions, son positionnement, son public. Elle présente également un ensemble de règles et de recommandations afin d’assurer la qualité et la cohérence des contenus publiés sur le portail de la BCU. Les utilisateurs de la charte éditoriale La présente charte éditoriale s’adresse à tous les contributeurs amenés à alimenter les contenus du portail de la BCU. Tout nouveau contributeur doit demander aux administrateurs du portail la création d’un compte utilisateur avec login et mot de passe associés. Les engagements des contributeurs Le Directeur de la BCU est directeur de publication du portail de la BCU. Il est responsable juridiquement de tous les contenus publiés, tout en étant garant de la politique éditoriale. Tout contributeur s’engage à respecter la charte éditoriale du portail de la BCU. ? A ne mettre en ligne que des informations fiables et vérifiées. ? A respecter la législation en vigueur en terme de droit d’auteur. ? A mettre à jour les informations publiées.
Le portail de la BCU : Positionnement, cible, structure éditoriale Positionnement Le site de la BCU se doit d’être le reflet des valeurs d’excellence, d’ouverture et d’égalité des chances au cœur des missions des bibliothèques du PRES Clermont Université. Le portail de la BCU, dans son ensemble, se positionne selon une logique d’accès facilité aux ressources et aux services de la bibliothèque d’une part, mais il doit être une vitrine numérique du rayonnement culturel de la BCU, en demeurant un des vecteurs majeurs de la diffusion de la culture scientifique. Cible La cible du site de la BCU est constituée par les étudiants, les chercheurs et les enseignants des deux universités clermontoises. Cette cible doit être constamment prise en compte lors de la rédaction des contenus. Structure éditoriale Le portail de la BCU est composé d’un site principal et de six mini-sites diciplinaires correspondant aux sections de la BCU. BCU - Identité visuelle et éditoriale 25
Le site principal de la BCU déploie l’offre globale de la BCU en termes de services et de ressources, présente les actualités du réseau, et les évènements liés à la diffusion de la culture scientifique via l’agenda culturel. Les mini-sites constituent des réseaux disciplinaires, au sens où ils déploient l’offre spécifique des bibliothèques en termes de ressources et de services. Les mini-sites diciplinaires Positionnement et cible Les mini-sites se positionnent selon une logique d’expertise et de proximité. Expertise des bibliothécaires dans les disciplines de la section, proximité vis-à-vis de la cible, les étudiants, enseignants et chercheurs, qui ont des habitudes documentaires au sein de ces bibliothèques. Structure éditoriale Constituant des composantes du portail de la BCU, les mini-sites obéissent à une structure commune. Inclus dans le portail de la BCU, ils donnent accès à l’ensemble des ressources et des services de la BCU, matérialisé par le menu horizontal, et proposent en outre une offre de ressources et de services spécifiques, matérialisé par le menu de la colonne de gauche. Le menu des mini-sites déploie l’offre de ressources et de service de chaque bibliothèques. En l’état actuel des choses, les menus des mini-sites ne présentent pas tout à fait les mêmes rubriques d’une bibliothèque à l’autre. Cette disparité est liée à l’offre variable de ressources et de services au sein des sections. En dépit de ces divergences, la structure globale de ce menu se doit de rester identique d’un mini-site à l’autre. La structure globale du menu des mini-sites se compose comme suit : - Les bibliothèques du réseau. - Les services du réseau - Les ressources du réseau - Blog-note, le blog du réseau. Typologie des contenus au sein des mini-sites Les actualités Les actualités des sections se déploient sur la page d’accueil des mini-sites. Les actualités sont des informations ponctuelles concernant la vie des bibliothèques des réseaux disciplinaires. Voici quelques exemples d’actualité : ? Annonce de nouveaux horaires d’une bibliothèque. ? Annonce d’une exposition à la bibliothèque ? Annonce d’un nouveau service proposé au sein d’une bibliothèque. ? Liste des nouvelles acquisitions.
BCU - Identité visuelle et éditoriale 26
Les billets de blog Les billets de blog alimentent les blog-notes des réseaux disciplinaires. A la différence des actualités, les billets de blog ont une valeur pérenne. L’enjeu des billets de blog est de valoriser les collections et les services des bibliothèques des sections de la BCU et de contribuer à la diffusion de la culture scientifique. Les billets de blog-notes peuvent également se faire l’écho des conférences des universités en relation avec les disciplines des sections. Voici quelques exemples de billets de blog-notes : ? Focus sur un nouvel ouvrage commandé à la bibliothèque ? Focus sur une ressource électronique en lien avec la discipline de la section. ? Focus sur une thématique d’une des disciplines des sections et présentation d’une bibliographie en lien avec cette thématique. ? Une actualité peut être le prétexte d’un billet de blog, par exemple un billet peut être écrit en lien avec la thématique d’une exposition organisée à la bibliothèque. Actualités et billets de blog-note ne doivent pas être confondus. Il est essentiel de bien distinguer ces deux types de contenus, d’autant plus qu’il pourra être envisagé à l’avenir de regrouper les blogs disciplinaires en un blog unique.
Les pages bibliothèques. Les pages bibliothèques donnent des informations pratiques essentielles sur chaque bibliothèque du réseau. Chaque page bibliothèque est illustrée par une photographie donnant à voir la bibliothèque concernée. Au sein des mini-sites, les pages bibliothèque sont composées de quatre blocs distincts de contenus. Présentation de la bibliothèque et de ses fonds. o o
Liste des services proposés par la bibliothèque. Coordonnées. Dans ce bloc, il est essentiel d’indiquer l’adresse et le numéro de téléphone de la bibliothèque, mais aussi le nom et le courriel du responsable de la bibliothèque.
o
Horaires. Concernant les horaires des bibliothèques, il est essentiel d’adopter la présentation suivante, dans la mesure où l’ensemble des blocs horaires est automatiquement agrégé pour réaliser la page horaire du portail de la BCU. ? Exemple : ? Lundi : 9h30-16h30 ? Mardi : 9h30-17h30 ? Mercredi : 9h30-15h30 ? Jeudi : 9h30-17h30 ? Vendredi : 9h30-15h30
Horaires réduits pendant les vacances scolaires.
o Accès (position précise dans un bâtiment ; desserte assurée par les transports publics). BCU - Identité visuelle et éditoriale 27
Les autres pages web. - D’autres pages web peuvent être créées afin d’enrichir les contenus des mini-sites. Ces pages web ne peuvent être créées que si elles s’insèrent dans les rubriques principales du menu des mini-sites, à savoir : - les bibliothèques du réseau - les services du réseau - les ressources du réseau. Exemple de page web : - une page recensant les bibliographies en lien avec la discipline de la section. - une page recensant la liste des mémoires de master en lien avec la discipline de la section. - Une page précisant les modalités de formation dispensée au sein de la section.
Statut et droit administrateurs et des contributeurs au sein des mini-sites. En l’état actuel des choses, les six réseaux de la BCU ont adopté des politiques éditoriales différentes en matière de validation des contenus. Cette divergence est notamment liée au nombre variable de contributeurs au sein des sections. - Pour les bibliothèques Sciences et STAPS, Santé, Droit et Sciences économiques : o Les contributeurs peuvent créer des actualités et des billets de blog-notes, mais ne peuvent les publier. o Il incombe aux administrateurs de valider les contenus des contributeurs, afin de les publier. Outre la validation des contenus, les administrateurs peuvent également créer des actualités, des billets de blog-notes, et si nécessaire des pages de présentation des bibliothèques. Ils ont la possibilité de modifier le menu des mini-sites pour ajouter des pages web, afin d’enrichir les rubriques de ce menu.
- Pour les bibliothèques Lettres et Sciences Humaines, IUT, IUFM : o les contributeurs peuvent publier directement des actualités, et des billets de blognotes o Les administrateurs peuvent également créer des actualités et des articles de blog notes, mais aussi des pages bibliothèques. Ils peuvent si nécessaire ajouter des pages web au menu des mini-sites.
Recommandations formelles pour la rédaction des contenus du portail de la BCU Au vu du nombre important de contributeurs, et afin de garantir la cohérence et l’homogénéité des contenus sur le portail de la BCU, il est essentiel de se conformer à quelques règles pour la rédaction des contenus.
BCU - Identité visuelle et éditoriale 28
Ecrire pour l’écran Les contenus publiés sur le portail de la BCU doivent se plier aux exigences spécifiques de l’écriture pour l’écran. Les titres doivent rester courts, explicites, percutants et incitatifs, et utiliser les mots clés stratégiques pour être bien référencés par les moteurs de recherche. De façon formelle, la première lettre de chaque titre doit être capitale, afin d’homogénéiser la présentation des titres. Les contributeurs des mini-sites doivent se rappeler que les titres des actualités sont visibles sur la page d’accueil du portail, dans les cadres de couleur dédiés aux minisites. L’impératif de rester court est aussi lié à la nécessité de ne jamais dépasser ces cadres. De manière générale, il est essentiel…d’aller à l’essentiel. La règle des 5W, utilisée par les journalistes, constitue une aide précieuse. Les 5 W pour who, what, when, where, why, qui, quoi, quand, où, pourquoi. De la même manière, les contributeurs peuvent se référer à la règle de la pyramide inversée. Cette règle consiste à « présenter l’information immédiatement accessible en haut de page afin d’atteindre immédiatement la cible » si on se réfère au site actionrédaction.com. Il s’agit d’abord d’aller à l’essentiel, au plus nouveau, et au plus proche du lecteur, en allant du plus au moins important, et en développant progressivement les détails explicitant l’information essentielle. Ce schéma issu du site action-rédaction.com peut être éclairant :
Les paragraphes doivent rester courts, concis et construits pour favoriser une lecture rapide. Dans la mesure du possible, il est souhaitable de rédiger des accroches concises pour inciter les usagers à lire les contenus publiés. La lecture des textes sur Internet se fait souvent en diagonale, les lecteurs repérant les mots clés et les phrases qui les intéressent. Les exigences de l’écriture pour l’écran préconisent de rédiger une idée par paragraphe. Les phrases doivent rester courtes dans la mesure du possible, et ne pas dépasser vingt mots. Cette règle est liée aux limites de l’empan mnésique. Il s’agit de la « quantité limitée d'environ 7 (+-2) unités d'information pouvant être retenues en mémoire à court terme pour une période restreinte de moins d'une minute. L'information est très vulnérable à l'interférence et à la distraction. » (Cette définition est tirée de la
BCU - Identité visuelle et éditoriale 29
Terminologie de neuropsychologie et de neurologie du comportement. Recherche et réd. Louise Bérubé., c1991., 176 p.) Dans la mesure du possible, il est préférable d’utiliser des tournures et des mots simples, afin d’être immédiatement compris par les usagers. Il est préférable d’insérer les liens hypertextes sur les mots-clés du texte, afin de favoriser le référencement des contenus. D’une manière générale il est souhaitable d’éviter les formulations comme : « cliquez ici pour en savoir plus. » Il est préférable d’insérer le lien sur l’expression « Pour en savoir plus. » En dehors des listes de références bibliographiques, il faut mieux éviter de mettre en ligne l’url complète d’une ressource en ligne.
Recommandations pour la mise en ligne des images sur le portail de la BCU
Les images sur le portail de la BCU ? Les actualités et les billets de blog sont obligatoirement illustrés par des images.
Images et droit d’auteur - Les images mises en lignes doivent être libres de droit. - Pour rechercher des images libres de droit sur Internet, on peut chercher dans le site flickr, ou faire une recherche avancée dans google
Vignette et image - L’interface du logiciel drupal permet lors de la création d’actualité ou d’article de blog de sélectionner une vignette et une image :
Il est essentiel de rappeler que la vignette doit être identique à l’image utilisée. C’est donc le même fichier image qui doit être sélectionné pour le transfert de la vignette et le transfert de l’image. BCU - Identité visuelle et éditoriale 30
Règles de nommage des images - Il est essentiel de veiller à nommer les images de façon simple avant de les insérer dans le site de la BCU. Dans la mesure où les images utilisées sur le portail peuvent être téléchargées par les usagers, le nom du fichier doit correspondre à l’image insérée. En effet, une image mal nommée peut générer un bug. Le nom du fichier image doit être dénué de caractère spéciaux, comme par exemple : »%)^=$*ù ! Ce type de caractère est à même de générer un bug du site. Insérer des images dans le corps du texte Les images insérées dans le corps du texte doivent être espacées par rapport au texte et par rapport aux autres images. Il est essentiel d’avoir entre chaque image un espacement d’au moins 15 mm, en réglant l’espacement horizontal et vertical à l’aide de l’interface de réglage des images. De la même manière, il est essentiel d’indiquer dans le champ description de l’image le nom associé à l’image correspondante, eu égard aux déficients visuels qui pourront alors accéder à cette information.
Gestion des images dans le serveur Comme tout autre fichier, les images doivent correctement rangées dans les fichiers du serveur. Il faut utiliser à bon escient les fichiers présents sur le serveur comme dans l’exemple suivant :
BCU - Identité visuelle et éditoriale 31
Mettre en ligne des bibliographies ou des listes d’ouvrages Mettre en ligne des bibliographies ou des listes de références bibliographiques implique de respecter les normes courantes de citation bibliographique, et notamment la norme ISO 690 : Documentation : Références bibliographiques : Contenu, forme et structure, et son extension Z 44-005-2 (ISO 690-2) de février 1998 pour les documents électroniques, documents complets ou parties de documents. Voici l’ordre des composantes bibliographiques à respecter pour citer des références : Ce schéma minimal pourra être adopté pour mettre en ligne des références bibliographiques dans les billets de blog-note. Responsabilité principale. Titre en italique. Numéro d’édition. Lieu : éditeur, année. ISBN. Exemple : MESGUICH, Véronique et THOMAS, Armelle. Net recherche 2010 : le guide pratique pour mieux trouver l'information utile et surveiller le web. 4e éd. Paris : ADBS, 2010. ISBN 978-2-84365-124-3. Il pourra être légitimement complété par le cas échéant par la cote du document dans la bibliothèque concernée et par le lien vers la notice dans le catalogue.
BCU - Identité visuelle et éditoriale 32