Embed Size (px)
Citation preview
Une école de management à l’université
KIT COMMUNICATION Charte graphique à respecter pour la réalisation des outils et supports de communication
Valérie TANCRÉResponsable communication IAE Lille03 20 12 34 10 [email protected]
2
Respecter la charte graphique, c’est, chacun à sa mesure, porter et renforcer l’identité graphique de l’IAE Lille, que ce soit en interne ou à destination de l’ensemble denos publics.
Seule une application rigoureuse de cette charte graphiquepermettra de contribuer audéveloppement d’une image demarque forte et cohérente, en affichant les valeurs qui sont lesnotres et en affirmant notreprésence au sein d’unenvironnement en pleine mutation.
La charte graphiquepermet à chaquedocument de trouver sa place dans un cadre de référence.
Ce cadre n’est pas figé, il évoluenaturellement.
Pour tout usage ne figurant pasdans la charte, il importe que le service communication valideles choix effectués.
Service communication IAE Lille> [email protected]
1. Le logo
07.2017 | KIT COMMUNICATION4
Le logotype IAE Lille est compose ́de plusieurs élémentsindissociables :
La forme Le nom La base lineLe code couleurs
L’ensemble de ces éléments forme le logotype IAE Lille. Ils sont indissociables et ne s’utilisent pas de manièrefragmentée.
> UNE FORME
Une forme qui inspire à la foisla simplicité, la solidité et la rigueur.
Un format qui n’est pas sans rappeler celui du ticket de transport (un sésame qui ouvre les portes, emmène plus loin et fait progresser...).
Un élément graphique : Encoche | Curseur | Pointeur> poinçon> validation> « porte d’entrée » vers l’avenir> signe de mouvement et de dynamisme...
07.2017 | KIT COMMUNICATION5
> UNE COULEUR
CMJN C2 M100 J82 N6Pantone 186CRVB R220 V20 B60 Hex. #ff0000
Rouge, symbole de créativité, d’action, de dynamisme, de passion...Couleur puissante, qui offre un impact intéressant.
Ancrage territorial : référence à la Ville de Lille à la fois par la couleur et par la dénomination « IAE Lille ».
Utilisation d’un gris sobre et élégant en complément.
07.2017 | KIT COMMUNICATION6
> UN NOM
IAE LilleAbandon de la mention « Institut d’Administration des Entreprises » jugée (d’après une enquête nationale menée par le réseau IAE France) obsolète, pas toujours cohérente (administration/entreprises), et surtout peu dynamique...
Supression également de la « particule » entre IAE et la ville> IAE Lille et non plus IAE de Lille
07.2017 | KIT COMMUNICATION7
> UNE BASELINE
Ecole Universitaire de ManagementIntégration du positionnement « Ecole Universitaire de Management» comme base de son identité.
Au départ utilisée comme simple baseline, cette mention porte à la fois l’ADN de l’IAE et ses valeurs.
07.2017 | KIT COMMUNICATION8
> Le logo IAE Lille
Avec ce logo, l’IAE Lille souhaite véhiculer des messages simples et forts : • Cohérencedans l’action et dans l’offre de formation • Soliditéde notre école • Professionnalisme • Positionnementen tant qu’école universitaire de management
Cette image est le signe de l’affirmation de valeurs : Rigueur | Professionnalisme | Cohésion | Innovation Imagination | Modernité | Ouverture...
07.2017 | KIT COMMUNICATION9
Sa forme, ses proportions, sa couleur, son nom et sa baseline ne sont pas modifiables.
2. Les utilisations
Le logo IAE Lille est utilisé dans sa couleur originale, il accepte cependant une version en niveau de gris et une version noir et blanc.
07.2017 | KIT COMMUNICATION11
Que ce soit pour une utilisation sur le web ou pour réaliser un document imprimé, il est important d’utiliser les bons fichiers images.
> EPS pour l’impression de documents et supports de communicationUn fichier EPS (Encapsulated PostScript) est un fichier PostScript encapsulé, c'est-à-dire un fichier prévu pour pouvoir être incorporé dans un autre fichier. Ces images sont des images vectorielles, qui peuvent être agrandies sans perte de qualité.
> JPEG ou PNG pour l’affichage sur supports numériques
07.2017 | KIT COMMUNICATION12
JPEG• Affichage de millions de couleurs• Format par défaut des appareils photos numériques• Compresse l’image avec une perte d’information• Ne conserve pas les informations de transparence
Format à utiliser pour les photos et les images quandle poids du fichier est un facteur important. Ex : sitesweb, chargements sur Facebook, Pinterest…
Format à ne pas utiliserpour des illustrations avec desdégradés et des transparences.
PNG• 256 couleurs• Compresse l’image sans perte d’information• Conserve les propriétés de transparence et de dégradé d’opacité ou de couleur de l’image originale (png 24-bit)
Format à utiliser pour les logos, les illustrationsavec dégradés et transparences, les photosintégrées à du print, les photographies quand lataille du fichier n’est pas un problème.
Le logo IAE Lille doit être utilisé sur fond blanc ou fond clair. Une importance particulière est portée à la lisibilité du logo par rapport au contrasteavec le fond du support/document.
07.2017 | KIT COMMUNICATION13
Le logo IAE Lille ne doit pas être déformé.Ni dans sa hauteur, ni dans sa largeur. Ne pas lui appliquer d’effet.
La couleur du logo ne peut pas être modifiée.
07.2017 | KIT COMMUNICATION14
3. La couleur
> La gamme de couleurs institutionnelles
CMJN C2 M100 J82 N6RVB R220 V20 B60 Hex. #ff0000
CMJN C0 M0 J0 N20RVB R204 V204 B204Hex. #cccccc
CMJN C0 M0 J0 N60RVB R153 V153 B153Hex. #999999
CMJN C0 M0 J0 N80RVB R102 V102 B102Hex. #666666
07.2017 | KIT COMMUNICATION16
> La palette de couleurs d’accompagnement
Le rouge du logo étant très prégnant, nous avons sélectionné une gamme de couleursd’accompagnement qui permettent – tout en restant cohérent – de formaliser des messagesavec une certaine liberté et ainsi d’éviter le risque de monotonie.
C100 M80 J0 N20 C80 M100 J20 N10C100 M70 J0 N10 C60 M100 J10 N10C100 M45 J0 N5 C35 M100 J5 N15C100 M5 J0 N5 C0 M100 J5 N20
C100 M50 J50 N0 C0 M70 J100 N5C100 M10 J50 N0 C0 M55 J100 N5C80 M20 J40 N0 C0 M35 J100 N0C80 M10 J30 N0 C0 M20 J100 N0
C100 M50 J80 N0 C50 M45 J60 N15C90 M35 J100 N0 C45 M50 J70 N10C70 M20 J100 N0 C35 M40 J70 N0C50 M0 J100 N0 C25 M25 J60 N0
N100
07.2017 | KIT COMMUNICATION17
18
CMJNLa quadrichromie ou le code couleur CMJN (notéaussi CMYK en anglais) est utilisé en imprimerie,et permet de choisir une couleur en fonction durendu que cela donne en impression.Il se présente sous la forme de 4 codes (Cyan,Magenta, Jaune et Noir) chacun représentant lepourcentage de la couleur utilisée.
RVBLe RVB (Rouge, Vert, Bleu) ou RGB (Red, Green,Blue) est le mode colorimétrique utilisé par défautsur les écrans d’ordinateur. L’affichage des couleurs dépend de la configu-ration de votre écran. Sur deux écrans différents,les couleurs affichées peuvent avoir un rendudifférent même si les nuances sont respectées.
HexLe code HTML (ou code hexadécimal) est unnouveau code couleur. Il est apparenté au codeRVB et sera donc préconisé pour une utilisationsur écran. Il se compose de 6 chiffres ou lettresprécédés par un #.
Quelle différence entre le RVB et le CMJN ?En fait c’est très simple, le mode colorimétrique doit s’adapter à l’utilisationfinale de votre nouveau document ou support de communication, car les couleurs s’affichent de manière différente selon les profils sélectionnés.
Le RVB est parfaitement adapté à la création graphique pour le web. Si vos documents doivent rester sur le web ou êtres consultés à partir d’un écran, travaillez en RVB ;
En revanche, si votre document est destiné à être imprimé, quel que soit le support (dépliant, affiche, plaquette…), et pour éviter que les couleurs affichées à l’écran n’aient pas le même rendu surpapier une fois imprimées, il faudrautiliser le mode CMJN.
> Les codes couleurs FORMATIONS
Licence GestionCMJN C100 M70 J0 N10RVB R3 V77 B162 Hex. #034DA2
Licence ProfessionnelleCMJN C0 M70 J100 N5RVB R246 V87 B15 Hex. #F6570F
Master Comptabilité Contrôle AuditMaster Contrôle de Gestion et Audit OrganisationnelMaster FinanceMaster Gestion des ressources HumainesMaster ManagementMaster Management StratégiqueDoctorat Sciences de GestionCMJN C0 M100 J5 N20RVB R213 V0 B111 Hex. Hex.#D5006F
07.2017 | KIT COMMUNICATION19
Master Management de l’InnovationCMJN C60 M100 J10 N10RVB R134 V14 B124 Hex. #860E7C
Master Marketing, VenteCMJN C70 M20 J100 N0RVB R59 V168 B71 Hex. #3BA847
Master Management et Administration des EntreprisesCMJN C100 M5 J0 N5RVB R0 V163 B228 Hex. #00A3E4
Master Entrepreneuriat et Management par ProjetsCMJN C100 M45 J0 N5RVB R0 V113 B190 Hex. #0071BE
Certificat d’études supérieures après Licence ou MasterCMJN C35 M40 J70 N10RVB R166 V153 B77 Hex. #a6994d
07.2017 | KIT COMMUNICATION20
4. La typographie
> L’univers typographiqueL’univers typographique qui vient compléter le logotype est volontairement moderne, sobre et équilibré.
La typo DIN utilisée à la fois pour les titres et les textes offre une excellente lisibilité, tout en apportant une touche élégante.
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
Cette typographie n’étant pas livrée par défaut dans les programmes bureautique, il est alors préconisé d’utiliser une typographie « neutre » : Arial ou Calibri.
07.2017 | KIT COMMUNICATION22
DIN-LightLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet vulputate tellus. Nulla volutpat fringillaleo, vitae eleifend purus vehicula ut. Vivamus mattis rutrum volutpat. Phasellus tristique mauris augue, ataliquam dolor lacinia vitae. Maecenas et urna sagittis, interdum libero et, facilisis dui.
DIN-RegularLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet vulputate tellus. Nulla volutpat fringillaleo, vitae eleifend purus vehicula ut. Vivamus mattis rutrum volutpat. Phasellus tristique mauris augue, ataliquam dolor lacinia vitae. Maecenas et urna sagittis, interdum libero et, facilisis dui.
DIN-MediumLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet vulputate tellus. Nulla volutpatfringilla leo, vitae eleifend purus vehicula ut. Vivamus mattis rutrum volutpat. Phasellus tristique maurisaugue, at aliquam dolor lacinia vitae. Maecenas et urna sagittis, interdum libero et, facilisis dui.
DIN-BoldLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet vulputate tellus. Nulla volutpatfringilla leo, vitae eleifend purus vehicula ut. Vivamus mattis rutrum volutpat. Phasellus tristique maurisaugue, at aliquam dolor lacinia vitae. Maecenas et urna sagittis, interdum libero et, facilisis dui.
DIN-BlackLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet vulputate tellus. Nulla volutpatfringilla leo, vitae eleifend purus vehicula ut. Vivamus mattis rutrum volutpat. Phasellus tristique maurisaugue, at aliquam dolor lacinia vitae. Maecenas et urna sagittis, interdum libero et, facilisis dui.
07.2017 | KIT COMMUNICATION23
Conseils et renseignements complémentaires
Valérie TANCRÉResponsable Communication IAE Lille> 03 20 12 34 10 - Bureau [email protected]
Stéphanie LEFEBVREResponsable Projets et Vie étudiante> 03 20 12 34 93 - Bureau [email protected]
