Charte Graphique de SUPINFO Sommaire www.supinfo.com



Documents pareils
Charte Graphique Caisse d Epargne Rhône Alpes

G U I D E D U T I L I S A T I O N LIFTING IDENTITÉ VISUELLE

1. L ENTREPRISE 2. CARACTERISTIQUES ET DEROULEMENT DE LA PRESTATION CHARTE QUALITE 2.1. DEMARCHE VOLONTAIRE 2.2. REALISATION DE L AUDIT

Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP.

Hercules Monte-escalier pour escalier avec des courbes

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var Tel : bij@agasc.fr Word: Les tableaux.

CHARTE. d utilisation de la marque Sage par les partenaires

Pourquoi utiliser des visuels et des logiciels de présentation?

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM

Ecran : Processeur : OS : Caméra : Communication : Mémoire : Connectique : Audio : Batterie : Autonomie : Dimensions : Poids : DAS :

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

... identité visuelle logotype. CONCEPTION GRAPHIQUE [ print / web ]

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

Les différentes étapes à suivre pour la création d un feuillet

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

STYLEGUIDE ÉLÉMENTS DE BASE PARTENAIRES

Création d articles sur le site web du GSP

Charte d utilisation de la marque de certification NF pour les bâtiments non résidentiels*

Charte graphique 2011

Nom : Groupe : Date : 1. Quels sont les deux types de dessins les plus utilisés en technologie?

Création d un fichier de découpe

Réaliser un beau logo

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

Site web établissement sous Drupal

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :

Charte d utilisation de la marque et du logo «Somfy»

Salle de technologie

MODELE DE BRIEF AGENCE

Jean Dubuffet AUTOPORTRAIT II

Le Dessin Technique.

My Custom Design ver.1.0

Mode d emploi de la liseuse Kobo Aura

Utiliser le logiciel Photofiltre Sommaire

TUTORIEL PAINTPOT. Louise Henninot - Anne- Cécile Patou - Julie Roquefort

Otolift Saphir. Un confort optimal le long de l axe intérieur. Monte-escalier pour courbe intérieure

PR OC E D U RE S D E B A S E

La C.A.O (Conception Assistée par Ordinateur). Le logiciel de C.A.O.

Guide d accompagnement

DOSSIER TECHNIQUE. La nouvelle signalétique des envois de presse. nement. bn o GAZINE. Feuille ROUTAGE GAZETTE AGE OURNA ÉDACTION CAHIER

Présentation MDNT Nos services Print. Nous contacter. Web. Référencement

Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture

epages 6.16 Automne 2013 Inès de La Ruffie, Channel Marketing Manager

Initiation à linfographie

Correction des Travaux Pratiques Organiser son espace de travail

Bailly Pauline Multimédia & Images

Le code à barres EAN 13 mes premiers pas...

CHARTE D EXPOSITION POUR LES PARTENAIRES EXPOSANT AU SEIN DU PAVILLON PARIS REGION AU MIPIM 2014

Tutoriel : Feuille de style externe

Otolift Rubis Monte-escalier pour courbe extérieure

INFO 2 : Traitement des images

INTRODUCTION. Pour réaliser une pièce sur Charlyrobot, il faut le faire en trois étapes :

CLÉS USB. Micro Square Card. La plus petite clé USB. Idéale pour une communication à but commercial. Légère. Avec une micro puce UDP

Questionnaire pour connaître ton profil de perception sensorielle Visuelle / Auditive / Kinesthésique

À QUOI VOUS ATTENDRE SI VOUS ATTENDEZ [UN LOGO].

ANIMER UNE COMMUNAUTÉ CONSTRUCTION21

Note de cours. Introduction à Excel 2007


2013 Pearson France Adobe Illustrator CC Adobe Press

Impress / Présentation

GUIDE Excel (version débutante) Version 2013

FÊTE DE LA SCIENCE 2005 (Village des Sciences)

Sommaire. 1ère Partie: L analyse. 2ème Partie: Le concept. 1. Etude du rosé et de la concurrence. 2. Etude du Bordeaux rosé 3.

Mise en scène d un modèle dans l espace 3D

Concours de création

