Charte graphique

Ch
e
t
r
a
h
p
a
r
g
e
u
iq
ER
ES
M
A
TI
ES
D
LE
B
TA
Introduction
Qui nous sommes
Logotype
Introduction
Les éléments de base
Taille minimale et espace vierge
Couleurs
Utilisation correcte
Utilisation sur internet
Environnement visuel
Introduction
Typographie
Style typographique
Travailler avec la couleur
Style illustratif
Travailler avec des images d’archive
1.0
2.0
2.1
2.2
2.3
2.4
2.5
3.0
3.1
3.2
3.3
3.4
3.5
1.
0
CT
IO
N
U
D
IN
TR
O
qui nous sommes
Une fédération sportive scolaire au service des jeunes
L’Union Nationale du Sport Scolaire est une fédération sportive
placée sous la tutelle du Ministre de la Jeunesse de l’Education
Nationale et de la Recherche, le Ministre des Sports participe à
la définition ainsi qu’à la mise en oeuvre des objectifs de l’UNSS.
Elle est membre de la Confédération du Sport Scolaire et Universitaire et est représentée au Comité National Olympique et
Sportif Français
L’UNSS a pour objet d’organiser et de développer la pratique
d’activités sportives ainsi que l’apprentissage de la vie associative par les élèves qui ont adhéré aux Associations Sportives des
établissements du second degré.
Au service de plus de 850.000 licenciés filles et garçons des
quelques 9.500 Associations Sportives des collèges et lycées,
l’UNSS leur permet :
De pratiquer plus de 60 activités sportives,
De participer aux rencontres organisées le mercredi après-midi
et d’accéder à des fonctions de responsabilité.
183 professeurs E.P.S. mis à disposition de l’UNSS et plus de
30.000 professeurs E.P.S., dans le cadre d’un forfait de trois
heures hebdomadaires durant toute l’année, organisent les
compétitions à différents niveaux : district, départemental,
régional et national qui mettent en compétition des équipes
d’établissements.
2.
0
PE
TY
O
G
LO
introduction
Un logotype, utilisé avec attention, conformément à des règles
précises d’utilisation, avec l’apport d’un environnement visuel*
qui lui est propre, assure reconnaissance et mémorisation et
aide à distinguer une institution et à renforcer son identité.
En tant que pierre angulaire de notre systeme visuel, le logotype
UNSS doit être utilisé de façon précise et homogène.
*L’environnement visuel fait l’objet du chapitre 3.
PE
2.
1
Le logotype de l’UNSS est composé de deux éléments
indissociables : un emblème figuratif et un nom.
LO
G
O
TY
éléments de base
Construction du logotype à partir de la
largeur des figurines (dimension a) et
de la largeur et hauteur des lettres u, n,
et s (dimension b)
Emblème
L’emblème figure quatre sportifs solidaires se tenant par la taille.
Ils expriment la notion d’appartenance à une équipe qui fait
front, prête a s’engager contre une autre.
La représentation axonométrique de l’équipe est un axe de vue
qui fait référence à l’univers des jeux d’aventure où de stratégie
sur ordinateur.
Parce que garçons et filles sont alternés en nombre égal,
l’emblème exprime aussi la mixité et la parité.
Aucun sport en particulier n’est mis en avant, seul l’esprit
d’équipe ressort, y compris pour les sports individuels.
Les quatre lettres U,N,S,S de l’Union Nationale du Sport Scolaire,
spécialement dessinée pour le logotype, sont italisées pour plus
de dynamisme.
Nom
2.
2
PE
LO
G
O
TY
taille minimale et espace
vierge
a) Taille minimale
Pour préserver sa lisibilité et permettre des reproductions de
bonne qualité, la hauteur du logotype ne devrait jamais être plus
petite que 25 mm, comme montré ci-contre (a).
Pour assurer son intégrité et sa visibilité, le legotype doit se
tenir a l’écart de textes, images ou éléments graphiques perturbateurs. Pour se faire, il doit être contenu dans un espace
vierge adéquat, défini a partir de la taille du U comme montré
ci-dessous ( b et c).
25 mm
b) Espace vierge autour du logo lorsqu’il est
c) Espace vierge autour du logo lorsqu’il est
utilisé sans le libellé.
utilisé avec le libellé.
2.
3
PE
TY
O
G
LO
couleurs
a)
Des variations importantes sont autorisées, et même recommandées au niveau de la couleur pourvue que le logotype dans son
entier (emblème + nom) reste toujours monochrome. L’Equipe
UNSS peut se décliner dans toutes les couleurs pourvu qu’elle
reste toujours lisible. Libre a chaque académie, établissements,
départements d’utiliser celle qui lui ressemble.
Cependant, lorsqu’il s’agit de documents officiels (papier-en-tête
par exemple), L’Equipe devra toujours apparaître en Pantone®
Bleu Reflex, avec le libellé “Union Nationale du Sport Scolaire”.
b)
a) Exemples de logos UNSS mis en couleur. Le choix des couleurs et le nom des villes est
totalement arbitraire. (Pour les références des couleurs, voir page 3.3)
b) Logo officiel, en Pantone® Reflex Blue (C100|M72|J0|N6)
2.
4
PE
TY
O
G
LO
utilisation correcte
Une utilisation correcte est importante pour préserver la lisibilité
et le pouvoir communicant du logotype.
Il doit toujours apparaître sur un fond qui offre un contrate assez
fort.
Il est recommandé d’utiliser le logotype foncé sur fond clair à
chaque fois que c’est possible.
Les exemples d’utilisation ci-contre montrent ce qui est toléré et
ce qui ne l’est pas.
a
b
c
d
e
f
g
h
i
j
k
l
a) Ne colorez pas l’intérieur des T-shirt. L’intérieur est
transparent. Il prend la couleur du fond sur lequel il se
trouve.
b) N’inscrivez rien à l’intérieur des T-shirts.
c) Ne faites pas un logotype bicolor.
d) Ne déplacez pas les éléments du logotype.
e) f) Evitez les contrastes trop faibles.
g) h) Sur un fond non uniforme, utilisez toujours le logotype
dans une vignette blanche.
i) j) k) l) Le contraste est suffisant, que le logo soit foncé
sur fond clair (i), clair sur fond foncé (j), en couleur foncée
sur fond coloré clair (k) ou en couleur claire sur fond
coloré (l).
PE
2.
5
Pour préserver une définition satisfaisante sur le web,
quatre tailles immuables ont été conçues. Les logos sont
téléchargeables sur le site internet de l’UNSS en bleu est en
noir. Pour simplifier, nous les appellerons S, M, L et XL. Leur
taille est donnée en pixels.
LO
G
O
TY
utilisation sur internet
Taille M (par defaut)
Taille S
10 px
Taille XL (à utiliser de façon exceptionnelle)
Taille L
13 px
16 px
19 px
85 px
113 px
142 px
170 px
20 px
15 px
60 px
15 px
26 px
20 px
80 px
20 px
32 px
25 px
100 px
25 px
38 px
30 px
120 px
30 px
3.
0
VI
SU
EL
introduction
Toutes les formes de discours (textes, images, objets, espaces...)
qui accompagnent le logo d’une manière voulue et contrôlée,
constituent son environnement visuel.
Dans le cas où un logotype évolue sans les apports d’un environnement propre, il ne devient qu’un objet graphique en soi,
perdu parmi d’autres, posé n’importe où et n’importe comment.
Un environnement construit est indispensable à son fonctionnement.
EN
VI
RO
N
N
EM
EN
T
c)
a) Grille frontale pour le champ informatif.
b) Grille axonométrique pour le champ illustratif.
La mise en forme visuelle de cet environnement est basée sur
deux champs de lecture disctints : informatif (a) et illustratif (b).
c) Superposition des deux grilles. C’est sur cette
grille que s’appuiront toutes les mises-en-page.
Le champ informatif communique des éléments objectifs par le
texte. Le champ illustratif fait passer des émotions, raconte des
histoires grâce à des images, des ambiances, etc.
Les deux champs de lecture se distinguent par leur angle de
vue : le champ informatif est en vue frontale alors que le champ
illustratif est en vue axonométrique comme montré ci-contre.
Une bonne utilisation de l’environnement visuel permettra une
reconnaissance immédiate de la part du public.
a)
b)
3.
1
VI
SU
EL
N
N
EM
EN
T
EN
VI
RO
UNIVERS 47 LIGHT CONDENSED
Univers 47 Light Condensed
UNIVERS 57 CONDENSED
Univers 57 Condensed
UNIVERS 67 BOLD CONDENSED
Univers 67 Bold Condensed
Airstream ITC
typographie
La typographie joue un rôle essentiel dans l’élaboration d’un
système visuel distinctif et mémorable. Plusieurs typographies
sont utilisées dans l’environnement visuel du logotype.
Pour les titres spéciaux, une typographie originale a été
dessinée : Athos. Elle fait référence au marquage des terrains
de sports. Elle peut être utilisée pour le titre d’une affiche par
exemple.
Univers Condensed a été choisie pour les textes courants. Elle
est élancée, dynamique, contemporaine, élégante et trés lisible
dans toutes les tailles.
Pour certains titres, une typographie manuscrite, le Airstream de
ITC, a été choisie pour casser les verticales et les horizontales,
pour apporter de la légereté et de la vie a un environnement
visuel très construit. Il est recommandé de toujours utiliser cette
typographie en bas-de-casse (minuscule).
Ces polices de caractères offrent assez de flexibilité pour être
efficaces sur tous les supports. Univers Condensed, Airstream
ITC et Athos devraient être les seules polices de caractères
utilisées dans les publications de l’UNSS. Si les circonstances
exigent une police de caractères alternative, alors Arial ou
Helvetica pourront être utilisée en remplacement de Univers
Condensed, Comic sans MS en remplacement de Airstream ITC.
3.
2
VI
SU
EL
N
N
EM
EN
T
EN
VI
RO
a).
style typographique
Travailler avec la typographie permet de formidables
opportunités pour créer de la présence et de la reconnaissance.
Le style typographique développé pour l’UNSS devrait refléter
une certaine maîtrise de l’espace. La typographie peut être
utilisée à la fois dans le champ informatif (a) et le champ
illustratif (b).
Les paragraphes s’agencent selon la grille frontale comme
montré sur cette page.
La ligne invisible qui descend à la verticale du U dans le logo
agit comme un axe pour l’alignement d’éléments typographiques
complémentaires.
b).
a) Exemple de couverture.
b) Exemple d’affichette.
EL
U
IS
V
T
EN
O
R
I
V
N
E
M
E
NN
travailler avec la couleur
3
.
3
Dans le but d’accommoder une grande variété d’applications, de
messages avec des publics différents, la palette offerte couvre
un vaste champ de couleurs.
Les couleurs privilégiées de l’UNSS sont le Bleu UNSS
(Pantone® Reflex Blue) et le Rouge UNSS (Pantone®185).
Les couleurs secondaires complètent notre palette primaire
et couvre un spectre très large. Ajoutées à leurs références
Pantone®, les couleurs sont présentées avec leurs équivalences
CMJN et RVB.
b) palette de couleurs secondaires
Pantone 640
C80|M0|J5|N5
R51|V184|B224
Pantone WG 11
C0|M15|J34|N60
R126|V116|B98
Pantone 158
Pantone 314
Pantone 226
Pantone 5463
Pantone 242
Pantone 5773
C0|M60|J94|N0
R220|V133|B70
C100|M0|J23|N79
R35|V77|B86
C100|M0|J9|N34
R34|V131|B163
C9|M94|J0|N51
R116|V48|B94
C0|M100|J0|N0
R203|V43|B138
C9|M0|J43|N38
R160|V164|B123
P Reflex Blue
C100|M72|J0|N6
R57|V92|B57
Pantone 185
C0|M91|J76|N0
R209|V76|B81
a) couleurs primaires UNSS.
Pantone 371
C43|M0|J100|N60
R93|V113|B57
Pantone 583
C27|M0|J100|N15
R179|V192|B72
Pantone 3955
C6|M0|J100|N0
R244|V236|B68
Pantone 181
C0|M72|J79|N47
R133|V76|B61
3.
4
VI
SU
EL
N
N
EM
EN
T
EN
VI
RO
style illustratif
Pour accompagner toute communication de l’UNSS, des
éléments illustratifs ont été créés . Quelques exemples sont
présentés sur cette page. Sportifs et terrains sont en vue
axonométrique, comme le logotype, et font référence à l’univers
du jeu.
3.
5
VI
SU
EL
N
N
EM
EN
T
EN
VI
RO
c) Exemple d’affiche faite
à partir d’une image d’archive.
travailler avec des images
d’archive
Lorsque des images d’archive sont utilisées (sportifs, Jeunes Officiels, professeurs, parents, directeurs, etc.) essayons toujours
de créer une impression de ce que signifie être à l’UNSS. Pour
se faire, une bonne méthode consiste à se concentrer dans un
premier temps sur les visages et/ou le corps des sportifs dans
l’action, permettant ainsi au spectateur d’entrevoir des moments
d’intensité, de concentration, de bonheur partagé, de solidarité,
etc. Dans un deuxième temps, ajoutons à l’image quelques éléments illustratifs propres à l’UNSS pour obtenir des images qui
caractérisent “l’expérience UNSS”.
a) photographie d’archive
b) détourage et passage en
noir et blanc.