Plan de conception TCS: signalétique Guide pour une mise en scène cohérente de la marque

Transcription

1 Plan de conception TCS: signalétique Guide pour une mise en scène cohérente de la marque Version / Département Gestion de la marque

2 Signalétique Sommaire Signalétique Préambule 3 Corporate Design Éléments de personnalisation 5 Aperçu des mesures de signalétique 6 Principe de la mise en page Composition du logo 8 Aperçu 9 Principe de la mise en page 1, placement du logo 10 Principe de la mise en page 1, rectangle d empagement 11 Principe de la mise en page 2, placement du logo 12 Principe de la mise en page 2, rectangle d empagement 13 Marquages sur fond blanc 14 Couleurs 15 Typographie 16 Traits typographiques 17 Applications/eemples Publicité sur immeubles sans tete 19 Publicité sur immeubles avec tete 20 Pylônes/drapeau 21 Stèles/panneau, plaques 22 Marquage etérieur de panneau, plaques 23 Mentions légales 24 2/24

3 Signalétique Préambule Ce plan de conception comprend des notions de base, s appliquant au éléments de signalétique intérieure et etérieure. Ces indications se basent sur le «Manuel du Corporate Design TCS», accessible sur : Pour des mesures de signalétique, le logo TCS pourra être mis en œuvre sous forme d impression 3D ou sous forme tridimensionnelle. Les données pour la réalisation d un objet peuvent être demandées au département Gestion de la marque (cd@tcs.ch). 3/24

4 Corporate Design Cinq éléments modernes pour une marque suisse forte

5 Corporate Design Éléments de personnalisation Museo Slab 700 Museo Slab 300 Museo Slab Museo Slab Le logo TCS Les couleurs du TCS La typographie TCS L univers visuel du TCS La mise en page TCS Le logo TCS a su créer une grande valeur d adhésion émotionnelle. Le sigle TCS du logo est en outre bien établi en Suisse. En effet, le logo n a été que légèrement réadapté pendant des dizaines d années et représente ainsi, dans son intégrité, la constance de l organisation. Jaune TCS Le jaune est la nouvelle couleur de base du TCS. Les véhicules jaunes de la Patrouille TCS sont synonymes de dépannage et sont en outre connus, comme les véhicules phares du TCS. C est pourquoi le jaune deviendra la couleur de base du TCS dès octobre Grâce à son aspect technique, la police de caractères Museo met en valeur le statut d eperts du TCS. Pour la signalétique, seules les polices de caractères Museo Slab 300 et 700 seront utilisées, et toujours en noir. Le langage visuel se veut proche de nos membres et de leur besoin quotidien de mobilité : il présente des situations authentiques offrant une représentation imagée des bénéfices clients du TCS. Le principe de mise en page définit le placement des images, du logo et des éléments typographiques pour chaque format. La mise en page se caractérise par un incliné. Ces éléments CD ne sont pas pertinents pour les applications de signalétique Couleur signal du TCS Le pourpre sera utilisé pour les accroches marquant les fameu «call-to-action». 5/24

6 Corporate Design Aperçu des mesures de signalétique La signalétique sert à indiquer les sites TCS. Il eiste deu types différents de signalétique : Signalétique etérieure Signalétique intérieure 1. Signalétique etérieure (guide avec effet de distance) Publicité sur immeubles Ces médias sont : des drapeau, bâches, stèles/ pylônes, plaques etérieures 2. Signalétique intérieure (servant de guide avec effet de proimité ou pour le marquage de portes, etc.) Ces médias sont : des panneau d orientation, marquage de portes, plaques bureau, plaques signalétiques, badges personnalisés Les principes suivants s appliquent à la signalétique : 1. Les panneau ou plaques sont entièrement jaunes. 2. Le logo se trouve en haut à gauche ou au centre (dans sa taille maimale). 3. Le logo et les éléments typographiques sont placés sur fond jaune. Réception Assistance Marketing et ventes Service immobilier Plaque Drapeau Bienvenue Prénom Nom 001 Human Resources Jean Dupont Jean Dupont Badge personnalisé Plaque bureau Des divergences par rapport à ces principes nécessitent l accord du département Gestion de la marque. 5 Service média 4 Communication Direction 4 Touring Rédaction Shop Plaque bureau Bienvenue Marquage de portes 6/24