Infolettre #18 : Les graphiques avec Excel 2010

PIXMA MG5500. series. Guide d'installation

Dessiner dans Galaad FRANÇOIS PALLUT

Forest Stewardship Council. Guide simplifié d utilisation des marques à l intention des titulaires de certificats

Publication Assistée par Ordinateur

Luxor. La borne escamotable automatique

Démographie des masseurs-kinésithérapeutes

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs

Fiches d aide à l utilisation

Activité 11 : Nuage de points ou diagramme de dispersion

UFR de Sciences Economiques Année TESTS PARAMÉTRIQUES

Notice d installation sur le véhicule

DOCUMENTATION TECHNIQUE

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

POur vous organisateurs de salons, un ensemble de services & avantages mis gratuitement à la disposition de vos visiteurs.

SUUNTO COMFORT BELT Heart Rate Transmitter Belts. Guide d utilisation

Photographie numérique Retouche d images : Photoshop - Gimp Vidéos

ANNEXE 2 : CHARTE DE COMMUNICATION

Maîtriser les fonctionnalités d un traitement de texte (Word OpenOffice)

Support de formation Notebook

Utilisation de l éditeur.

GUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e

charte graphique 1 - logotype de la FMSH 2 - logotype / couleurs 3 - logotype / variantes 5 - logotype / zone d exclusion 6 - logotype / utilisation

des idées lumineuses...

Une association qui entreprend au service de l intérêt général

Cours Excel : les bases (bases, texte)

Créer ses partitions avec. Finale. Composer arranger éditer. Benjamin martinez. Groupe Eyrolles, 2011, ISBN :

Initiation au dessin Bitmap

Manuel de l administrateur

Prezi. Table des matières

Once the installation is complete, you can delete the temporary Zip files..

Transcription:

Charte Graphique de SUPINFO Sommaire 1. Charte Graphique 2 2. Style 3 3. Symbole visuel monochrome 4 4. Logotypes institutionnels monochromes 5 5. Espace protégé, taille minimale, réductions & agrandissements homothétiques 6 5.1. L espace protégé 5.2. Taille minimale 5.3. Réductions & agrandissement homothétiques 6. Logos par écoles et centres de formation 7 7. Exemples d utilisation de la bannière monde 8 Version 7.4 - Février 2010 Copyright SUPINFO International University. All rights reserved. www.supinfo.com

1. Charte Graphique L image de marque de «SUPINFO International University» et de SUPINFO, «The International Institute of Information Technology», représente un aspect important du rayonnement de l institution d enseignement en France et dans le monde. SUPINFO apporte un soin particulier au respect de cette image qui ne doit pas être négligée. L identité visuelle de l institution d enseignement est un des éléments qui renforce la qualité de sa présentation au monde extérieur, qu il s agisse de ses étudiants, des parents d élèves, des professeurs, des partenaires industriels, des entreprises ou de l ensemble des intervenants qui gravitent autour de l institution. La présente charte regroupe l ensemble des directives de base visant à la mise en œuvre de l identité de l institution d enseignement. Elle dote SUPINFO d un système de contrôle de qualité permettant de vérifi er que chaque élément visuel (style de caractère, logotype, couleurs, signalétique, etc.) est employé à bon escient. Toutes les recommandations qui suivent annulent et remplacent les précédentes versions de la charte graphique de l école et doivent donc être considérées comme précises. Les principales adaptations sont prévues dans ce référentiel. Néanmoins, elles peuvent évoluer légèrement avec le temps et notamment en fonction de vos suggestions. Nous vous invitons donc à consulter régulièrement sur notre site internet les éventuelles révisions qui y seront publiées. Afi n de mieux construire l image visuelle de SUPINFO, nous vous invitons à diffuser largement cette charte à vos proches et comptons sur vos remarques. Attention, ce document ne peut être modifi é et mis à jour sans préavis. Un numéro de version et une date de modifi cation est visible sur la page de garde et en tête de chaque page. Pour tous renseignements complémentaires ou suggestions, contactez le pôle SUPINFO Public Relations (SPR), département Marketing (marketing@supinfo.com) au +33 (0)153359700. Vous pouvez télécharger une version à jour de cette charte ainsi que les logos et les polices de caractères de SUPINFO sur le site internet de l école : www.supinfo.com/logos - 2 -

