Charte graphique Novembre 2014



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

Charte graphique 2011

Création d un fichier de découpe

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

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

Création de maquette web

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

2013 Pearson France Adobe Illustrator CC Adobe Press

Assemblage couleur & trait en InDesign pour fichier Acrobat - 1

Concepteur réalisateur graphique

1. Avoir un fichier InDesign correct :

Adobe Illustrator Logiciel de dessin vectoriel et de Cartographie Assistée par Ordinateur

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

Charte Graphique Caisse d Epargne Rhône Alpes

Créer une maquette de site Internet

Spécifications techniques

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Comment générer un fichier PDF de qualité et certifié imprimable?


Ateliers Bureautique et Internet

CHARTE. d utilisation de la marque Sage par les partenaires

Photoshop Séquence 4 - Créer une image de taille personnalisée taille

3 PAPETERIE. 3.2 En-tête et suite de lettre CD. Arial Bold 9 pts, noir, cap et bas de casse, centré

Traitement numérique de l'image. Raphaël Isdant

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

Créative Cloud - Perfectionnement

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

Utiliser le logiciel Photofiltre Sommaire

Premiers pas avec Scribus

PHOTOSHOP INDESIGN ILLUSTRATOR

Pop-Art façon Roy Liechtenstein

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

EXEMPLE DE PAGE : FORMAT A4 (210X297)

WORDPRESS : réaliser un site web

Une passion, une formation, un métier... pour votre avenir

PHOTOSHOP - L'AFFICHAGE

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

Manuel de mise en page de l intérieur de votre ouvrage

Comment optimiser dans ImageReady?

Choisir entre le détourage plume et le détourage par les couches.

Préparation de commande. En cas d absence du destinataire. Retour des produits/échanges

TP SIN Traitement d image

Concours de création

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

Les images numériques. 1. Le dessin vectoriel

Optimiser les s marketing Les points essentiels

Réalisez votre propre carte de vœux Éléctronique

Les calques : techniques avancées

Initiation à la bureautique

Dans nos solutions, vous pouvez avec très peu de moyen vous offrir un maximum de réussite.

Cours de numérisation sur Epson Perfection

Cahier d application Identité visuelle de l union européenne et du FSE en alsace

MIX:GRAPHICLAB_PRO FORMATION PAO WEB MULTIMÉDIA PÔLE MIX BERGERAC EPSECO TALIS FORMATION

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Modules Multimédia PAO (Adobe)

Merci de suivre les indications suivantes afin de créer votre compte membre :

Planète Multimédia. Voici le logo qu il faut choisir : et tapez sur puis acceptez.

Création d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7

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

Logiciel SuiviProspect Version Utilisateur

F o r m a t i o n. M a i s o n d e l a. Catalogue des formations. E s p a c e P u b l i c N u m é r i q u e. domaine numérique

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif.

Spécialiste en Sublimation Textile et Objet

formations Une approche simple et personnalisée pour une meilleure acquisition de compétences en PAO

Découvrir OpenOffice Comment optimiser et formater votre ebook avec OpenOffice

Comment utiliser FileMaker Pro avec Microsoft Office

Vos outils CNED COPIES EN LIGNE GUIDE DE PRISE EN MAIN DU CORRECTEUR. 8 CODA GA WB 01 13

INTERWRITE Workspace

T u t o r i e l s PhotoFiltre

IUP APTER - L3 UE 19B

Bureautique Initiation Excel-Powerpoint

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée!

L alternative, c est malin 1. Comment faire plein de choses pour pas cher sur MacIntosh

STAGES DE FORMATION INTER-ENTREPRISES PÔLE 45 BUREAUTIQUE

2013 Pearson France Photoshop Elements 12 pour les photographes du numérique Loïc Olive

ScIn11 informatique Session d'appel, durée 1 heure, tous documents autorisés N'oubliez pas de reporter votre numéro d'anonymat :

Lightroom. Chambre noire numérique. Organisation. Lightroom Catalog.lrcat. Lightroom Catalog Previews.lrdata 2005, 2006, 2007

Gestion de la couleur dans l impression grand format