7 Principe de la mise en page Un marquage uniforme pour la proimité et la distance

8 Principe de la mise en page Composition du logo Structure du fichier logo Le fichier de signalétique comprend le logo plus sa zone réservée ; il se compose de 3 la largeur du logo plus 2 la zone réservée au logo, donc 5 la largeur totale. 5 3 Les rapports de grandeur entre le logo et sa zone réservée diffèrent pour les applications de signalétique et celles imprimées (impression : largeur du logo 2 ; signalétique : largeur du logo 3 ). Pour la signalétique, seul le fichier suivant devra donc être utilisé : TCS_Logo_signage_4c.psd (.eps) Téléchargement sur : Structure du fichier logo avec logo plus sa zone réservée 8/24

9 Principe de la mise en page Aperçu Pour toutes les applications de signalétique, il faudra tenter d obtenir un effet frappant maimal. Il eiste deu principes d application pour le placement du logo et la typographie. La préférence est donnée au principe de la mise en page 1, présentant une taille maimale du logo. Principe de la mise en page 1, effet de distance Principe de la mise en page 2, effet de proimité Principe de la mise en page 1 : Le logo sera monté sur toute la largeur ou la hauteur du média, en utilisant la plus grande taille possible, et se trouve dans une position horizontale ou verticale au centre. Dans le cas de ce principe, on obtient un grand effet de distance du logo. Ce principe est donc particulièrement recommandé pour une signalétique etérieure. Le rectangle d empagement et les éléments typographiques se conforment au consignes du principe de la mise en page 1. Vous trouverez des informations détaillées à partir de la page 10. Principe de la mise en page 2 : La taille du logo dépendra du format de l application. Le logo sera placé en haut à gauche. Dans le cas de ce principe, l effet de distance du logo est moins prononcé. Mais le tete placé près du logo ou sous le logo disposera de davantage de place. Ce principe est donc particulièrement recommandé pour une signalétique intérieure. Le rectangle d empagement et les éléments typographiques se conforment au consignes du principe de la mise en page 2. Vous trouverez des informations détaillées à partir de la page 12. Positionnement du logo Eemple d application Fichier logo Centré en haut dans la hauteur ou la largeur drapeau bâches stèles/pylônes plaques etérieures TCS_Logo_signage_4c.psd (.eps) Positionnement du logo Eemple d application Fichier logo Toujours en haut à gauche panneau d orientation marquage de portes plaques bureau plaques signalétiques badges personnalisés TCS_Logo_signage_4c.psd (.eps) 9/24

10 Principe de la mise en page Principe de la mise en page 1, placement du logo Dans le cas d applications devant être regardées de loin, ce qui concerne plutôt la signalétique etérieure, le logo (zone réservée comprise) sera monté sur toute la largeur ou hauteur du média dans la plus grande taille possible. Le logo se trouve alors au centre en hauteur (pour le format paysage) ou en largeur (pour le format portrait). Format portrait 5 3 Format paysage 5 3 au moins 4 Taille du logo Le logo (zone réservée comprise) s adapte au maimum au format. Formats Dans le cas du format portrait, le logo sera monté sur la largeur du format. Dans le cas du format paysage, le logo sera monté sur la hauteur respective. Bienvenue Pour le format portrait, la hauteur minimale est égale à la hauteur du logo (zone réservée du logo comprise) + 4. Pour le format paysage, la largeur minimale est égale à la largeur du logo (zone réservée du logo comprise) + 4. Format portrait minimal 5 3 Format paysage minimal 3 4 Domaine d application Drapeau, bâches, stèles/pylônes, plaques etérieures Bienvenue Willkommen Benvenuto 4 au moins 4 10/24

