Lignes directrices relatives à l identité visuelle

Transcription

1 Lignes directrices relatives à l identité visuelle 2011

2 02 Table des matières 03 Identité visuelle d Apprentissage électronique 04 Identité visuelle en couleur (anglaise et française) 05 Identité visuelle avec couleurs inversées 06 Identité visuelle en noir et blanc 06 Identité visuelle en noir et blanc inversée 07 Espace libre 07 Taille minimale de l identité visuelle 08 Utilisation appropriée de l identité visuelle (obligations et interdictions) 11 Insertion d éléments graphiques 12 Utilisation du logo comme identité visuelle 13 Couleurs officielles 13 Couleurs complémentaires 14 Police de caractère 15 Documents imprimés 16 Documents électroniques 17 Nous joindre

3 03 Identité visuelle d Apprentissage électronique L identité visuelle d Apprentissage électronique a été conçue pour accompagner le logo de l Ontario. Il s agit d un livre stylisé sur lequel on peut voir la lettre [e] en caractère cursif, accompagnée de la marque Apprentissage électronique Ontario, en français ou en anglais. Le livre stylisé représente l apprentissage, tandis que la lettre [e] nous rappelle par sa police cursive le qui évoque la communication par voie électronique. La couverture bleue du livre a aussi la forme d un moniteur d ordinateur. Finalement, la disposition stylisée des pages au-dessus du logo véhicule la force et le dynamisme. Ensemble, ces éléments représentent un nouveau moyen d apprentissage pour l Ontario, tout aussi puissant que dynamique : l apprentissage électronique.

4 04 Identité visuelle en couleur Voici les versions couleur française et anglaise de l identité visuelle d Apprentissage électronique. Français Voici la version française de l identité visuelle d Apprentissage électronique. Lorsqu il s agit de documents bilingues où les deux images apparaissent, l identité visuelle française doit mesurer environ 80 % de la version anglaise. Anglais Voici la version anglaise de l identité visuelle d Apprentissage électronique. La lettre [e] est blanche et ne dépasse pas les extrémités du livre; ainsi, le contraste demeure marqué, peu importe la couleur ou la texture en arrière-plan.

5 05 Identité visuelle avec couleurs inversées Voici la version de l identité visuelle qui doit apparaître sur les arrière-plans foncés pour assurer un certain effet de contraste. Si possible, cette version toute blanche du logo doit être placée sur un fond bleu, ce qui contribuera à mettre en valeur l image de marque d Apprentissage électronique.

6 06 Identité visuelle en noir et blanc Cette version de l identité visuelle d Apprentissage électronique a été conçue pour être entièrement noire et ne doit pas sembler grise. Elle ne figurera que sur les documents imprimés en noir et blanc, ou encore lorsqu il est impossible d incorporer de la couleur à un document. Identité visuelle en noir et blanc inversés Cette version de l identité visuelle d Apprentissage électronique blanc pur a été conçue pour les fonds noir ou bleu foncé. Elle n apparaîtra que sur les affiches ou tout autre support devant être regardé de loin, ou encore dans les environnements qui risquent de nuire à la lisibilité.

7 07 Espace libre On doit laisser un «espace libre» autour de l identité visuelle afin d éviter toute perte de dynamisme ou interférence causée par les éléments avoisinants. Cet espace peut être mesuré d après la hauteur x de la lettre «A» du mot «Apprentissage»; chaque côté de l identité visuelle doit être dégagé de manière égale. Ainsi, elle sera mise en évidence même si son environnement immédiat s avère visuellement chargé. Taille minimale de l identité visuelle De par sa simplicité graphique, l identité visuelle d Apprentissage électronique peut être réduite considérablement sans que l on n en perde aucun élément. Néanmoins, comme avec n importe quelle identité visuelle, une taille minimale a été fixée par souci d esthétique et de lisibilité. Au besoin, sa longueur peut être réduite à 25 mm. 25mm