SOMMAIRE GUIDE D UTILISATION DU WEBMAIL. vous guide

L.T.Mohammedia CHAINE D ENERGIE - DESSIN TECHNIQUE S.CHARI

MANUEL UTILISATEUR. Application 4trip

GRAPHISME MULTIMÉDIA & WEB

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

Synchroniser ses photos

Manuel d utilisation du Site Internet Professionnel

Manuel d utilisation de RP Pro ÉDITIONS PROGRESS

Informations sur l utilisation du webmail du CNRS. Webmail du CNRS. Manuel Utilisateur

Com amalice LES PACKS PLAQUETTE TARIFAIRE. Gagnons du temps!

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE

PRIX PRIX

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Comment formater votre ebook avec Open Office

Guide de l utilisateur Mikogo Version Windows

Outils et bonnes pratiques LES DIX COMMANDEMENTS DU QR CODE. Le guide de référence. by Unitag

Rationalisez votre flux de production pour l impression et la finition grand format

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5

JAHIA 6. Création et modification de sites web UniNE

Formation Word/Excel. Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007

Normes graphiques / Sigma Assistel / Site Internet version 1.0 /

Transcription:

Charte graphique Novembre 2014 1

Sommaire page Logotype Les déclinaisons Construction & fonds Couleurs, dégradés & transparence Les interdits Typographies Corporate : Quattrocento Sans Bureautique PC : Calibri Bureautique Mac : Gill Sans Papeterie carte de visite papier en-tête 3 4 5 7 8 9 10 11 2

Les déclinaisons Pour maximiser la lisibilité du logo, 3 variantes ont été crées. La première variante, insigne au-dessus, est utilisée lorsque la forme du bloc de destination est carrée. La seconde, insigne devant, est celle qui doit être utilisée prioritairement. La troisième, insigne en exposant, peut être utilisée à la place de la seconde, pour maximiser les dimensions de l appellation. L insigne doit rester lisible. Insigne au-dessus Insigne devant variante recommandée Insigne en exposant 3

Construction & fonds Détermination du blanc tournant. Unité de base : l espacement entre le 3 et le D. Fond non interférant avec le cyan de l appellation 3D NEO : utilisation du logo original. Fond de couleur cyan : passage de l appellation 3D NEO en blanc. Cartouche Cartouche calculé d après le blanc tournant. Doit être utilisé pour isoler le logo d un fond très complexe. 4

Couleurs, dégradés, transparence Les couleurs du logotype Dégradés et transparence couleur principale cyan couleurs secondaires magenta bleu Chaque dégradé affiche la couleur la plus dense à gauche et la plus claire, à droite. Le dégradé est tracé de la droite vers la gauche. Dans la palette Dégradé, cliquer sur Inverser afin que la couleur la plus dense soit à gauche. Donnez un angle de -117 pour suivre les bords de la forme calque. Pantone Process Cyan CMJN 100/0/0/0 RVB 0/174/239 Hex #00aeef Pantone 7424 CMJN 0/90/9/0 RVB 238/61/138 Hex #ee3d8a Pantone 300 CMJN 100/44/0/0 RVB 0/121/193 Hex #0079c1 1er dégradé : 2nd dégradé : magenta magenta clair cyan clair CMJN 60/0/0/0 RVB 68/200/245 Hex #44c8f5 magenta clair CMJN 0/65/0/0 RVB 241/125/177 Hex #f17db1 3è dégradé : cyan bleu cyan clair cyan La forme calque magenta et la forme calque cyan (les deux premières) ont une opacité réglée sur Produit 100%. Valeurs de gris utilisées en couleurs d accompagnement Echelles de teintes Ces valeurs viennent compléter la palette. Elles ne doivent en aucun cas devenir des couleurs dominantes dans la communication. Noir typographique CMJN 71/65/64/65 RVB 47/47/47 Hex #2f2f2f Aplat gris blanc, fond encart web CMJN 0/0/0/2 RVB 249/249/249 Hex #f9f9f9 Aplat gris clair, pied de page print CMJN 0/0/0/6 RVB 243/243/243 Hex #f3f3f3 Aplat gris, pied de page web CMJN 0/0/0/7 RVB 238/238/238 Hex #eeeeee ligne, séparation, bordure CMJN 0/0/0/17 RVB 216/216/216 Hex #d8d8d8 100% 80% 60% 40% A partir des couleurs précisées, il est possible de créer un ensemble de 5 teintes en utilisant cette couleur de 100% à 0% (blanc), en décrémentant la teinte de 20%. Les teintes à 100% sont les couleurs les plus sombres autorisées. On ne créera aucune échelle de teintes allant d une teinte 100% vers le noir. 5