11 Principe de la mise en page Principe de la mise en page 1, rectangle d empagement Format portrait Format paysage Rectangle d empagement Le rectangle d empagement est calculée à partir de la taille de la zone réservée au logo (). Selon les cas, la distance du rectangle d empagement à la marge pourra être soit de 1/3, 2/3 ou de 1. Taille de la police de caractères La taille de police sera adaptée à la situation donnée. Il faudra veiller à une bonne lisibilité et à un effet frappant, sans toutefois faire concurrence au logo. Drapeau Pour les drapeau, le tete sera toujours placé horizontalement afin d obtenir un effet optimal de distance. Placement des éléments typographiques Selon la taille et la place disponible sur le média, les éléments typographiques pourront être placés horizontalement ou verticalement. Placement vertical du tete Dans le cas d un tete orienté verticalement, ce tete commence toujours en bas à droite. Il va de droite à gauche et de bas en haut. Le tete sera placé à l intérieur du rectangle d empagement choisi. Placement horizontal du tete Si les panneau ou plaques doivent être lus de près (marquages à l etérieur, sur stèles, par eemple), le tete sera alors placé horizontalement. Il commencera directement sous la zone réservée, de haut en bas. Le tete sera placé à l intérieur du rectangle d empagement choisi. Placement horizontal du tete Rectangle d empagement Le rectangle d empagement se calcule à partir de la taille de la zone réservée au logo. Il se trouve à une distance de 1 de la marge. Taille de la police de caractères La taille de police sera adaptée à la situation donnée. Il faudra veiller à une bonne lisibilité et à un effet frappant, sans toutefois faire concurrence au logo. Placement des éléments typographiques Le tete sera aligné à gauche sur la zone réservée au logo. Le tete sera centré en hauteur. Bienvenue Bienvenue Willkommen Willkommen Benvenuto Benvenuto Rectangle d empagement 1 Rectangle d empagement 2/3 Rectangle d empagement 1/3 Bienvenue Bienvenue Rectangle d empagement 1/3 Rectangle d empagement 2/3 Rectangle d empagement 1 Rectangle d empagement 1 Rectangle d empagement 2/3 Rectangle d empagement 1/3 11/24

12 Principe de la mise en page Principe de la mise en page 2, placement du logo Pour le principe de la mise en page 2, le logo sera placé en haut à gauche. Rectangle d empagement Zone réservée au logo et positionnement Détermination du rectangle d empagement Le rectangle d empagement est calculé à partir de la largeur du média à personnaliser : Détermination du rectangle d empagement (en mm) : Largeur 15 Déduction de la taille du logo La zone réservée au logo est identique au rectangle d empagement (cf. illustration). Domaine d application Panneau d orientation, marquage de portes, plaques bureau, plaques signalétiques, badges personnalisés Immobilier Marketing Service Center Zone réservée au logo 12/24

13 Principe de la mise en page Principe de la mise en page 2, rectangle d empagement Formats portrait et paysage Rectangle d empagement Le rectangle d empagement se trouve à une distance de la marge de 1. Taille de police de caractères La taille de police sera adaptée à la situation donnée. Il faudra veiller à une bonne lisibilité et à un effet frappant. Placement des éléments typographiques Dans le cas de ce principe de mise en page, le tete sera toujours composé de haut en bas. Le tete pourra être placé en bas ou bien à droite près du logo. Il commence donc au bord droit ou au bord inférieur de la zone réservée au logo. Traits Des traits pourront être utilisés pour mieu articuler le tete (cf. eemple). Immobilier Marketing Immobilier Marketing Service Center 5 Service média 4 Communication Direction 4 Touring Rédaction Shop 5 Service média 4 Communication Direction 4 Touring Rédaction Shop 3 Éditeur Marketing Direction 3 Gestion du contenu 2 Shop Rédaction Touring 13/24

