Académique Documents
Professionnel Documents
Culture Documents
GRAPHIQUE
V1.3 OCTOBRE 2013
Introduction
Cette charte graphique et éditoriale La mise en œuvre de notre identité L’identité visuelle de l’UPEM est
est l’aboutissement d’une étude a été conduite dans une démarche celle d’une université convaincue
identitaire portant sur la création : participative en groupe de pilotage de la nécessité de faire connaître
• de notre nouveau nom et logotype : et s’est concrétisée par la présentation dans son unité l’activité de ses
UPEM - Université Paris-Est de maquettes finalisées auprès d’un Services, Composantes et Unités
Marne-la-Vallée, plus simple large public interne et externe pour de Recherche au grand public,
et plus mémorisable, recueillir observations et suggestions. aux étudiants, aux entreprises,
• d’une signature institutionnelle qui aux responsables d’enseignement
l’accompagnera “Apprendre, Cette évolution était rendue et de recherche, aux prescripteurs,
Inventer, Comprendre”, illustrant indispensable d’une part par notre à ses partenaires institutionnels
les atouts de notre université et changement de nom et, d’autre part, et économiques, tant en France
permettant de lui conférer davantage par la nécéssité de rendre cohérents qu’à l’international.
de sens tout en fédérant l’ensemble notre image et l’ensemble de nos
de la communauté, supports de communication. Pour vous aider dans l’application
• de l’ensemble des déclinaisons de cette charte, un site web a été
de notre nouvelle identité visuelle La refonte de notre identité démontre spécialement conçu :
sur la papeterie et tous les supports à la fois une volonté de simplification, www.u-pem.fr/charte-graphique Gilles Roussel
de communication qu’ils soient émis de modernisation et de cohérence Président de l’UPEM
par les Services, les Composantes pour notre établissement. Du respect de ce document dépendront Université Paris-Est Marne-la-Vallée
ou les Unités de Recherche. la force et la cohérence de notre image.
La nouvelle identité visuelle
assure ainsi cette indispensable
reconnaissance du lien entre tous les
acteurs de notre communauté.
2
UPEM CHARTE GRAPHIQUE
Sommaire
LE Logotype & LES éléments graphiques 4 La papeterie et la bureautique 25 LES éditions 40
Le logotype 5 Papeterie Le niveau institutionnel et Services
La trame, les versions 6 La tête de lettre Services, Composantes (formats A4) 41
La zone de protection 11 et Unités de Recherche 26 Le niveau Composantes et Unités de Recherche
Les références couleurs 12 La mise en page 27 (formats A4) 42
Le logo sur des fonds 13 Les cartes de visite et cartes Les formats A5 43
Les interdits 14 de correspondance 28 Les formats 100 x 210mm 44
Services, Composantes et Unités Les formats 140 x 300mm 45
L’univers de marque 15 de Recherche 29 La chemise, rapport ou dossier
La signature institutionnelle 16 Les enveloppes 30 de présentation 46
Les typographies 17 La télécopie et le bordereau d’envoi 31 Les pages internes 47
Les couleurs d’accompagnement 18 L’affiche (formats A3) 48
Les couleurs en dégradé 19 Documents institutionnels
La trame illustrative 20 Le carton d’invitation 32 La signalétique 49
Le tampon et la flamme postale 33 Information : Marquage bâtiment
L’ARCHITECTURE DE MARQUE 21 Le communiqué de presse 34 et panneau de porte 50
Les Composantes 22 Orientation : Totem, panneau et banderole 51
Les Unités de Recherche Supports multimédia Évènementiel : Banderole et kakemono 52
mono et multi-tutelles 23 La signature mail et le bandeau mail interne 35
Les co-signatures 24 Le site web institutionnel 36 Les objets promotionnels 54
Le site web : les menus déroulants 37
Le site web : les modules 38 Lexique 55
Le PowerPoint 39
Annexe 57
Récapitulatif des endossements
Composantes et Unités de Recherche
mono et multi-tutelles
3
LE LOGOTYPE & LES
ÉLÉMENTS GRAPHIQUES
• Le logotype
• La trame, les versions
• La zone de protection
• Les références couleurs
• Le logo sur des fonds
• Les interdits
4
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
Le logoTYPE
Ce logo mot-image* construit à partir
de l’acronyme* UPEM, orangé et
partiellement tramé, s’inscrit dans un
rectangle virtuel, évoquant équilibre
et force.
L’orange constitue l’un des éléments
fondateurs de l’identité de l’université
depuis sa création en 1991.
La dénomination complète de
l’université est inscrite en lettres
capitales, en rouge foncé, sur trois
lignes justifiées sur la hauteur et à la
droite du bloc EM.
* Cf. Lexique p. 56
! Tous les logos et documents d’exécution sont
à retirer auprès du Service Communication
5
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
LA TRAME,
LES VERSIONS
Pourquoi 3 versions ?
UNIVERSITÉ
Selon les types d’applications
PARIS-EST
-papeterie, édition, signalétique- MARNE-LA-VALLÉE
et la dimension du logo, pour
optimiser sa lisibilité sur les
différents supports en fonction
des techniques d’impression,
nous utilisons une trame
différente.
6
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
logoTYPE
LOGO V1 Taille maximum
VERSION 34mm
PAPETERIE [ V1 ]
Pour des raisons de lisibilité en
fonction de la taille du support et de
la qualité d’impression, cette version
doit être utilisée.
Taille minimum
H19mm
7
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
logoTYPE
LOGO V2 Taille maximum
VERSION
EDITION [ V2 ] 59mm
Pour des raisons de lisibilité en
fonction de la taille du support et de
la qualité d’impression, cette version
doit être utilisée.
Taille maximum
H59mm LOGO V2 Taille minimum
Taille minimum
H35mm
35mm
8
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
logoTYPE
LOGO V3 Taille minimum
VERSION
SIGNALETIQUE [ V3 ]
Pour des raisons de lisibilité en 60mm
Taille maximum
pour cette version du logo il n’y a pas
de taille maximum
Taille minimum
H60mm
avec dénomination
logoTYPE
VERSION
18mm
SIMPLIFIée [ V4 ]
Dans certains cas d’utilisations
très réduites (petits objets siglés,
co-signatures sur supports réduits...),
le logo sera utilisé uniquement en
18mm
aplat, 2 couleurs, 1 couleur, noir et
blanc et en réserve, en fonction des
indications suivantes :
avec dénomination
Taille maximum : 18mm
Taille minimum : 9mm SANS dénomination
sans dénomination
Taille maximum : 8mm 9mm
10
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
La ZONE DE
PROTECTION
Pour une visibilité optimale et éviter
toute perturbation de lecture, une
zone de protection obligatoire est
définie autour du logo. Cette zone
est déterminée par un espace
équivalent à la largeur (x) du jambage
droit du M.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem reprehenderit qui in ea voluptate velit esse quam nihil molestiae
accusantium doloremque laudantium, totam rem aperiam, consequatur, vel illum qui dolorem eum fugiat quo voluptas
eaque ipsa quae ab illo inventore veritatis et quasi architecto nulla pariatur? Sed ut perspiciatis unde omnis iste natus error
beatae vitae dicta sunt sit voluptatem accusa
explicabo. Nemo enim ntium doloremque
ipsam voluptatem quia laudantium, totam
voluptas sit aspernatur rem aperiam, eaque
aut odit aut fugit, sed ipsa quae ab illo
quia consequuntur inventore veritatis
magni dolores eos qui et quasi architecto
ratione voluptatem beatae vitae dicta sunt
sequi nesciunt. Neque explicabo. Nemo enim
porro quisquam est, ipsam voluptatem quia
qui dolorem ipsum voluptas sit aspernatur
quia dolor sit amet, aut odit aut fugit, sed
consectetur, adipisci quia consequuntur
velit, sed quia non magni dolores eos qui
numquam eius modi ratione voluptatem
tempora incidunt sequi nesciunt. Neque
ut labore et dolore porro quisquam est, qui
magnam aliquam dolorem ipsum quia
quaerat voluptatem. Ut enim ad minima veniam, quis nostrum dolor sit amet, consectetur, adipisci velit, sed quia non numquam
exercitationem ullam corporis suscipit laboriosam, nisi ut eius modi tempora incidunt ut labore et dolore magnam
aliquid ex ea commodi consequatur? Quis autem vel eum iure aliquam quaerat voluptatem. Ut enim ad minima veniam,
11
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
12
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
LE LOGO
SUR FONDS
Dans le cas d’une utilisation sur un
fond, 3 options possibles :
13
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques
POSITIONNEMENT HORIZONTAL OU
CONFIGURATION EXCLUSIVEMENT VERTICAL (POUR CERTAINS OBJETS
RÉSERVÉE AUX ENDOSSEMENTS COULEUR NON CONFORME SIGLÉS) MAIS JAMAIS INCLINÉ
les interdits
Afin de respecter l’identité visuelle
UPEM, toute création “arbitraire”
ou modification du logo et du
principe d’endossement, serait
une source de faiblesse et une
altération de notre image. DÉNOMINATION NE RESPECTE PRINCIPE D’ENDOSSEMENT
Il est donc strictement indispensable LOGO DÉFORMÉ PAS LA TYPOGRAPHIE NON RESPECTÉ
d’en respecter toutes les règles
d’application sans trahir la
conception définie.
UFR
SCIENCES ET TECHNIQUES DES ACTIVITÉS
UFR PHYSIQUES ET SPORTIVES
SCIENCES ET
TECHNIQUES
DES ACTIVITÉS
PHYSIQUES
ET SPORTIVES
CAMPUS
NUMERIQUE
14
L’UNIVERS DE MARQUE
• La signature institutionnelle
• Les typographies
• Les couleurs d’accompagnement
• Les couleurs en dégradé
• La trame illustrative
15
UPEM CHARTE GRAPHIQUE
L’univers de marque
LA signature institutionnelle
L’ajout d’une signature institutionnelle,
en l’occurrence trois mots ” Apprendre,
Inventer, Comprendre “, sur certains
Signature verticale
supports de communication permet
de donner davantage de sens à notre
marque.
En interne, au sein de notre
communauté, cette signature
institutionnelle fédère nos actions
et nos objectifs, que l’on soit étudiant,
personnel enseignant, enseignant- Signature horizontaLE
chercheur ou personnel administratif.
HAUTEUR DU CARTOUCHE
Signature À
L’International
La hauteur de la signature dans
un cartouche ne peut dépasser celle
de la dénomination inscrite dans
le logo.
En téléchargement sur le site :
www.u-pem.fr/charte-graphique/ ! Tous les logos et documents d’exécution sont
à retirer auprès du Service Communication
16
UPEM CHARTE GRAPHIQUE
L’univers de marque
Aa Bb Aa Bb Aa Bb
typographies
1 Pour la plupart des utilisations
en édition, communication
institutionnelle et signalétique :
Aller est choisie pour sa
lisibilité, l’excellence de son aller light abcdefghijk colaborate thin abcdefghijk Arial regular abcdefghijk
dessin qui allie un classicisme abcdefghijklmnopq abcdefghijklmnopqR ab c d e f g h j k l m N O
institutionnel et une précision
typographique contemporaine aller light italic lmnopq colaborate light ijklmnopq Arial italic abcdefghijklm
optimale.
klmnopqRSTUVWXYZ klmnopqRSTUVWXYZ abcdefghjklmNO
2 Pour l’utilisation web :
Colaborate est une police aller regular abcdefgh colaborate regular abcde Arial bold ghijklmnopq
spécifiquement adaptée à abcdefghijklmnopq LnopqRSTUVWXYZ abcdefghjklmNO
l’internet. De plus, elle est proche
de l’Aller. aller regular italic lmn colaborate medium nopq Arial bold italic abcde
3 Pour l’utilisation interne abcdefghijklmnopq LmnopqRSTUVWXYZ abcdefghjklmNO
bureautique :
Arial est la police utilisée lorsque aller bold abcdefghijk colaborate bold acdefgh
la typographie Aller n’est pas abcdefghijklmnopq LnopqRSTUVWXYZ
disponible, par exemple en
bureautique ou sur des aller bold italic hijklm
documents Powerpoint®.
abcdefghijklmnopq
Ces polices ont été
sélectionnées pour leur lisibilité, aller display abcdefg
leur adaptabilité et la diversité abcdefghijklmnopq En téléchargement sur le site :
de leurs caractères. www.u-pem.fr/charte-graphique/
17
UPEM CHARTE GRAPHIQUE
L’univers de marque
70 0 10 0 29 186 223 1DB9DE 30 100 0 0 184 14 128 cc0099 0 37 100 0 248 172 0 ff9900
49 0 0 20 116 179 209 74b2d1 60 100 0 20 113 25 111 660066 0 88 100 0 230 56 18 ff3300
55 0 20 0 119 200 210 66cccc 0 100 60 0 229 0 70 e4003a 15 0 100 0 232 225 0 ffcc00
87 30 25 0 0 136 171 0087ab 49 0 100 0 152 194 29 99cc33 0 3 10 30 198 193 184 c5c1b7
100 74 0 0 0 74 155 00499a 59 22 100 50 78 100 26 666600 0 0 20 10 238 233 204 ffffcc
100 0 54 0 0 152 139 00988b 72 0 100 0 73 173 51 49ac33 0 2 6 7 242 238 231 ffffff
18
UPEM CHARTE GRAPHIQUE
L’univers de marque
19
UPEM CHARTE GRAPHIQUE
L’univers de marque
La trame
illustrative
Pour mieux visualiser et enrichir le
territoire identitaire spécifique de
l’UPEM, une trame particulière est
conçue, inspirée de celle du logotype.
20
L’ARCHITECTURE
DE MARQUE
• Les Composantes
• Les Unités de Recherche mono et multi-tutelles
• Les co-signatures
21
UPEM CHARTE GRAPHIQUE
L’ARCHITECTURE DE MARQUE
Les
Composantes
Pour que chaque Composante puisse
s’identifier, un principe graphique
d’endossement, modulaire et simple
a été conçu.
! Tous
En les logos et documents
téléchargement sur le sited’exécution
:
à retirer auprès du Service Communication
www.u-pem.fr/charte-graphique/
sont
22
UPEM CHARTE GRAPHIQUE
L’ARCHITECTURE DE MARQUE
Les Unités de
Recherche
mono-tutelle ESPACES ETHIQUES
Le même principe d’endossement que ET POLITIQUES
INSTITUT HANNAH ARENDT
pour les Composantes est appliqué.
multi-tutelleS
Un principe différent est appliqué : le UnitéS de Recherche MONO-TUTELLE
logo de l’Unité de Recherche est inscrit
seul à gauche et en haut du format.
Pour les Unités de Recherche ne
disposant pas de logo, le sigle est
inscrit en réserve au sein d’un aplat
orangé au format équivalent au
rectangle virtuel dans lequel est inscrit
le logo UPEM (hors dénomination).
Les
co-signatures
Lorsque des documents sont émis par
plusieurs partenaires, on positionnera
leur logo soit horizontalement en bas
du format dans le cas d’une édition ou
d’une affiche, soit verticalement selon
les contraintes de mise en page. Ils
seront inscrits en haut du format dans
le cas d’un en-tête de lettre.
24
LA PAPETERIE &
LA BUREAUTIQUE
Papeterie Documents institutionnels Supports multimédia
• La tête de lettre • Le carton d’invitation • La signature mail et le bandeau mail
Services, Composantes et Unités • Le tampon et la flamme postale interne
de Recherche • Le communiqué de presse • Le site web institutionnel
• La mise en page • Le site web : les menus déroulants
• Les cartes de visite et • Le site web : les modules
cartes de correspondance • Le PowerPoint
Services, Composantes et Unités
de Recherche
• Les enveloppes
• La télécopie et le bordereau d’envoi
25
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
B
A Alignement
Papeterie 20mm
12mm
Le logo de la Communauté
d’universités et établissements
Université Paris-Est est inscrit sur le
bas du format, en aplat gris.
!
NOIR 70% Tous les logos et documents d’exécution sont
à retirer auprès du Service Communication
TYPO ALLER LIGHT 5 pt interligné 9 pt
NOIR 70%
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 26
T : 01 60 95 70 02 • F : 01 60 95 70 70 • WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
Papeterie
MISE EN PAGE
55mm 55mm
gauche.
[PRÉNOM NOM] [ADRESSE] [PRÉNOM NOM] [ADRESSE]
[TITRE ET/OU FONCTION] [TITRE ET/OU FONCTION]
20mm 20mm
T : [00 00 00 00 00] / F : [00 00 00 00 00] T : [00 00 00 00 00] / F : [00 00 00 00 00]
[PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX] [PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX]
ET UNITÉS DE RECHERCHE
MONO ET MULTI-TUTELLES Madame, Madame,
Même principe de mise en page. ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
quia non numquam eius modi tempora incidunt ut labore et aliquam quaerat voluptatem. quia non numquam eius modi tempora incidunt ut labore et aliquam quaerat voluptatem.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum
qui dolorem eum fugiat quo voluptas nulla pariatur? qui dolorem eum fugiat quo voluptas nulla pariatur?
Quis autem vel eum iure reprehenderit, Quis autem vel eum iure reprehenderit,
TYPO ARIAL REGULAR ET BOLD
8 pt interligné 12 pt
48,3mm 51,5mm
108mm
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75 • WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z T : 01 60 95 75 00 • F : 01 60 95 75 75 • WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z
27
UPEM CHARTE GRAPHIQUE P.28
La papeterie et la bureautique
alignement A B
Papeterie 5mm
3mm
GE
TYPO ALLER Regular ET BOLD
- G
5.5 pt interligné 6.5 pt
-
19mm Sous la co-tutelle de :
LAB
E
CNRS
NOIR 70%
IQU
AT ECOLE DES PONTS PARISTECH
OR
AT
OIR M ESIEE PARIS
E D'INFOR UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
T : 01 60 95 XX XX • F : 01 60 95 XX XX T : 01 60 95 XX XX • F : 01 60 95 XX XX
PRENOM.NOM@U-PEM.FR PRENOM.NOM@U-PEM.FR
BÂTIMENT COPERNIC • BUREAU XXXX BÂTIMENT COPERNIC • BUREAU XXXX
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
26,2mm
WWW.U-PEM.FR WWW.U-PEM.FR
4mm
28
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
alignement C
Papeterie alignement A
10mm
6mm
SERVICES
Format 210mm x 100mm. 28mm
COMPOSANTES ET UNITÉS DE
PRENOM NOM
Titre et/ou fonction
D
RECHERCHE
T : 01 60 95 XX XX • F : 01 60 95 XX XX • PRENOM.NOM@U-PEM.FR
6-8 COURS DU DANUBE • BÂTIMENT ERASME • 7 700 SERRIS
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 • WWW.U-PEM.FR
D - MO LABORATOIRE
AR
(Cf. Principe d’endossement mono et UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 SP N D'INFORMATIQUE GASPARD-MONGE
GE
T : 01 60 95 75 00 • F : 01 60 95 75 75 • WWW.U-PEM.FR
- G
-
Sous la co-tutelle de :
multi-tutelles p.22) 10mm 25mm 6mm CNRS
LAB
E
IQU
ECOLE DES PONTS PARIS TECH
AT
OR
AT
OIR M ESIEE PARIS
E D'INFOR UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
B
Le logo de la Communauté
d’universités et établissements
Université Paris-Est est inscrit sur le
bas du format, en aplat gris.
PRENOM NOM
Titre et/ou fonction
T : 01 60 95 XX XX • F : 01 60 95 XX XX • PRENOM.NOM@U-PEM.FR
6-8 COURS DU DANUBE • BÂTIMENT ERASME • 7 700 SERRIS
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 • WWW.U-PEM.FR
7.5 pt interligné 9 pt
NOIR 70%
29
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
ARNE-LA-VALLÉE CEDEX 2
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
10mm
Papeterie
ENVELOPPES
Le logo est placé en haut à
gauche pour laisser l’espace
d’affranchissement libre.
En raison des variations de taille 25mm
des rabats, l’adresse est toujours
à 10mm du pli.
10mm
10mm
30
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
alignement alignement
alignement alignement
Papeterie 20mm
13mm
Télécopie et 29mm
BORDEREAU D’ENVOI
bordereau d’envoi [NOM DE SERVICE]
TÉLÉCOPIE [DESTINATAIRE]
Logo et bloc-adresse sont situés
[PRÉNOM NOM]
[TITRE ET/OU FONCTION] [REF]
T : [00 00 00 00 00] / F : [00 00 00 00 00] [NOMBRE DE PAGES] (CELLE-CI COMPRISE)
comme sur les en-têtes de lettre.
[NOM DE SERVICE]
[PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX]
[PRÉNOM NOM] [DESTINATAIRE]
[TITRE ET/OU FONCTION] [TÉLÉCOPIE] OBJET
T : [00 00 00 00 00] / F : [00 00 00 00 00] [NOMBRE DE PAGES] (CELLE-CI COMPRISE)
[PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX]
OBJET
48,5mm
117mm
31
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
DOCUMENTS
INSTITUTIONNELS INVITATION
LE CARTON D’INVITATION
Plusieurs modèles
d’invitations, au format à
l’italienne 100 x 210 ou 150 x 210,
peuvent être utilisés.
[logoV1]
INVITATION
32
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
65mm 50mm
45mm
LA FLAMME POSTALE
L’enveloppe est un média vecteur
de notre image.
20mm
33
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
alignement alignement
DOCUMENTS 20mm
12mm
INSTITUTIONNELS 28mm
DE PRESSE
108mm
CONTACT :
TYPO ALLER REGULAR ET BOLD XXXXXXXX XXXXXXXX, RESPONSABLE COMMUNICATION
8 pt interligné 9 pt XXXXXXXXXXX@U-PEM.FR
T : 01 00 00 00 00 • M : 06 00 00 00 00
WWW.U-PEM.FR
82mm
34
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
SUPPORTS
MULTIMEDIA
SIGNATURE MAIL
La signature de l’émetteur indique
toujours, de manière homogène,
ses coordonnées, son établissement
d’appartenance et son adresse.
BANDEAU MAIL
Pour les communications internes par
mail des services (pas des individus),
on conservera le principe d’un bandeau SERVICE DE LA VIE
supérieur indiquant le nom de ÉTUDIANTE
l’émetteur exclusivement sur un fond
orangé (Cf. référence RVB) avec le logo
UPEM en réserve.
668 x 87 pixels
35
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
SUPPORTS
MULTIMEDIA
SITE WEB INSTITUTIONNEL
PAGE D’ACCUEIL C’EST LA RENTRÉE !
APPRENDRE INVENTER COMPRENDRE
cartouche orangé, en haut à droite. WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8
CONSECTETUR
structurent horizontalement le haut ADIPISICING ELIT
de page. SED DO EIUSMOD
TEMPOR INCIDIDUNT
illustrative.
Une accroche évènementielle en aplat Titre Rubrique A L'AFFICHE !
peut être utilisée, en partie droite, et
personnalisée avec la trame illustrative. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipisicing elit,
36
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
ZONE LIBRE
ZONE LIBRE
WEB MENU 5 APPRENDRE
WEB MENU 6 WEBINVENTER
MENU 7 COMPRENDRE
WEB MENU 8
MULTIMEDIA WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6
APPRENDREWEBINVENTER
APPRENDRE
MENU 7
INVENTER
WEB MENU 8
COMPRENDRE
COMPRENDRE
accès facile.
DOLOR SIT AMET DOLOR SIT AMET
WEB MENU 1 ADIPISI
CONSECTETUR WEB MENU 2 WEB ADIPISI
CONSECTETUR MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8
APPRENDRE INVENTER COMPRENDRE
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD
Menu niveau 2 Menu niveau 2
Menu niveau
LOREM IPSUM 2
TEMPOR
LOREM
INCIDIDUNT
IPSUM
UT LABORE ET
ZONE LIBRE
DOLOR
TEMPORSIT AMET
INCIDIDUNT DOLOR
DOLORESIT AMET
MAGNA
CONSECTETUR
UT LABORE ET ADIPISI CONSECTETUR
ALIQUA UT ADIPISI
WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8
ELIT,
DOLORESEDMAGNA
DO EIUSMOD ELIT, SED DO EIUSMOD
ALIQUA UT TEMPOR INCIDIDUNT
Menu
Menu niveau
niveau 22 Menu niveau 2
UT LABORE ET
LOREM IPSUM LOREM IPSUM
TEMPOR INCIDIDUNT DOLORE MAGNA
DOLOR SIT AMET DOLOR SIT AMET
UT LABORE ET ALIQUA UT
CONSECTETUR ADIPISI CONSECTETUR ADIPISI
DOLORE MAGNA
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD APPRENDRE INVENTER COMPRENDRE
ALIQUA UT
TEMPOR INCIDIDUNT
Menu niveau 2 UT LABORE ET ZONE LIBRE
TEMPOR INCIDIDUNT DOLORE MAGNA
UT LABORE ET ALIQUA UT
DOLORE MAGNA APPRENDRE
WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEBINVENTER
MENU 7 COMPRENDRE
WEB MENU 8
ALIQUA UT
37
APPRENDRE INVENTER COMPRENDRE
C’EST LA RENTRÉE !
LOREM IPSUM DOLOR
UPEM CHARTE GRAPHIQUE
Ut enim ad minim veniam
APPRENDRE INVENTER COMPRENDRE
C’EST LAWEBRENTRÉE ! MENU 7
La papeterie et la bureautique WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 MENU 6
LOREM IPSUM DOLOR
WEB WEB MENU 8
LOREM IPSUM
WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8
DOLOR SIT AMET APPRENDRE INVENTER COMPRENDRE
APPRENDRE INVENTER COMPRENDRE
C’EST LA RENTRÉE
C’EST LA RENTRÉE! !
CONSECTETUR
LOREM LOREM IPSUM DOLOR
IPSUM DOLOR
ADIPISICING ELIT LOREM IPSUM
Ut enim ad minim veniam
Ut enim ad minim veniam DOLOR SIT AMET
SED DO EIUSMOD
SUPPORTS PRINCIPE DE CARROUSELWEB MENU 3 MENU FIXE BOITE “MOTEUR DE8 RECHERCHE”
CONSECTETUR
WEB 1MENUWEB
1 MENU
WEB 2MENUWEB
2 MENU
WEB 3MENUWEB MENU
WEB 4MENU
WEB MENU
WEB 5INCIDIDUNT
4 TEMPOR MENUWEB5 MENU
WEB 6MENUWEB
6 MENU
WEB 7MENU
WEB
7 MENU
WEB 8MENU
UT LABORE ET ADIPISICING ELIT
SED DO EIUSMOD
MULTIMEDIA
DOLORE MAGNA
LOREM IPSUM
LOREM IPSUM
VOUS RECHERCHEZ UNE FORMATION?
ALIQUA. UT ENIM TEMPOR INCIDIDUNT
DOLOR SIT AMET
DOLOR SIT AMET UT LABORE ET
LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE MASTER
CONSECTETUR
CONSECTETUR DOLORE MAGNA
SITE WEB ADIPISICING ELIT
DIPLÔME D'INGÉNIEURS DUT VOUS RECHERCHEZ UNE FORMATION
AUTRES
ADIPISICING ELIT ALIQUA. UT ENIM
MODULES SED DO EIUSMOD
SED DO EIUSMOD
de l’UPEM.
Titre Rubrique
Titre Rubrique Tempor incididunt ut labore et
A L'AFFICHE !
A L'AFFICHE ! INTERTITRE 1
Lorem ipsum dolor sit amet, consectetur
modo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.adipisicing
Excepteur elit,
sint occaecat cupidatat non proident,
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum
Loremdolor
ipsumsitdolor
sed do eiusmod tempor incididuntsunt
amet,sitconsectetur
magna amet, adipisicing
consectetur
aliqua. Ut enim ad
ut labore
elit, elit,
adipisicing
minim veniam,
in culpaet qui
dolore
officia deserunt mollit anim id est.
quis nostrud
illustrative. UT LABORE ET
DOLORE MAGNA
ALIQUA UT LOREM
IPSUM DOLOR SIT AMET
UT LABORE ET
DOLORE MAGNA
ALIQUA UT LOREM
IPSUM DOLOR SIT AMET
CONSECTETUR ADIPISI
ELIT, SED DO EIUSMOD
ALIQUA UT LOREM CONSECTETUR ADIPISI ALIQUA UT LOREM CONSECTETUR ADIPISI LOREM IPSUM
IPSUM DOLOR SIT AMET ELIT, SED DO EIUSMOD IPSUM DOLOR SIT AMET ELIT, SED DO EIUSMOD DOLOR SIT AMET
CONSECTETUR ADIPISI TEMPOR INCIDIDUNT CONSECTETUR ADIPISI TEMPOR INCIDIDUNT
UT LABORE ET UT LABORE ET CONSECTETUR
DOLORE MAGNA
ADIPISICING ELIT
WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEBSED
MENUDO
7 EIUSMOD
WEB MENU 8
TEMPOR INCIDIDUNT
UT LABORE ET
DOLORE MAGNA
VOUS RECHERCHEZ UNE FORMATION?
ALIQUA. UT ENIM
SUPPORTS 02 l 07 l 2014
2 • Inserer Titre
LE POWERPOINT
Ce modèle de document PowerPoint 3 • Inserer Titre
ou de page,
• un masque de fin de présentation.
• Lorem ipsum dolor sit amet, consectetur Merci, lorem ipsum delores
adipisicing elit, sed do eiusmod tempor
• Incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud
exercita;on ullamco laboris nisi ut aliquip ex
! Tous les logos et documents d’exécution sont
à retirer auprès du Service Communication
39
LES ÉDITIONS
• Le niveau institutionnel et Services (formats A4)
• Le niveau Composantes et Unités de Recherche
(formats A4)
• Les formats A5
• Les formats 100 x 210mm
• Les formats 140 x 300mm
• La chemise, rapport ou dossier de présentation
• Les pages internes
• L’affiche (formats A3)
40
UPEM CHARTE GRAPHIQUE
LES éditions
NIVEAU
INSTITUTIONNEL alignement du titre
ET SERVICES 9mm
9mm
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
Alignement du titre
NIVEAU
ComposanteS
et UnitéS
LABORATOIRE
D'ANALYSE COMPARÉE
DES POUVOIRS
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
de Recherche
T : 01 60 95 70 02 • F : 01 60 95 70 70
WWW.U-PEM.FR
D - MO LABORATOIRE
AR N
SP D'INFORMATIQUE GASPARD-MONGE
Il s’agit du même principe de mise
GE
- G
-
en page que pour les niveaux Sous la co-tutelle de :
CNRS
LAB
E
IQU
ECOLE DES PONTS PARIS TECH
institutionnel et Services AT
OR
AT
OIR M ESIEE PARIS
E D'INFOR
OU APLAT
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 70 02 • F : 01 60 95 70 70
WWW.U-PEM.FR
TITRE
SOUS TITRE
TITRE
SOUS TITRE
42
UPEM CHARTE GRAPHIQUE
LES éditions
alignement du titre
LES FORMATS A5
Il s’agit du même principe de mise
en page que pour le niveau institutionnel 30.7mm
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
TITRE
SUR 2 LIGNES
SOUS TITRE
TITRE
SUR 2 LIGNES
SOUS TITRE
76,5mm
alignement du titre
LES FORMATS
100 x 210mm 28mm
TITRE
SOUS TITRE
TITRE
SOUS TITRE
TITRE
SUR 2 LIGNES
SOUS TITRE
71mm
44
UPEM CHARTE GRAPHIQUE
LES éditions
alignement du titre
LES FORMATS
140 X 300mm 36mm
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
TITR
PHOTOGRAPHE :
Lorem Ipsum
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor SOUS TIT
incididunt ut labore et dolo
PHOTOGRAPHE :
Lorem Ipsum
Lorem ipsum dolor sit amet, TITRE TITRE
consectetur adipisicing elit, SOUS TITRE
sed do eiusmod tempor SOUS TITRE
incididunt ut labore et dolo
90mm
LA CHEMISE,
RAPPORT OU 36mm
DOSSIER
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75
WWW.U-PEM.FR
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75
PRéSENTATION
WWW.U-PEM.FR
46
UPEM CHARTE GRAPHIQUE
LES éditions
Les pages
internes
Exemples de pages internes
47
UPEM CHARTE GRAPHIQUE
LES éditions
Alignement Alignement
CONTACTS
Dans le cas d’utilisation d’un visuel Sed ut perspiciatis unde omnis iste nat DOLORES EOS QUI RATIONE VOLUPTATEM SEQUI
complexe, toutes les informations sont us error sit voluptatem accusantium NESCIUNT : Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur, adipisci velit,
doloremque laudantium, totam rem.
inscrites en réserve et/ou en noir & sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat
blanc dans ce bandeau horizontal. voluptatem enim ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit laboriosam,
Les logos des partenaires/co- POUR PLUS DE RENSEIGNEMENTS : lorum ipsum :
LE 2 NOVEMBRE 2014 - 17H
SERVICE DE LA VIE ETUDIANTE • BÂTIMENT COPERNIC
organisateurs seront positionnés BUREAU 0B095 • VIE.ETUDIANTE@U-PEM.FR
TITRE LORUM IPSUM ?
01 60 95 70 38 / 01 60 95 76 35
horizontalement en bas (au dessus de la WWW.U-PEM.FR
LOREM IPSUM DOLOR SIT AMET
Sed ut perspiciatis unde omnis iste nat DOLORES EOS QUI RATIONE VOLUPTATEM SEQUI
signature institutionnelle) us error sit voluptatem accusantium NESCIUNT : Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur, adipisci velit,
doloremque laudantium, totam rem.
sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat volupta-
POUR PLUS DE RENSEIGNEMENTS : tem enim ad minima veniam.
SERVICE DE LA VIE ETUDIANTE • BÂTIMENT COPERNIC
BUREAU 0B095 • VIE.ETUDIANTE@U-PEM.FR
01 60 95 70 38 / 01 60 95 76 35
QUELQUES RÈGLES :
WWW.U-PEM.FR
ou le thème de l’évènement,
132mm
• rester succinct dans la description,
• ne pas être redondant,
• donner l’envie et la possibilité au
lecteur d’en savoir davantage.
48
LA SIGNALÉTIQUE
• Information : Marquage bâtiment et
panneau de porte
• Orientation : Totem, panneau et banderole
• Évènementiel : Banderole et kakemono
49
UPEM CHARTE GRAPHIQUE
La signalétique
LA SIGNALÉTIQUE
D’INFORMATION
Marquage bâtiment
En fonction du lieu et du matériau,
on utilise le logo en vitrophanie, en
lettres découpées, sur un cartouche…
SERVICE COMMUNICATION
La signature institutionnelle peut être
ajoutée, suivant la configuration choisie.
Sandrine Diago
PANNEAU DE PORTE Zlatan Ibrahimovic
On utilise le fond orangé avec la trame Olivier Petit
illustrative pour inscrire le nom du
service et des personnes en réserve. Ludovic Vérité
La localisation du bureau et le nom du
bâtiment sont également en réserve,
en bas du format, ferrés à droite et
séparés horizontalement par un bandeau
en réserve. Bureau B207
BÂTIMENT BOIS DE L'ETANG
Le logo UPEM est situé en haut à gauche
du format, sur un aplat blanc.
50
UPEM CHARTE GRAPHIQUE
La signalétique
1 Salles d’enseignement
Salle informatique
B000 à B000
B000
51
UPEM CHARTE GRAPHIQUE
La signalétique
LA SIGNALÉTIQUE
ÉVÈNEMENTIELLE
Banderole
et kakEmono
JOURNÉE
JEUDI 6 SEPTEMBRE 2014 / 10h-15h
DE L’ÉCONOMIE
JOURNÉE DE LA RENTRÉE SOCIALE ET
SOLIDAIRE
29 SEPTEMBRE 2014
JEUDI 6 SEPTEMBRE 2014 / 10h-15h À PARTIR DE 14H00
En partenariat avec :
52
LES OBJETS
PROMOTIONNELS
53
UPEM CHARTE GRAPHIQUE
Les objets
promotionnels
Lors d’événements particuliers
nous sommes amenés à réaliser
des objets promotionnels, supports
de communication de notre identité.
*
Tout objet promotionnel doit être validé
par le Service Communication
54
UPEM CHARTE GRAPHIQUE
Lexique
Aplat Bon à graver Couché Duplicata Filet utilisés en informatique
Surface, plage de couleur Accord pour la gravure. Se dit d’un papier très lisse Copie ou double d’une diapo, Trait fin qui sert d’ornement (Internet, présentation...) ou
uniforme, dans une amélioré par une opération d’un ektachrome. ou qui permet d’améliorer en imprimerie.
impression. Bon à tirer de couchage et destiné aux la lisibilité d’un logo dans
Accord pour l’impression. impressions fines. Encart certains cas. Identité visuelle
Acronyme Feuille ou cahier insérés entre Souvent utilisé comme Parmi les différents moyens
Sigle qui se prononce Calibrage Coupe les feuillets d’un livre ou élément signalétique d’un de représentation d’une image
comme un mot, sans qu’il Action de calibrer un texte, Papier excédentaire, imprimé d’une revue. logo. de marque, les principaux sont
soit nécessaire d’épeler c’est-à-dire d’évaluer son ou non, éliminé au moment du ceux liés à la visualisation
chaque lettre. Exemple : FNAC, encombrement par rapport massicotage d’un imprimé à ENDOSSEMENT Filets techniques de la marque par un logo
UNESCO... à la taille et au style du son format définitif. Principe graphique permettant On appelle ainsi les filets (fins) et la définition d’un univers
caractère utilisé et à la place de montrer l’appartenance présents sur le document de marque. L’identification
Bas de casse disponible. Cromalin d’une structure (filiale, d’exécution, pour servir de visuelle s’effectue à travers
Lettre minuscule. Document en couleur, sur département, composante…) repères au photograveur, mais un logotype et l’univers de
Capitale support spécial, qui permet à une collectivité, une qui ne doivent pas apparaître marque.
Benday Lettre majuscule. de vérifier la qualité de la communauté ou à une sur le document final.
Nom usuellement photogravure. marque. Image INSTITUTIONNELLE
donné à une valeur de Caractère Fond perdu Image que construit
couleur exprimée par des Chacune des lettres ou tout CTP (Computer To Plate) Épreuve On dit d’une impression pour son ou ses publics
pourcentages de trame. un alphabet dessiné d’une Procédé de copie directe du Essai d’impression sur le qu’elle est à fond perdu une organisation ou une
façon spécifique, dans un fichier numérique sur les papier choisi effectué par lorsque l’image imprimée est entreprise au moyen :
Bichromie style particulier. plaques d’impression, après le graveur sur une machine limitée par les seuls bords • d’un système d’identification
Image tramée imprimée en mise en imposition. spéciale. extérieurs de la page, sans visuelle,
deux couleurs de base. Charte graphique marge blanche. • d’un registre de
Document récapitulant les Demi-teinte Façonnage récits institutionnels
BLOC-MARQUE règles de construction du Par opposition au noir et Étape regroupant toutes Fonte dont l’ensemble forme
Ensemble solidaire constitué logotype et des principes de blanc pur, se dit d’une image les opérations qui suivent Les caractères typographiques la communication
du (ou des) logo(s) et du sa déclinaison dans les cas les photographique qui comporte l’impression : pliage, sont réunis en familles institutionnelle,
(ou des) nom(s) de la marque plus usuels. différentes valeurs de gris. encartage, collage, agrafage, (romain, à empattements, • de médias appropriés à la
représentant l’émetteur du massicotage… fantaisie, etc.) puis en polices transmission de ces récits,
support de communication. Composition Détourage (Garamond, Times, Caravelle, notamment le plan d’action de
Dans le cas de l’UPEM, le Assemblage mécanique Action de détourer, c’est-à- Fer à droite - fer à gauche Helvetica...) puis en fontes relations publiques.
logo (sigle et dénomination) (à la main, ou sur dire de séparer un élément Par référence à la typographie (gras, corps 10, italique,
constitue un bloc–marque, machine) ou électronique du reste d’une image pour le traditionnelle, on a conservé corps 24...). Ce terme vient Imposition
mais également tous les (photocomposition ou PAO) de réutiliser sur un fond neutre. le terme « fer à droite » ou « du fait que les premières Opération qui consiste, pour
principes d’endossement tous les signes constituant un Le détourage peut être fer à gauche » pour indiquer fontes de caractères étaient l’imprimeur, à bien disposer
de la marque UPEM avec texte pour l’impression. manuel ou électronique. au compositeur que le texte faites d’un alliage de plomb les pages d’un document de
les Composantes et Unités doit s’aligner sur la marge de et d’antimoine fondu afin façon à ce que, une fois les
de Recherche. Corps Document d’exécution droite ou sur celle de gauche. de reproduire plusieurs cahiers de l’ouvrage façonnés,
Taille d’un caractère (souvent Document technique très Il existe trois autres modes caractères identiques à partir les pages se suivent dans le
Bon à composer mesurée par rapport à la précis, qui sert de base pour d’organisation d’un texte : d’un moule unique. bon ordre.
Accord sur les textes. capitale). réaliser la photogravure. centré, justifié ou en habillage. Aujourd’hui, on parle
Il doit être extrêmement également de fonte pour les
soigné et contenir toutes les ensembles de caractères
informations nécessaires au
photograveur.
55
UPEM CHARTE GRAPHIQUE
Lexique
Interlignage • un principe de modification Le processus de reconnais- primaires qui, tramées et Simili • les systèmes d’identification
Espace entre les lignes. des couleurs en fonction des sance et de mémorisation de juxtaposées, imitent les Mot employé en photogravure visuelle sur d’autres supports
supports possibles, la marque devient alors un couleurs originales. pour désigner une image de communication : films,
Justification • un principe de combinaison réflexe visuel instantané. Les couleurs primaires pour tramée en une couleur (en vidéo, pages-écrans…
Dimension définissant la des différents éléments en l’imprimerie sont : le cyan général le noir).
largeur d’un texte ou d’une fonction des utilisations. Nuancier (bleu), le magenta (rouge), Trait
ligne d’un texte. • éventuellement, une Outil permettant un choix et le jaune, renforcées par le Symbole iconographique Se dit d’une image en noir et
signature institutionnelle facile et réaliste des couleurs, noir. Dessin qui, bien qu’ayant sa blanc purs, sans valeurs de
Label/marque de qualité (slogan, base-line, phrase- par rapport aux techniques propre signification, fait partie gris ni trames.
Catégorie particulière vocation…). d’impression et des supports. Réserve intégrante du logo. Détaché
de marques signatures Partie non imprimée. Seule du reste du logo, le symbole Typographie d’accompagne-
institutionnelles venant Maquette Offset façon, par exemple en offset, iconographique peut signifier, ment
renforcer l’identification de Document, dessiné ou réalisé Procédé d’impression très d’obtenir du blanc. de façon associée, la totalité Manière de typographier les
la marque de l’entreprise ou par collages, préfigurant répandu aujourd’hui utilisant du logo, donc la marque textes qui accompagnent le
du produit, sous certaines l’imprimé définitif, et le principe de la répulsion Rough/Esquisse elle-même, à la manière d’un logo.
conditions techniques ou permettant de juger eau/encre d’imprimerie et un Croquis rapide en couleurs, emblème.
marketing. l’efficacité ou la justesse des cylindre intermédiaire entre la qui préfigure les grandes Typographie d’un logo
Un label peut être commun à éléments : couleurs, mise en forme imprimante et le papier. lignes de l’imprimé définitif. Système d’identification Graphisme des lettres d’un
plusieurs marques. page… visuelle/univers nom. La typographie d’un
Pantone Sélection de marque logo peut être choisie parmi
Logotype/logo Mise en page Fabricant de couleurs Définition, pour chaque Ensemble des supports réels les alphabets existants ou
Système de représentation et Art d’organiser les textes et d’imprimerie normalisées, couleur d’une image, des et potentiels de tout ou partie bien faire l’objet, pour tout ou
d’identification de la marque, les images entre eux et dans possédant un nuancier qui pourcentages de couleurs du logo de la marque. partie, d’un graphisme original
le logo comprend : une surface donnée. sert de référence. primaires nécessaires à sa L’univers de marque comprend et spécifique.
• une typographie spécifique, reconstitution. usuellement :
• éventuellement un symbole Montage PAO • les documents d’édition : Typon
iconographique, Mise en page de tous les Publication assistée par Sigle papeterie administrative et Nom donné au film de gravure
• un principe de liaison entre éléments du document ordinateur. Cas particulier de nom de commerciale, brochures…, nécessaire à l’insolation d’une
le symbole et la typographie, d’exécution. marque composé par des • la signalétique : enseignes, plaque offset.
• éventuellement un signal Photogravure lettres initiales de plusieurs panneaux, éléments
ou des signaux visuels (trait, mot-image Réalisation, à partir du mots. Exemple : SNCF, EDF… d’architecture…,
barre, point, tiret, accent, etc.), Un accident visuel interpelle document d’exécution, des • les systèmes physiques
• une mise en place le lecteur la première fois différents films (ou typons), Signalétique d’identification : marquage
typographique (filet, qu’il découvre le logotype et séparant les couleurs dont Ensemble de moyens de des véhicules, uniformes,
cartouche, aplat de couleur, l’oblige à marquer un temps aura besoin l’imprimeur pour signalisation à la disposition architecture intérieure, objets
etc.), de réflexion. Dès la deuxième exposer ses plaques à la d’une entreprise ou d’une promotionnels…,
• un système de couleurs, ou la troisième lecture, cet lumière. organisation pouvant être des • le packaging et les
pour l’ensemble des éléments accident visuel, formant un supports de la représentation systèmes d’identification
identifiables, mot-image, reste ” imprégné “ Quadrichromie de l’image de marque. des produits : emballages,
dans la mémoire visuelle du Reproduction d’un document On distingue usuellement : décors des contenants, labels,
lecteur. original couleurs par • la signalétique d’orientation, étiquettes…,
l’intermédiaire de couleurs • la signalétique d’information,
• la signalétique évènementielle.
56
UPEM CHARTE GRAPHIQUE
LES COMPOSANTES
UFR
UFR INSTITUT
LETTRES, ARTS,
SCIENCES ÉCONOMIQUES FRANÇAIS
COMMUNICATION ET
ET GESTION D’URBANISME
TECHNOLOGIE
IFSA
INSTITUT FRANCILIEN
DES SCIENCES APPLIQUÉES
IFIS UFR
UFR
INSTITUT FRANCILIEN SCIENCES HUMAINES
MATHÉMATIQUES
D’INGÉNIERIE DES SERVICES ET SOCIALES
UFR
INSTITUT D’ÉLECTRONIQUE
UFR SCIENCES ET
ET D’INFORMATIQUE
LANGUES ET CIVILISATIONS TECHNIQUES DES ACTIVITÉS
GASPARD MONGE
PHYSIQUES ET SPORTIVES
57
UPEM CHARTE GRAPHIQUE
Les Unités de Recherche mono-tutelle et multi-tutelleS
Sous la co-tutelle de :
CNRS
Sous la co-tutelle de : UPEC • UNIVERSITÉ PARIS-EST CRETEIL
ESPACES ETHIQUES UPEC • UNIVERSITÉ PARIS-EST CRETEIL UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
ET POLITIQUES UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
INSTITUT HANNAH ARENDT
GE
- G
CNRS CNAM
IQU
Sous la co-tutelle de :
Sous la co-tutelle de : Sous la co-tutelle de :
CNRS
UPEC • UNIVERSITÉ PARIS-EST CRETEIL CNRS
UPEC • UNIVERSITÉ PARIS-EST CRETEIL
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
58
59
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75
WWW.U-PEM.FR
COM@U-PEM.FR • T : 01 60 95 71 25
BUREAU B207 • BÂTIMENT BOIS DE L’ÉTANG • 5 BD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE