NORMES GRAPHIQUES DÉVELOPPEMENT DURABLE 2016

NORMES GRAPHIQUES
DÉVELOPPEMENT DURABLE
2016
> ulaval.ca/dd
PRÉSENTATION2
IDENTITÉ
VISUELLE
PLATEFORME
VISUELLE
GRILLE
GRAPHIQUE
LOGO4
PRÉSENTATION4
VERSIONS AUTORISÉES
5
SIGNATURE PERSONNALISÉE
6
COULEURS OFFICIELLES
7
ZONE DE PROTECTION
8
UTILISATIONS INCORRECTES
9
POLICES DE CARACTÈRES OFFICIELLES
11
BANNIÈRES AUTOPORTANTES
12
CERTIFICAT13
PUBLICITÉS14
BANNIÈRE HORIZONTALE ET VIGNETTE WEB
15
ORIFLAMMES16
GRILLE INSTITUTIONNELLE
18
PUBLICITÉ19
MISE EN PAGE VERTICALE
19
MISE EN PAGE HORIZONTALE
20
FICHE TECHNIQUE
21
NOUS JOINDRE
22
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 1
PRÉSENTATION
Cette charte graphique a été conçue pour vous guider dans l’utilisation
de l’identité liée au développement durable. Elle répertorie les principes
d’applications de la signature ainsi que ses codes graphiques.
Les règles énoncées dans ce guide permettent de garantir la cohérence
de l’identité visuelle.
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 2
IDENTITÉ
VISUELLE
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 3
LOGO
PRÉSENTATION
Le logo « Je suis DD » est composé de deux éléments :
le symbole et la signature.
Le symbole reprend la forme
du blason dans le but d’établir
une reconnaissance forte avec
la signature de l’Université Laval.
La signature accompagnant le blason est le nominé :
« Développement Durable » dont le caractère
de la typographie est Interface léger compressé
et Interface extra gras.
Cette dénomination est toujours centrée par rapport
au logo tant à la verticale qu’à l’horizontale.
Le logo peut être utilisé à la verticale ou à
l’horizontale, mais la version verticale est privilégiée.
Une variation avec l’adresse Internet est également
disponible.
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 4
LOGO
VERSIONS AUTORISÉES
VERTICAL
VERTICAL
AVEC INTERNET
HORIZONTAL
HORIZONTAL
AVEC INTERNET
2 COULEURS
1 COULEUR
(NOIR 80 %)
1 COULEUR
(TEXTE RENVERSÉ)
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 5
SIGNATURE PERSONNALISÉE
Selon les applications, il est possible de personnaliser
la signature en y ajoutant le nom d’un service,
d’un regroupement syndical, d’un institut, du rectorat
ou d’une faculté. Le nominé se retrouve alors écrit
au-dessus du blason.
La signature personnalisée peut être utilisée en message
interne (courriel, note de service) suite à une action reliée
au développement durable. La signature doit être utilisée
avec le bandeau institutionnel selon la grille suivante
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 6
COULEURS OFFICIELLES
BLASON
PMS : 116
CMYK : C0 M20 Y100 K0
RGB : R255 G206 B0
COULEURS DU LOGO
Le logo « Je suis DD »
est composé de deux couleurs,
non variables.
DÉNOMINATION
PMS : Cool Gray 9
CMYK : C55 M46 Y44 K11 ou noir 65% (équivalent)
RGB : R119 G119 B122
PALETTE DE COULEURS CORPORATIVES
La palette de couleurs corporatives conserve le jaune
de la signature (PMS 116), mais utilise le PMS Cool Gray 11
comme deuxième couleur, qui peut être tramée à 50 % ou
70 % afin de donner plus de profondeur aux documents.
50 %
70 %
PMS : COOL GRAY 11
CMYK : C62 M52 Y46 K40
RGB : R84 G86 B91
PMS : 116
CMYK : C0 M20 Y100 K0
RGB : R255 G206 B0
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 7
ZONE DE PROTECTION
Pour que le logo conserve son impact, il doit y avoir une zone de protection
tout autour. Dans cette zone, il ne devrait jamais y avoir d’éléments
graphiques tels que texte, graphique ou illustration.
Une unité de mesure a été créée afin d’établir une zone de dégagement
autour du logo. Cette unité représente la lettre « D » du mot « DURABLE ».
Afin de préserver sa lisibilité, la taille minimale de la signature ne sera
jamais inférieur à 0,75 pouce (19,1mm).
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 8
UTILISATIONS INCORRECTES
Pour maintenir l’intégrité du logo
et de promouvoir la cohérence de la marque,
il est important d’utiliser le logo correctement
de la manière décrite dans ces lignes directrices.
Les exemples présentés ici, illustrent les
dérives possibles du blason DD qui doivent
être absolument évitées.
Il faut toujours partir du fichier électronique original.
Il est interdit de :
- déformer le logo
- altérer les couleurs du logo
- créer un contour au logo
- ajouter un élément graphique au logo
- interchanger les couleurs officielles
- changer une des couleurs officielles
- incliner le logo
- modifier la cohabitation
avec la bande identitaire
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 9
PLATEFORME
VISUELLE
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 10
POLICES DE CARACTÈRES OFFICIELLES
Pour la totalité des outils
de communications, imprimés
ou Web, les polices Triplex et
Helvetica Neue LT std doivent
être utilisées.
TRIPLEX GRAS
•Triplex
gras Utilisé pour les titres.
•Helvetica
Neue LT std
Utilisé pour le texte, quel que soit
le niveau de lecture (titres, exergues,
texte courant, et légendes…)
La hiérarchisation du texte se fera par
le corps et la graisse des caractères.
HELVETICA NEUE LT STD
•Helvetica
Neue LT std medium
Utilisé pour l’incitatif (call to action)
« Ça donne le goût d’agir. ».
HELVETICA NEUE LT STD MEDIUM
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 11
BANNIÈRES AUTOPORTANTES
Cet événement
est certifié
écoresponsable
Cet événement
est certifié
écoresponsable
et carboneutre
Nos cerveaux
s’inspirent
Vivre tous simplement pour que demain
tous puissent simplement vivre.
— Gandhi
Ça donne le goût d’agir.
> ulaval.ca/dd
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 12
CERTIFICAT
Ce certificat atteste que l’Université Laval, engagée
dans la lutte aux changements climatiques, offre à
prénom, nom
la compensation des émissions de gaz à effet de serre
associées au déplacement entre Bordeaux et Québec
Compensation
des émissions de
gaz à effet de serre
associées à un
déplacement
et a permis la plantation de
14 arbres à la Forêt Montmorency.
DENIS BRIÈRE, recteur
DC15070141
Fait à Québec, le 2 octobre 2015
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 13
PUBLICITÉS
Nos cerveaux
ont atteint
la carboneutralité
27 % de réduction des émissions de gaz
à effet de serre par une saine gestion des opérations
13 945 tonnes d’émissions compensées
par la Forêt Montmorency.
Nos cerveaux ont atteint
la carboneutralité
27 % de réduction des émissions de gaz à effet de serre par une saine gestion des opérations
13 945 tonnes d’émissions compensées par la Forêt Montmorency.
Ça donne le goût d’agir.
> ulaval.ca/dd
Ça donne le goût d’agir.
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 14
BANNIÈRE HORIZONTALE ET VIGNETTE WEB
La signature horizontale est utilisée pour
les bannières afin de donner préséance
au logo « Je suis DD ».
La signature verticale est utilisée pour les
vignettes Web afin de ne pas interférer
avec le message à véhiculer.
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 15
ORIFLAMMES
Nos cerveaux
sont
carboneutres
Nos cerveaux
sont
carboneutres
Nos cerveaux
sont
carboneutres
Nos cerveaux
sont
carboneutres
Nos cerveaux
sont
carboneutres
Nos cerveaux
assimilent
Nos cerveaux
assimilent
Nos cerveaux
propagent
le savoir
Nos cerveaux
sont
carboneutres
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 16
GRILLE
GRAPHIQUE
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 17
GRILLE
INSTITUTIONNELLE
Quel que soit le document à concevoir,
la première étape sera toujours de tracer
la grille de travail qui servira de guide
pour la disposition des éléments graphiques.
Le système est à la fois simple et efficace :
tout document, peu importe le format,
sera toujours divisé en 6 unités de hauteur
et en un nombre impair (3, 5, 7, 9…)
d’unités de largeur. La grille de travail
sera donc un document de 6 sur 3, 6 sur 5,
6 sur 7, 6 sur 9, etc.
Chaque unité peut être subdivisée en 6 sections
en hauteur ou en largeur pour une plus grande
flexibilité lors de la mise en page.
Les étapes pour tracer la grille :
1. Déterminez le format du document
à produire.
2. Divisez la hauteur par 6 unités égales.
3. Divisez la largeur par le nombre impair
de colonnes avec lesquelles vous voulez
travailler.
Pour plus d’informations sur les
normes graphiques instituttionnelles :
https://www2.ulaval.ca/notre-universite/
a-propos-de-lul/les-normes-graphiques-logodocuments-et-web/documents.html
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 18
PUBLICITÉ
MISE EN PAGE
VERTICALE
Le haut du blason DD
s’appuie sur la marge,
et le bas sur le 1/6 de la page.
Nos cerveaux
propagent le savoir
122 chaires de recherche, instituts,
centres et groupes de recherche rattachés
à un enjeu de développement durable.
Ça donne le goût d’agir.
> ulaval.ca/dd
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 19
PUBLICITÉ
MISE EN PAGE HORIZONTALE
0,5 po
0,5 po
Nos cerveaux ont atteint
la carboneutralité
27 % de réduction des émissions de gaz à effet de serre par une saine gestion des opérations
13 945 tonnes d’émissions compensées par la Forêt Montmorency.
Ça donne le goût d’agir.
> ulaval.ca/dd
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 20
FICHE TECHNIQUE
TEXTE SUR 2 COLONNES
A
Bâtiment duraBle
B
Le Colosse, ce supercalculateur
C
Le contexte
5/6 d’unité
Bâtiment duraBle
Au niveau énergétique, plusieurs gains sont notables :
• La simplicité des systèmes électromécaniques en a fait un projet économique.
La ventilation est actionnée par six ventilateurs, et l’air est refroidi par des serpentins
à l’eau refroidie. L’air d’alimentation et l’air de retour traversent les planchers grillagés
pour atteindre les équipements mécaniques situés au bas de la tour.
Une tour de béton ayant hébergé un accélérateur de particules au XXe siècle a été convertie
en salle de serveurs – le supercalculateur le Colosse. Il était difficile d’envisager un meilleur
avenir à ce bâtiment de 20 mètres de hauteur et de 11 mètres de diamètre dont les
caractéristiques limitaient le potentiel de réutilisation.
245 tonnes
de CO2 équivalent
évitées annuellement
D
• La chaleur des serveurs est récupérée par le réseau d’eau refroidie pour chauffer
d’autres pavillons du campus. L’économie annuelle de combustible est de l’ordre de
130 000 m3 de gaz naturel, ce qui évite l’émission de 245 tonnes de CO2 équivalent.
• Le PUE (power usage effectiveness) est de 1,28 alors que la moyenne du secteur
était de 1,91 en 2010, lors de la construction du Colosse. Le PUE est un indicateur
de la performance énergétique des salles de serveurs qui correspond au rapport entre
la consommation totale de la salle sur la consommation des équipements informatiques
avec, comme valeur idéale, un résultat s’approchant de 1.
Le bâtiment, logé entre le Centre d’optique, photonique et laser
et le pavillon Alexandre-Vachon.
Les Bénéfices
On dit souvent que le bâtiment le plus durable est celui qu’on ne construit pas. Dans le cas
présent, on a évité la démolition du bâtiment, de même que la construction d’un nouveau,
ou l’entretien d’une infrastructure inutilisée.
Une salle de serveurs représentait la solution optimale, puisque les contraintes du bâtiment
devenaient des avantages : la tour permet de créer un confinement uniforme entre la partie
périphérique froide et la partie centrale chaude, l’épaisseur des murs protège des variations
du climat et les fenêtres ne sont pas nécessaires. Trois étages de serveurs ont été planifiés
aux niveaux supérieurs, les systèmes mécaniques étant au niveau inférieur.
E
La fonction actuelle demeure ainsi en continuité avec la fonction originale de recherche,
facilitant l’acceptabilité du projet parmi toutes les options proposées. Le Colosse est en fait
une plateforme nationale de calcul haute performance gérée par Calcul Québec.
Murale peinte à l’intérieur de la paroi cylindrique, œuvre de Étienne Cliquet.
Le silo de l’accélérateur, datant de 1962, a toujours constitué un repère visuel sur le campus ;
sa conservation était essentielle au maintien du patrimoine de l’Université.
Le Colosse est également un lieu de culture : dans le cadre de son projet Datacentre d’art,
l’artiste français Étienne Cliquet y a réalisé une murale représentant les migrations des
premiers humains, établissant un lien entre les centres de savoirs que sont les salles de
serveurs et les dessins pariétaux de nos ancêtres.
> ulaval.ca ⁄dd
• L’infrastructure ne consomme que 30 % de l’énergie d’une salle standard. Incluant
la récupération de chaleur, cela représente une réduction de la facture d’énergie
de 200 000 $/année.
L’équIpe
Des pRIx
Ce projet est le fruit de la collaboration de
la Faculté des sciences et de génie, de la
Direction des technologies de l’information
(DTI) et du Service des immeubles (SI).
Des experts externes ont également
contribué
Le projet du Colosse compte plusieurs
prix à son actif :
Selon Marc Parizeau, professeur de
génie informatique et instigateur du projet,
cette installation « compte parmi les
plus efficaces au monde sur le plan
énergétique ». Un suivi des différents
paramètres permet des rétroactions
sur les opérations du supercalculateur
par la DTI et l’optimisation des
équipements mécaniques par le SI.
• le prix Pilier d’or 2014, catégorie
Environnement de l’Association des
gestionnaires de parcs immobiliers
institutionnels
• le prix Énergia 2014 Bâtiment
existant – secteur institutionnel
de l’Association québécoise pour
la maîtrise de l’énergie
• le prix InfoWorld Green 15,
obtenu en 2010.
Le Colosse vu de l’intérieur, avec ses cabinets de serveurs.
INFORMATION
Chef de la Division Calcul haute performance
Direction des technologies de l’information
Université Laval
Québec (Québec) G1V 0A6
CAnADA
418 656-2131 poste 8858
ulavaldd
DC-01 2016
ulavaldd
1/6 d’unité
A
SUJET
Helvetica Neue Condensed
12 points
B
TITRES
Triplex bold
36 points
C
SOUS-TITRES
Helvetica Neue Roman
12 points
D
EXERGUE
Helvetica Neue
22 points sur
26 points d’interlignagne
E
TEXTE COURANT
Helvetica Neue Thin Condensed
10 points sur
12 points d’interlignagne
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 21
NOUS JOINDRE
Merci d’appliquer ces lignes directrices, vous avez toute notre reconnaissance. Nous savons
que l’application de ces principes prend du temps et des efforts, mais ces impératifs ne
feront qu’enrichir et renforcir notre image institutionnelle et promotionnelle.
Si vous avez des questions supplémentaires à propos de notre identité visuelle et de son
application dans la conception de vos communications, n’hésitez pas à nous contacter :
Direction des communications
Pavillon Maurice-Pollack
2305, rue de l’Université
Local 3108
Université Laval
Québec (Québec) G1V 0A6
CANADA
Téléphone : 418 656-7266
Télécopieur : 418 656-3087
[email protected]
Hélène Mélançon
Conseillère
Direction des communications
Téléphone : 418 656-2131 poste 7286
Courriel : [email protected]
Audrey Pomerleau-Boivin
Coordonnatrice aux opérations en développement durable
Vice-rectorat exécutif et au développement
Téléphone : 418 656-2131 poste 8381
Courriel : [email protected]
NORMES GRAPHIQUES | DÉVELOPPEMENT DURABLE | 22