14 Principe de la mise en page Marquages sur fond blanc Si toute la surface d un marquage n est pas supposée être entièrement jaune, la surface jaune pourra alors être eceptionnellement réduite à un minimum. La surface jaune ne servira alors qu à supporter le logo. Toutes les autres informations seront placées à l etérieur. Format paysage selon le principe de la mise en page 1 Format portrait selon le principe de la mise en page La réduction de la surface jaune à un minimum est possible pour les deu principes de mise en page. 3 3 au moins 4 au moins 4 Touring Département 1 Département 2 Département 3 Immobilier Marketing Service Center Format paysage Dans le cas du format paysage, la surface jaune sera toujours placée à fond perdu vers le haut, le bas et à gauche. La largeur minimale correspond à la zone réservée au logo. La hauteur minimale est calculée à partir de la zone réservée au logo plus 4. Tete Le tete sera placé à droite ou sous la surface jaune avec une distance de 1. Format portrait Dans le cas du format portrait, la surface jaune sera toujours placée à fond perdu vers le haut, à droite et à gauche. La largeur minimale est calculée à partir de la zone réservée au logo 4. Tete Le tete sera placé à droite ou sous la surface jaune avec une distance de 1. 14/24

15 Principe de la mise en page Couleurs Pour les éléments de signalétique, les couleurs utilisées sont surtout le jaune et le noir. Le fond est toujours jaune, les éléments typographiques et les lignes sont toujours noirs. Si une mise en avant doit être faite, la couleur pourpre pourra être utilisée pour les accroches (cf. «Manuel du Corporate Design TCS»). Définition couleur Jaune TCS Noir Couleur signal du TCS pourpre CMYK 0/5/100/0 CMYK 0/0/0/100 CMYK 0/100/50/0 Pantone 109 C Pantone Pantone 1925 C RGB 255/235/0 RGB 0/0/0 RGB 229/0/81 NCS S 0580-Y NCS S 9000-N NCS S1070-R10B RAL 1021 RAL 9005 RAL Film 3M Scotchcal , film opaque Film 3M Scotchcal , film opaque Film 3M Scotchcal , film opaque Film 3M Scotchcal , translucide Applications Le jaune TCS est la couleur de base servant à la mise en scène de la marque et du logo TCS. En principe, le noir est utilisé pour l ensemble des polices de caractères et des traits. La couleur signal TCS ne sera utilisée que pour des éléments butoirs. Rastérisation Rastérisation possible avec des incréments de 20 % Rastérisation possible avec des incréments de 20 % Une rastérisation n est pas possible 80 % 60 % 40 % 20 % 80 % 60 % 40 % 20 % 15/24

16 Principe de la mise en page Typographie Les polices de caractères Museo Slab 700 et 300 seront utilisées pour les éléments de signalétique. Les polices de caractères seront toujours activées en utilisant les paramètres typographiques ici définis, et uniquement en noir. Museo Slab 300 Lorem est dolor Museo Slab 700 Lorem est dolor Les polices de caractères Museo peuvent être téléchargées sur ce site : Interligne Espacement des caractères Même taille que la taille de police 0 (InDesign) Interligne Espacement des caractères Même taille que la taille de police -10 (InDesign) Crénage optique (InDesign) Crénage optique (InDesign) Alignement aligné à gauche Alignement aligné à gauche Espacement entre les mots 95 % Espacement entre les mots 80 % Justification optique des marges taille de police (InDesign) Justification optique des marges taille de police (InDesign) 16/24