8 08 Utilisation appropriée de l identité visuelle (obligations et interdictions) Cette section explique comment utiliser l identité visuelle d Apprentissage électronique de façon à en optimiser la lisibilité dans n importe quelle circonstance. Lorsqu on utilise la version blanche, il faut également respecter la couleur officielle en la plaçant toujours sur un fond bleu. Pour assurer la mise en valeur de l identité visuelle, veuillez suivre les lignes directrices cidessous en ce qui concerne la couleur de l arrière-plan et les éléments graphiques avoisinants : 1a. TOUJOURS placer l identité visuelle sur un fond clair. 1b. NE JAMAIS placer l identité visuelle sur un fond bleu de ton similaire à celui de sa couleur d écriture, car cela en brouillerait la lisibilité. 2a. TOUJOURS placer l identité visuelle sur un fond blanc, si possible. 2b. NE JAMAIS placer l identité visuelle sur un fond gris de ton similaire à celui du logo.

9 09 Utilisation appropriée de l identité visuelle (suite) 3a. Ne pas hésiter à placer l identité visuelle sur une texture ou une image, mais TOUJOURS veiller à ce que celles-ci soient discrètes et ne nuisent aucunement à sa visibilité. 3b. NE JAMAIS placer l identité visuelle sur une texture ou une image d arrière-plan qui en brouillerait la lisibilité. 4a. NE JAMAIS ajouter d ombrage à l identité visuelle. 4b. NE JAMAIS altérer ni modifier la couleur de l identité visuelle d aucune façon, même si elle demeure monochrome. 5a. TOUJOURS utiliser la version blanche de l identité visuelle lorsqu elle doit être placée sur une couleur foncée. 5b. NE JAMAIS placer la version blanche de l identité visuelle sur un fond clair.

10 10 Utilisation appropriée de l identité visuelle (suite) 6a. TOUJOURS utiliser la version blanche de l identité visuelle pour une impression ou une télécopie en noir et blanc sur fond noir. 6b. NE JAMAIS utiliser la version couleur de l identité visuelle pour l impression en noir et blanc. 7a. TOUJOURS utiliser la version en noir et blanc sur un fond clair si la version couleur risque de détonner avec l arrière-plan. 7b. NE JAMAIS utiliser la version en noir et blanc sur un fond trop foncé (utiliser la version blanche). 8a. TOUJOURS utiliser la version noire pour la télécopie si le fond est blanc. 8b. NE JAMAIS utiliser la version noire pour la télécopie si le fond est relativement foncé; les paramètres du télécopieur pourraient altérer le ton de l identité visuelle et la rendre illisible.

11 11 Insertion d éléments graphiques Il est possible d utiliser des éléments du logo comme texture ou arrière-plan si l esthétique de l identité visuelle principale est conservée. Voici comment afficher le logo de manière adéquate : 1a. Ne pas hésiter à placer la lettre [e] du logo en arrière-plan pour créer un effet visuel subtil. 1b. NE JAMAIS placer le [e] en arrière-plan si sa valeur de trame risque de nuire à la lisibilité de l identité visuelle principale. 2a. Ne pas hésiter à placer le logo en arrièreplan pour embellir un document. 2b. NE JAMAIS utiliser l identité visuelle en entier comme trame ou texture.

12 12 Insertion d éléments graphiques (suite) 3a. TOUJOURS utiliser une version foncée du logo en arrière-plan si l identité visuelle principale est blanche. 3b. NE JAMAIS placer un élément graphique blanc si sa position risque de nuire à la lisibilité de l identité visuelle blanche. Utilisation du logo comme identité visuelle Utilisation du logo seul Si l identité visuelle d Apprentissage électronique est déjà exposée en entier à un endroit bien visible (p. ex. : sur la couverture d un livre), le logo peut être utilisé seul comme un élément graphique indépendant. Dans l exemple ci-dessous, il est placé à côté de l adresse URL dans l en-tête.

13 13 Couleurs officielles La couleur officielle d Apprentissage électronique Ontario est le bleu (PMS 3005c). Dans l identité visuelle, le mot «Ontario» est noir à 100 %, tandis que les pages qui dépassent du logo sont noires (grises) à 60 %. Utilisez toujours le modèle approprié selon les circonstances. N utilisez pas la version du nuancier Pantone pour une impression polychrome, car le bleu serait teinté de mauve. De même, les pages Web et les impressions en couleur opaque nécessitent des versions particulières de l identité visuelle. Ne convertissez pas un document contenant l identité visuelle vers un autre format que le format prévu, car la conversion altère parfois les couleurs. BLACK BLACK 60% 60% BLACK BLACK 100% 100% PMS 3005 PMS 3005 BLACK 60% BLACK 100% PMS 3005 Pages du logo Couleur opaque : PANTONE 3005c Quadrichromie : CMJK 92/35/0/0 Web : RVB 0/120/194 (HEX 0078C2) Nom «Ontario» Couleurs complémentaires D autres couleurs peuvent être utilisées, pourvu qu elles ne soient pas mises en valeur. Le vert pâle ci-dessous ne peut être utilisé qu en arrière-plan; on peut aussi le rendre plus pâle si le corps du texte doit y être superposé. Quadrichromie : CMJK 55/20/43/8 Web : RVB 114/157/143 Quadrichromie : CMJK 14/4/13/0 Web : RVB 217/228/220 Quadrichromie : CMJK 88/50/0/12 Web : RVB 0/105/169

14 14 Police de caractère La police de caractère officielle pour tous les documents papier ou électroniques sur lesquels on peut voir l identité visuelle d Apprentissage électronique est «Gill Sans». Cette police a été choisie pour son aspect classique et sa grande lisibilité, et parce qu elle est conforme aux normes du gouvernement de l Ontario. Si les styles de police «Normal» ou «Gras» sont trop foncés, il est possible d atténuer le noir à 95 ou 85 % (voir ci-dessous). Gill Sans Light (100 % Noir) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Gill Sans Regular (95 % Noir) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Gill Sans Bold (85 % Noir) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

15 15 Documents imprimés Idéalement, l identité visuelle d Apprentissage électronique devrait être placée sur une couleur d arrière-plan unie et pâle, bien séparée de tous les autres éléments. Avant de la placer sur une photographie, il convient de choisir des images comportant des zones de couleur unie ou des espaces libres. L image ci-dessous donne un aperçu de son utilisation sur une carte postale. 5879_ELO PCards_Fre06F 12/22/10 11:38 AM Page _ELO PCards_Fre06F 12/22/10 11:38 AM Page 2 Besoin d un coup de main? Besoin d aide pour vos travaux scolaires? Des milliers d activités éducatives, des jeux et des exercices interactifs pour les élèves dans la Banque de ressources éducatives de l Ontario. Toutes les années d études. En tout temps. Vous voulez élargir votre choix de cours? Choisissez parmi 67 cours offerts en ligne en langue française aux élèves de la 9 e à la 12 e année. Demandez des renseignements à votre conseillère ou conseiller en orientation, y compris la façon de vous connecter. Vous voulez de l aide individualisée dans une matière? Un tutorat gratuit en ligne et en temps réel est offert par des enseignantes et enseignants de l Ontario aux élèves francophones dans toutes les matières de la 1 re à la 12 e année. sosdevoirs.org Imprimeur de la Reine pour l Ontario, 2011 Imprimé sur du papier recyclé ISBN (Imprimé) ISBN (PDF)

16 16 Documents électroniques Une identité visuelle d Apprentissage électronique a été conçue pour tous les types de support; assurez-vous d utiliser le modèle approprié selon les circonstances. Par exemple, il ne faut pas utiliser une version JPG colorée en mode RVB pour l impression, ni une version PDF colorée en mode CMJN pour les supports électroniques (p. ex. sur les sites Web ou dans les vidéos). Résolution optimale Ne téléchargez pas l identité visuelle d Apprentissage électronique sur un site Web non autorisé (p. ex. Google), puisque sa résolution risque d être trop basse, voire brouillée. Un vecteur RVB en format EPS vous sera envoyé sur demande.

17 17 Nous joindre Pour savoir comment vous procurer la dernière version de l identité visuelle d Apprentissage électronique ou pour obtenir plus de renseignements concernant les modalités d utilisation décrites dans le présent guide, écrivez à : Apprentissage électronique Ontario Courriel : PublicEducation@ontario.ca Imprimeur de la Reine pour l Ontario, 2011 Imprimé sur du papier recyclé ISBN (Imprimé) ISBN (PDF)