Version noir & blanc Conversion des couleurs du logotype en niveau de gris couleur principale cyan TSL 0/0/59 RVB 151/151/151 Hex #979797 CMJN 0/0/0/50 couleurs secondaires magenta TSL 0/0/53 RVB 134/134/134 Hex #868686 CMJN 0/0/0/58 bleu TSL 0/0/43 RVB 109/109/109 Hex #6d6d6d CMJN 0/0/0/70 cyan clair TSL 0/0/72 RVB 184/184/184 Hex #b8b8b8 CMJN 0/0/0/33 magenta clair TSL 0/0/64 RVB 164/164/164 Hex #a4a4a4 CMJN 0/0/0/43 Logo original Logo original converti en niveau de gris, mode CMJN, en utilisant uniquement des valeurs de noir (par exemple, le cyan est rendu par 0/0/0/50). Fichier : logo _ 3D NEO _ horizontal_nb.eps (CMJN) Export PNG du fichier EPS (CMJN) depuis photoshop. 2700 x 800 px à 72 dpi. Fichier : logo-_-3d-neo-_-horizontal_nb_photoshop.png (RVB) 6

Les interdits Modifier le rapport et/ou la disposition de l insigne et de l appellation. Seule un des 3 variantes de la page Les déclinaisons doit être utilisée. Modifier l inclinaison de l insigne et/ou de l appellation (1 et 2). Déformer l insigne et/ou l appellation (3 et 4). Utiliser pour l appellation une autre couleur que le cyan et éventuellement le blanc. Si la couleur cyan n est pas assez constrasté avec un fond, seule la couleur blanche peut lui être substituée. A l exception de ces deux couleurs, les autres sont interdites. Couper l insigne (1). Substituer la typographie personnalisée du logo (2). Modifier les couleurs de l insigne (3 et 4). 3D NEO Utiliser un contour (1, 2 et 3) ou un effet (ombre portée notamment - 4). 7

Typographie : Quattrocento Sans La typographie Quattrocento Sans est à utiliser dans tous les supports de communication imprimés (brochures) et la papeterie (mentions légales). Elle peut être librement téléchargée à l adresse suivante : https://www.google.com/fonts/specimen/quattrocento+sans Noir typographique : RVB 47/47/47 - Hex #2f2f2f - CMJN 71/65/64/65 Le prochain Nexus ne serait pas le Nexus 6, mais le Nexus X Motorola serait bien derrière le prochain Nexus. De nouvelles informations ont filtré au sujet de ce dernier. Il devrait finalement prendre le nom de Nexus X et arriver dans le commerce sans être annoncé Quattrocento Sans Regular Quattrocento Sans Bold Styles utilisés dans l exemple ci-contre Quattrocento Sans Italic Quattrocento Sans Bold italic Bonne nouvelle pour les inconditionnels de la gamme Nexus. 3D NEO pourrait visiblement renouveler leur smartphone cette année puisqu un nouveau modèle serait bien prévu. Nos confrères de PhoneArena ont pu confirmer son existence à l aide de l une de leurs sources, mais aussi plusieurs autres informations le concernant. Oubliez le Nexus 6! Tout d abord, il serait bien produit par Motorola et répondrait au nom de code «Nexus X», lequel pourrait d ailleurs se transformer en nom commercial pour le lancement. La logique aurait voulu qu il prenne le nom de Nexus 6 pour suivre les Nexus 4 et Nexus 5, mais la famille d un certain Philip K. Dick en aurait décidé autrement. Google ne «réplique» pas Ce monsieur, si vous ne le connaissez pas, est l auteur du roman Les androïdes rêventils de moutons électriques qui a inspiré le film Blade Runner réalisé en 1982 par Ridley Scott. Pour rappel, l histoire se passe dans un monde futuriste et raconte la traque de robots «réplicants» et autrement connus comme des «Nexus-6». La marque serait donc, en quelque sorte, déjà déposée. A vrai dire, la famille de l écrivain (mort en 1982) aurait déjà menacé Google d entamer des poursuites judiciaires pour l utilisation de la marque Nexus. L ajout du «6» ne ferait qu enfoncer le clou. D où, sans doute, la prudence du groupe américain dans le choix du nom de son prochain smartphone. Le Nexus X serait autrement désigné par le numéro de modèle XT1100. Titre : Quattrocento Sans Bold, corps 13pt, interlignage 13pt. Paragraphe introductif : Quattrocento Sans Regular, corps 11pt, interlignage 13pt. Titre de paragraphe : Quattrocento Sans Bold, corps 9pt, interlignage 13pt. Texte courtant : Quattrocento Sans Regular, corps 9pt, interlignage 13pt. 8