2. Style Le rôle du style est d appuyer l identité des marques. Il ne peut être utilisé qu avec le symbole visuel. Ce graphisme utilise le caractère «Copperplate Gothic Bold BT» et aucun autre. SUPINFO International University SUPINFO The International Institute of Information Technology SUPINFO International University et SUPINFO, «The International Institute of Information Technology» doivent être présentés par un style classique sérieux et international qui force volontairement le respect. C est la raison pour laquelle l institut d enseignement est représenté par ce style de police de caractères dessiné en 1905 par Frédéric Goudy pour la fonderie ATF. Cette police est inspirée des lettres anciennes gravées dans la pierre que l on appelle glyphes ou incises. Elle ancre l institut d enseignement dans la noble tradition de l enseignement tout en créant un lien naturel vers sa vocation moderne et internationale. En effet, les origines anciennes et rigoureuses de cette police de caractères seront adoucies par le graphisme plus moderne du logo et du sigle. La marque déposée qui représente l institut d enseignement est : «SUPINFO International University». - 3 -

3. Symbole visuel monochrome Le symbole visuel est le label de SUPINFO qui doit être reconnaissable partout, de près comme de loin. Symbolisant les marques quel que soit le lieu et les activités de l institution d enseignement, il peut être utilisé seul ou avec le graphisme des marques. Il ne peut être transformé, sauf pour des cas particuliers et dans le cadre d une utilisation évènementielle exceptionnelle. Le symbole visuel de SUPINFO est désormais monochrome (tout noir ou tout blanc). Auparavant, il pouvait exister en couleur (bleu et rouge sur fond blanc ou très clair. Cette représentation n a plus de raison d être aujourd hui). Le symbole visuel peut être employé dans les cas de l utilisation sur un fond de couleur claire, dans ce cas on utilise la version en noir ou sur fond foncé, dans ce cas on utilise la version en blanc. Utilisez toujours une version monochrome, noir pour un fond clair et blanc pour un fond foncé sans jamais changer la couleur même du symbole. Le symbole ne peut donc exister qu en noir ou blanc. Une base triangulaire aux proportions raisonnables représente le socle stable et équilibré de la tradition noble de l enseignement sur lequel repose toute la dynamique de l institut d enseignement. Cette dernière, toute en rondeurs et en courbes, évoque naturellement l encadrement et la protection d un globe terrestre. Le cercle symbolise aussi le rayonnement de SUPINFO dans le monde tel une parabole évoquant les technologies de l information qui capte et concentre la connaissance en un centre représenté par une petite boule symbolisant la tête d un être humain, premier bénéfi ciaire du savoir ainsi collecté. Ce personnage, dont le buste reprend ici sa forme triangulaire du socle, est au centre, à la fois à l origine et bénéfi ciaire du savoir diffusé. Il souligne que la stabilité et l équilibre de SUPINFO repose sans aucun doute sur le respect de l Homme et de sa capacité à apprendre pour transmettre en un cycle perpétuel. Le dynamisme et l agilité de SUPINFO sont apportés par deux «virgules» espacées qui évoquent naturellement, autour du globe, les anneaux d une planète comme Saturne. Cette évocation de l espace place alors la petite sphère représentant la tête de l Homme comme un satellite en mouvement autour du monde pour mieux traduire le caractère universel du savoir et la mission de diffusion de la connaissance que SUPINFO s est fi xée en facilitant la mobilité de ses étudiants et de ses professeurs à travers le monde. L ensemble de ces éléments graphiques s imbriquent les uns les autres en «s adaptant» par complémentarité pour renforcer les valeurs de tolérance et de respect des autres, chères à SUPINFO. - 4 -