17 Principe de la mise en page Traits typographiques Principe de base Pour structurer des tetes, des traits horizontau pourront être utilisés. Ces derniers sont soit de type plein, soit en tirets. Les traits verticau ou les cases ne seront pas utilisés. Trait en tirets ou plein Si une structuration de la hiérarchie est inutile ou si elle est nettement manifeste, les traits en tirets seront utilisés. Dans le cas où une différenciation est nécessaire, les traits pleins pourront être utilisés. Aucun trait Si des termes sont placés en trois langues (F/A/I) les uns sous les autres, il vaudra mieu renoncer au traits. Si de longs messages sont placés en trois langues les uns sous les autres, il pourra s avérer judicieu de les séparer par des traits pour une meilleure lisibilité. Espace entre les traits: trois hauteurs de majuscules Si cette solution prenait trop de place, il serait également possible d utiliser une variante avec deu hauteurs de majuscules. Une ligne avec des traits en haut et en bas M La distance entre les deu traits est de trois hauteurs de «M». «M» est la hauteur des majuscules. Ligne de paragraphe au-dessus Épaisseur de trait 0,5 Pt (l épaisseur de trait n est définie qu une fois par page, il ne peut pas y avoir d épaisseurs différentes de trait sur la même page.) Type de trait Largeur En tirets (3 et 2) ou plein Colonne Décalage Taille de police en Pt 1,45 (par e. 10 Pt 1,45 = 5,115 mm) Indiquez toujours l unité point après la taille de police. Distance précédente Taille de police en Pt Espace entre les traits : deu hauteurs de majuscules Cette application ne sera utilisée que pour des tableau ou des médias ayant trop peu d espace disponible Une ligne avec des traits en haut et en bas Ligne de paragraphe au-dessus Épaisseur de trait 0,5 Pt (l épaisseur de trait n est définie qu une fois par page, pas d épaisseurs différentes de trait sur la même page.) Type de trait Largeur Décalage En tirets (3 et 2) ou plein Colonne La distance entre les deu traits est de deu hauteurs de «M» Taille de police en Pt Indiquez toujours l unité point après la taille de police. Distance précédente Taille de police en Pt 0,25 (par e. 10 Pt 0,25 = 0,882 mm) M Ces indications s appliquent à toutes les spécifications typographiques, ayant une interligne de «1,2». Ces traits ne doivent pas être utilisés pour les en-têtes des pages de titre. Ces indications s appliquent à toutes les spécifications typographiques, ayant une interligne de «1,2». Ces traits ne doivent pas être utilisés pour les en-têtes des pages de titre. Eemples Eemples Eliquatur? Cae venihilis magnihit etur aboriost evelibust et epedior magnamus modit pro corr. Cae venihilis magnihit Hagohpatur? Cae venihilis magnihit etur Hagohpatur evelibust et epedior magnamus aboriost evelibust et epedior magnamus 17/24

18 Applications/eemples Éléments de signalétique

19 Applications/eemples Publicité sur immeubles sans tete Seul le logo sans ajout de tete sera utilisé pour les publicités sur immeubles afin d obtenir un effet de distance maimal. Le logo sera placé selon le principe de la mise en page 1 avec le maimum de largeur (pour le format portrait, cf. eemple) ou de hauteur (pour le format paysage). La hauteur et la largeur respective de marquage dépendront des caractéristiques structurelles et de l effet de distance souhaité. Mais le rapport entre la largeur et la hauteur devra toujours se conformer au règles définies dans le principe de la mise en page 1. Mesure Eemple d application Hauteur minimale 19/24

20 Applications/eemples Publicité sur immeubles avec tete Si en plus du logo TCS, la signalisation du bâtiment doit également comporter des informations supplémentaires, ces dernières seront placées près du logo ou sous le logo, en appliquant le principe de la mise en page 1 avec un effet frappant maimal. Il est toutefois indispensable d adapter les publicités sur immeubles au caractéristiques structurelles et architectoniques. Mesure Service Center Eemple d application 20/24

21 Applications/eemples Pylônes/drapeau Pylônes Drapeau Réception Assistance Marketing et ventes Service immobilier Bienvenue 21/24

22 Applications/eemples Stèles/panneau, plaques Stèles eistantes Panneau ou plaques sur fond blanc et plate-forme de la marque Touring Département 1 Département 2 Département 3 TCS Siège Central TCS Siège Central 22/24

23 Applications/eemples Marquage etérieur de panneau, plaques Marquage de portes Plaques de porte Bienvenue 5 Service média 4 Communication Direction 4 Touring Rédaction Shop Signalétique de locau 001 Human Resources Jean Dupont Jean Dupont 23/24

24 Mentions légales Si vous avez des questions concernant le Corporate Design et les plans de conception, veuillez vous adresser au département Gestion de la marque : cd@tcs.ch Informations complémentaires sur la marque TCS : Corporate Design NOSE Design AG 24/24