Typographie bureautique, de substitution Windows : Calibri La typographie Calibri est à utiliser dans tous les supports bureautiques (courriers, présentations PowerPoint, e-mails ). Elle est présente sur 84% des postes Windows et 38% des postes Mac. Le prochain Nexus ne serait pas le Nexus 6, mais le Nexus X Motorola serait bien derrière le prochain Nexus. De nouvelles informations ont filtré au sujet de ce dernier. Il devrait finalement prendre le nom de Nexus X et arriver dans le commerce sans être annoncé Calibri Regular Calibri Bold Calibri Italic Calibri Bold italic Styles utilisés dans l exemple ci-contre Titre : Calibri Bold, corps 13pt, interlignage 13pt. Paragraphe introductif : Calibri Regular, corps 11pt, interlignage 13pt. Titre de paragraphe : Calibri Bold, corps 9pt, interlignage 13pt. Texte courtant : Calibri Regular, corps 9pt, interlignage 13pt. Bonne nouvelle pour les inconditionnels de la gamme Nexus. 3D NEO pourrait visiblement renouveler leur smartphone cette année puisqu un nouveau modèle serait bien prévu. Nos confrères de PhoneArena ont pu confirmer son existence à l aide de l une de leurs sources, mais aussi plusieurs autres informations le concernant. Oubliez le Nexus 6! Tout d abord, il serait bien produit par Motorola et répondrait au nom de code «Nexus X», lequel pourrait d ailleurs se transformer en nom commercial pour le lancement. La logique aurait voulu qu il prenne le nom de Nexus 6 pour suivre les Nexus 4 et Nexus 5, mais la famille d un certain Philip K. Dick en aurait décidé autrement. Google ne «réplique» pas Ce monsieur, si vous ne le connaissez pas, est l auteur du roman Les androïdes rêvent-ils de moutons électriques qui a inspiré le film Blade Runner réalisé en 1982 par Ridley Scott. Pour rappel, l histoire se passe dans un monde futuriste et raconte la traque de robots «réplicants» et autrement connus comme des «Nexus-6». La marque serait donc, en quelque sorte, déjà déposée. A vrai dire, la famille de l écrivain (mort en 1982) aurait déjà menacé Google d entamer des poursuites judiciaires pour l utilisation de la marque Nexus. L ajout du «6» ne ferait qu enfoncer le clou. D où, sans doute, la prudence du groupe américain dans le choix du nom de son prochain smartphone. Le Nexus X serait autrement désigné par le numéro de modèle XT1100. 9