4. Logotypes institutionnels monochromes Le Logotype institutionnel de SUPINFO associe le symbole visuel, la marque distinctive internationale «SUPINFO» et la dénomination «International University» qui respectent le style. Pour souligner le caractère désormais international de SUPINFO, le logotype institutionnel de l institut d enseignement est toujours le même quelque soit le pays et n existe qu en anglais. Les logotypes institutionnels monochromes (logotype horizontal et logotype vertical), tous noirs ou blancs peuvent être employés dans les cas de l utilisation sur un fond de couleur clair ou foncé. Utilisez toujours une version monochrome, noir pour un fond clair et blanc pour un fond foncé. Aucune autre couleur ne peut être utilisée que le noir ou le blanc. Version horizontale à utiliser en priorité Version horizontale à utiliser en priorité Version verticale Version verticale Le logotype institutionnel de SUPINFO existe en deux versions : horizontale et verticale. Il représente, par sa construction, la seule utilisation pour toutes les applications institutionnelles des marques (supports de cours, sites internet, publicité, édition, marquage, etc.). La version horizontale est à utiliser en priorité. La version verticale peut s adapter à la forme de certains supports pour respecter une certaine harmonie. Attention àtoujours respecter l espace protégé autour du logo (voir pages suivantes). - 5 -

5. Espace protégé, taille minimale, réductions & aggrandissements homothétiques L utilisation d un Logotype institutionnel de SUPINFO doit se faire dans le respect de certaines règles de base qui incluent, en plus du respect des couleurs (blanc ou noir) et du style, l espace protégé, la taille minimale et les règles de réduction et d agrandissement. 6.1. L espace protégé C est l espace qu il convient de respecter autour du Logotype et dans lequel il est interdit d inscrire quoi que ce soit. Il permet d assurer une indépendance et une cohérence indispensables à l identifi cation fi able du symbole visuel des marques. L espace protégé est déterminé de part et d autre, par une valeur égale à la hauteur des lettres du texte «SUPINFO», quelle que soit la taille du Logotype. Aucun élément graphique, texte ou dessin ne doit fi gurer dans cet espace. De même, si le Logotype est placé en bordure, il faut veiller à ce que l espace protégé puisse toujours être à l intérieur du document. Enfi n, si le logo est placé à l extrémité de deux bordures, il faut non seulement à veiller à ce que l espace protégé soit à l intérieur du document mais aussi à ce que les limites du Logotype soient à égale distance des deux bordures. L espace protégé se trouve à l intérieur des pointillés rouges. 6.2. Taille minimale La taille minimale du Logotype horizontal en largeur est de 20 mm (à l exception des applications sur écrans et produits dérivés). 25 mm 6.3. Réductions & agrandissements homothétiques Pour ne pas déformer le Logotype en le réduisant ou en l agrandissant, veillez à respecter des proportions homothétiques pour la hauteur et la largeur. Il suffi t souvent de maintenir la touche «Shift» enfoncée pendant un redimensionnement à l écran pour éviter toute déformation. - 6 -

6. Logos par écoles et centre de formation Le logotype institutionnel de SUPINFO International University peut, pour être plus précis, citer le nom de l école ou du centre de formation que l on souhaite désigner. Toutes les règles d espace protégé, de taille minimale, de réductions et agrandissements homothétiques sont bien évidemment à respecter comme précisé dans la partie 5. Voici ci-dessous l exemple du logo de l école d informatique de SUPINFO International University, de SUPINFO «The International Institute of Information Technology» et du centre de formation professionnelle SUPINFO Training Center. - 7 -

7. Exemples d utilisation de la bannière monde Le logo SUPINFO est souvent mis en valeur avec une bannière-monde bleue. Cette bannière doit toujours être disposée en page de garde d un document SUPINFO. Pour un document interne, pour une affi che, un fl yer, un dossier, un cours, etc., la bannière monde doit fi gurer en couverture. Sur cette bannière bleue, seul le logo sur la gauche doit y être positionné en respectant l espace protégé du logo. Bannière pour documents à la française (vertical) Remarque : le logo est donc près de la mappemonde Bannière pour document à l italienne (horizontal) Remarque : le logo est ferré a gauche avec beaucoup d espace entre le logo et la mappemonde L école d informatique française, leader mondial La bannière peut être utilisée avec les déclinaisons du logo SUPINFO, la phrase d accroche de l établissement peut figurer sous la bannière ferré a gauche avec le même espace protégé que le logo Remarque : la couleur de la phrase est 74a2c3. - 8 -