Typographie bureautique, de substitution Mac : Gill Sans La typographie Gill Sans (ou de préférance Gill Sans MT) est à utiliser dans tous les supports bureautiques (courriers, présentations PowerPoint, e-mails ) ayant pour destinataire un poste Mac. Elle est présente sur 92% des postes Mac et 52% des postes Windows. Le prochain Nexus ne serait pas le Nexus 6, mais le Nexus X Motorola serait bien derrière le prochain Nexus. De nouvelles informations ont filtré au sujet de ce dernier. Il devrait finalement prendre le nom de Nexus X et arriver dans le commerce sans être annoncé Gill Sans Regular Gill Sans Bold ABCDEFGHIJKLMNOPQRSTU- VWXYZ Gill Sans Italic Gill Sans Bold italic Styles utilisés dans l exemple ci-contre Titre : Gill Sans Bold, corps 13pt, interlignage 13pt. Paragraphe introductif : Gill Sans Regular, corps 11pt, interlignage 13pt. Titre de paragraphe : Gill Sans Bold, corps 9pt, interlignage 13pt. Texte courtant : Gill Sans Regular, corps 9pt, interlignage 13pt. Bonne nouvelle pour les inconditionnels de la gamme Nexus. 3D NEO pourrait visiblement renouveler leur smartphone cette année puisqu un nouveau modèle serait bien prévu. Nos confrères de PhoneArena ont pu confirmer son existence à l aide de l une de leurs sources, mais aussi plusieurs autres informations le concernant. Oubliez le Nexus 6! Tout d abord, il serait bien produit par Motorola et répondrait au nom de code «Nexus X», lequel pourrait d ailleurs se transformer en nom commercial pour le lancement. La logique aurait voulu qu il prenne le nom de Nexus 6 pour suivre les Nexus 4 et Nexus 5, mais la famille d un certain Philip K. Dick en aurait décidé autrement. Google ne «réplique» pas Ce monsieur, si vous ne le connaissez pas, est l auteur du roman Les androïdes rêvent-ils de moutons électriques qui a inspiré le film Blade Runner réalisé en 1982 par Ridley Scott. Pour rappel, l histoire se passe dans un monde futuriste et raconte la traque de robots «réplicants» et autrement connus comme des «Nexus-6». La marque serait donc, en quelque sorte, déjà déposée. A vrai dire, la famille de l écrivain (mort en 1982) aurait déjà menacé Google d entamer des poursuites judiciaires pour l utilisation de la marque Nexus. L ajout du «6» ne ferait qu enfoncer le clou. D où, sans doute, la prudence du groupe américain dans le choix du nom de son prochain smartphone. Le Nexus X serait autrement désigné par le numéro de modèle XT1100. 10

Papeterie : carte de visite & papier en-tête Jean VOIRET Responsable marketing A +33 (0)6 21 01 66 66 j.voiret@3dneo.fr A B www.3dneo.fr B 3D NEO 60 avenue Rockefeller 69008 LYON - France +33 (0)9 51 66 74 24 +33 (0)9 56 66 74 24 contact@3dneo.fr B A A Format carte de visite : 85 x 54 mm Format en-tête : 210 x 297 mm Les typographies sont la Quattrocento Sans normal et bold en noir (71/65/64/70). Seul le prénom, le nom de la personne (7.5 pt) et l adresse du site internet sont en bold. Le titre de la personne (7 pt), les pictogrammes sont de couleur cyan (100% cyan). Les coordonnées personnelles ont un corps de 7 pt et un interlignage de 8.5 pt. Le bouton comportant le lien possède un aplat de cyan (100% cyan) surmontant un aplat bleu (100/44/0/0). Un effet est appliqué sur cet aplat : une ombre portée (mode produit, opacité 20%, x=0, y=0.1mm, atténuation=0.3mm et couleur noire). La couleur de la typographie pour le site internet est blanche. Le cartouche comportant l adresse est composé d un fond gris (6 % de noir) surmonté d un liseré cyan (100 % de cyan) de 1.5pt d épaisseur. 3D NEO 60 avenue Rockefeller 69008 LYON - France +33 (0)9 51 66 74 24 +33 (0)9 56 66 74 24 contact@3dneo.fr www.3dneo.fr Sarl au capital de 38.400 APE/NAF 7120B - RCS Lyon B 520 656 646 SIRET 520 656 646 00012 - TVA FR96520656646 A B Les paragraphes dans le cartouche ont un corps de 6pt et un interlignage de 8pt. 11