Du bon usage d'une charte graphique

Créer une charte graphique ? Rien de plus facile ! Un petit coup de Times New Roman, du rouge pour faire plaisir à ma femme... Au pire, le petit neveu connait Photoshop, non ? Malgré son apparente simplicité, créer une charte graphique ne s’improvise pas. Qu’est-ce qu’une bonne charte graphique ? De quoi est-elle composée et quels sont les pièges à éviter ? Autant de mystères que nous allons ensemble élucider, pour le bien de votre identité !

Transcript

1. R é a l i s é e p a r C O N F É R E N C E Du bon usage d’une charte graphique LANCEZ VOTRE PROJET DE STARTUP
2. D A V I D E N D I C O C O F O U N D E R & E R G O D E S I G N E R @ D a v i d E n d i c o B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 - 4 5
3. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 - 4 5 D U B O N U S A G E D ’ U N E C H A R T E G R A P H I Q U E Quoi que c’est une charte graphique ?
4. P E T I T E D É F I N I T I O N Charte graphique Ensemble des éléments et des normes d’utilisation définissant l’identité visuelle de la marque. — Stratégies B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 - 4 5
5. P E T I T E D É F I N I T I O N Identité visuelle Ensemble des éléments graphiques visant à exprimer la personnalité de la marque et à faciliter sa reconnaissance. — Publicitor 8e édition, p. 17 B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 5 - 4 5
6.  Cohérence  Reconnaissance B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 6 - 4 5
7. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 7 - 4 5
8. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 8 - 4 5
9. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 9 - 4 5
10. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 0 - 4 5
11. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 1 - 4 5
12. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 2 - 4 5
13. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 3 - 4 5 D U B O N U S A G E D ’ U N E C H A R T E G R A P H I Q U E D'accord, mais y'a quoi dedans ?
14. Identitaire Identifiable Représentative Originale Unique Durable Simple Compréhensible Déclinable B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 4 - 4 5
15. Tu veux une charte graphique ? Attends, je vais te faire un p'tit logo et te trouver une police cool sur Dafont, tu vas voir, ça va être trop groovy ! J'ai confiance B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 5 - 4 5
16. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 6 - 4 5
17. Logotype B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 7 - 4 5
18. C o r p o r at e d e s i g n – p r i n t C H A R T E G R A P H I Q U E Log o e t Li g n e s VA R I A N T E S D E L A P R É S E N TAT I O N P O S I T I F P O U R L E S I M P R E S S I O N S / S U P P O R T S E N C O U L E U R , L E LO G O D ’A R T E E S T R E - P R O D U I T S E U L E M E N T E N P O S I T I F (O R A N G E D ’A R T E ) E T E N B L A N C . P O U R L A C O M P O S I T I O N E X AC T E D E S C O U L E U R S , S E R E P O R T E R A L A PAG E 7. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 8 - 4 5
19. C O M P O S I T I O N E X AC T E D E S C O U L E U R S , S E R E P O R T E R A L A PAG E 7. ZO N E D E P R OT E C T I O N : L E LO G O A R T E P E U T Ê T R E D I S P O S É L I B R E M E N T E N R E S P E C TA N T L A ZO N E D E P R OT E C T I O N . L’ E S PAC E M I N I M U M E S T R E P R É S E N T É PA R L A H A U T E U R E T L A L A R G E U R ( F Û T ) D U « R » . E XC E P T I O N S : S I L A H A U T E U R / L A R - G E U R D E L A ZO N E D E P R OT E C T I O N E S T R E S T R E I N T E , L’ E S PAC E M I N I M U M P E U T E T R E R E D U I T A L A M O I T I E D U F Û T D U « R » . ZO N E D E P R OT E C T I O N L I G N E S : E S PAC E M I N I M A L PA R R A P P O R T A U LO G O E N F O N C T I O N D E L A P R É S E N TAT I O N E N H A U T. L E R E C O U R S A U X L I G N E S N ’ E S T PA S O B L I G ATO I R E . S I L E LO G O A R T E E S T U T I L I S É S A N S T E X T E , I L N E FA U T PA S D E L I G N E . n o n o n o n o n o ZONE DE PROTECTION : ZO N E D E P R OT E C T I O N : L E LO G O A R T E P E U T Ê T R E D I S P O S É L I B R E M E N T E N R E S P E C TA N T L A ZO N E D E P R OT E C T I O N . L’ E S PAC E M I N I M U M E S T R E P R É S E N T É PA R L A H A U T E U R E T L A L A R G E U R ( F Û T ) D U « R » . E XC E P T I O N S : S I L A H A U T E U R / L A R - G E U R D E L A ZO N E D E P R OT E C T I O N E S T R E S T R E I N T E , L’ E S PAC E M I N I M U M P E U T E T R E R E D U I T A L A M O I T I E D U F Û T D U « R » . ZO N E D E P R OT E C T I O N L I G N E S : E S PAC E M I N I M A L PA R R A P P O R T A U LO G O E N F O N C T I O N D E L A P R É S E N TAT I O N E N H A U T. L E R E C O U R S A U X L I G N E S N ’ E S T PA S O B L I G ATO I R E . S I L E LO G O A R T E E S T U T I L I S É S A N S T E X T E , I L N E FA U T PA S D E L I G N E . n o n o n o n o n o INTERDICTIONS : 5 N É G AT I F ( TO U J O U R S B L A N C ) P O S I T I F E T N É G AT I F S U R I M AG E P O S I T I F N O I R P O U R L E S I M P R E S S I O N S / S U P P O R T S E N N O I R & B L A N C P O S I T I F 4 5 % N O I R RÈGLES D'APPLICATIONS : B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 1 9 - 4 5
20. 20 CCI ALSACE CCI STRASBOURG ET BAS-RHIN CCI CHALONS-EN-CHAMPAGNE VITRY-LE-FRANÇOIS STE-MÉNÉHOULD CONSTRUCTION DES LOGOTypES : taille de référence : X=18mm taille de référence : X=18mm taille de référence : X=18mm X/4 X/4 X/4 X X X alignement alignement alignement typo nom corps 28 pt approche -5 pt typo cci corps 31 pt approche -5 pt typo nom corps 23 pt interligne 20 pt approche -5 pt typo nom corps 19 pt interligne 18 pt approche -5 pt typo cci corps 26 pt approche -5 pt typo cci corps 22 pt approche -5 pt L’appellation est composée avec la typographie Scout Bold, en capitales d’imprimerie. Dossier "CCI-logos/ CCI-echelons_types". B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 20-45
21. Logotype Formats de fichiers   Jpg   Png   Svg   Ai Modes de couleurs   CMJN   RVB   Pantones   N&B Règles d'utilis ation   Espacements   Interdictions   Cas d'usages B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 1 - 4 5
22. Logotype Couleurs B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 2 - 4 5
23. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 3 - 4 5
24. p o n d É r at i o n d e s C o U L e U r s B L A N C N O I R O R A N G E A R T E CMJN RGB PANTONE HKS C 0 M 80 J 100 N 0 R 250 G 72 B 28 172C 10K C 0 M 75 J 100 N 0 Journal B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 4 - 4 5
25. C o r p o r at e d e s i g n – p r i n t C H A R T E G R A P H I Q U E L A C O U L E U R P R I M A I R E O R A N G E E S T C O M P L É T É E PA R 4 A U T R E S C O U L E U R S Q U I P E U V E N T Ê T R E U T I L I S É E S L I B R E M E N T : . U n iV e r s CH ro M ati Q U e s eCo n da i r e Co U Le U r s d ’aCCe ntUati o n r e d C : 0 M : 1 0 0 Y: 1 0 0 K : 0 R : 2 3 3 G : 3 4 B : 5 0 PA N TO N E : 0 3 2 C L aVa n d e C : 9 0 M : 1 0 0 Y: 0 K : 0 R : 74 G : 3 7 B : 1 1 8 PA N TO N E : 2 6 7 C C o r a i L C : 0 M : 5 0 Y: 5 0 K : 0 R : 2 5 5 G : 1 5 2 B : 1 4 4 PA N TO N E : 1 6 3 5 C r U B i s C : 5 0 M : 1 0 0 Y: 3 5 K : 0 R : 1 8 0 G : 0 B : 1 0 0 PA N TO N E : 2 2 1 C g r i s C : 6 5 M : 4 3 Y: 2 6 K : 7 8 R : 3 4 G : 4 6 B : 5 9 PA N TO N E : 4 3 2 C R A L : 7 0 1 6 G R I S A N T H R AC I T E B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 5 - 4 5
26. Couleurs Déclinaisons de couleurs   Primaires   Secondaires Modes de couleurs   RVB / CMJN   Pantones   Hexadécimal Règles d'utilis ation   Contrastes   Impression B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 6 - 4 5
27. B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 7 - 4 5
28. Logotype Typographie Couleurs B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 8 - 4 5
29. t Y p o d ’a r te G OT H A M E S T L A N O U V E L L E T Y P O G R A P H I E D ‘A R T E . L A P O L I C E G OT H A M E S T E S S E N T I E L L E M E N T U T I L I S É E E N M A J U S C U L E S . TA I L L E D E C O R P S D E T E X T E À U T I L I S E R S I P O S S I B L E DA N S L E S TA I L L E S S U I VA N T E S E N P O I N T S . goTham 7 2 P T goTham goTham 5 0 P T goTham 3 6 P T goTham 2 5 P T goTham 1 8 P T goTham 1 2 , 5 P T 8 , 5 P T goTham 6 , 2 5 P T Y p o d ’a r te G OT H A M E S T L A N O U V E L L E T Y P O G R A P H I E D ‘A R T E . L A P O L I C E G OT H A M E S T E S S E N T I E L L E M E N T U T I L I S É E E N M A J U S C U L E S . TA I L L E D E C O R P S D E T E X T E À U T I L I S E R S I P O S S I B L E DA N S L E S TA I L L E S S U I VA N T E S E N P O I N T S . goTham 7 2 P T goTham goTham 5 0 P T goTham 3 6 P T goTham 2 5 P T goTham 1 8 P T goTham 1 2 , 5 P T 8 , 5 P T goTham 6 , 2 5 P T t Y p o d ’a F F i CH ag e O K S A N A 2 0 1 0 E S T PA R A I L L E U R S L A P O L I C E U T I L I S É E P O U R L’A F F I C H AG E , C H AQ U E F O I S Q U ’ I L E S T N É C E S S A I R E D ’AC C E N T U E R P L U S E N C O R E L A T Y P O G R A P H I E . E XC L U S I V E M E N T E N M A J U S C U L E S . U t i L i s at i o n p r i M a i r e : G R A N D S C H I F F R E S S T Y L I S É S U t i L i s at i o n s e C o n da i r e : LO G O S S T Y L I S É S , R U B R I Q U E S , E TC . . L É G E R N O R M A L G R A S 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 23 4 5 6 7 8 9 B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 2 9 - 4 5
30. 13 G OT H A M E S T U T I L I S É E AV E C L E S S T Y L E S D E P O L I C E S U I VA N T S ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! ., :@ & + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! . , :@ & + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x y z 012 3 45 678 9 > ?! . , : @ &+ g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 > ?! . , : @&+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! ., :@ & + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! . , :@ & + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x y z 012 3 45 678 9 > ?! . , : @ &+ g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 > ?! . , : @&+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! ., :@ & + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! . , :@ & + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x y z 012 3 45 678 9 > ?! . , : @ &+ g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 > ?! . , : @&+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) ABC D EFG H IJ K LM N O P Q RSTU V W X Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! ., :@ & + L i g H t ( L É g e r ) U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) aBc D efg h iJ k Lm N O P Q rSTU V W x Y Z abcdefghijklmnopqrstuv w x yz 0123 45 678 9 > ?! . , :@ & + B o o K É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S abcd e fg h iJ k lm n o p q RsTu v w x y Z a b cd ef g h ij kl m n o p q rst uv w x y z 012 3 45 678 9 > ?! . , : @ &+ g r a s É C R I T U R E P R I M A I R E DA N S TO U T E S L E S P U B L I C AT I O N S A BC D E FG H IJ K LM N O P Q R STU V W X Y Z a b cd ef g h i j k l m n o p q r st uv w x y z 01 2 3 4 5 678 9 > ?! . , : @&+ n o i r U N I Q U E M E N T DA N S L E S P U B L I C AT I O N S A R T E D E H A U T E T E N U E E T F O R T E M E N T A X É E S S U R L’ I M AG E D E L A C H A Î N E ( E X : M E N S U E L D E S P R O G R A M M E S A R T E - M AG A Z I N , R A P P O R T D ’AC T I V I T É , D O S S I E R D E P R E S S E ) B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 30-45
31. 17 O N - A I R O F F - A I R O N - A I R U N D O F F - A I R T Y P O G R A P H I E B A S I E R E N A U F D E N G L E I C H E N V O R G A B E N C O R P O R A T E D E S I G N – A N W E N D U N G aRTe g.e.i.e. 4 quai du chanoine winTeReR cs 20035 67080 sTRasbouRg cedex posTfach 1980 77679 kehl L A T Y P O G R A P H I E À L’A N T E N N E E T H O R S A N T E N N E R E P O S E S U R L E S M Ê M E S P R I N C I P E S O N - A I R O F F - A I R / P R I N T n s d e p o Li Ce s R T E E S T L E F R U I T D E L A C O M B I N A I S O N K S A N A D E G R A N D E TA I L L E . N C I PA L E B E I S P I E L E : D A S N E U E T Y P O G R A F I S C H E G E S I C H T V O N A R T E E R G I B T S I C H A U S D E R K O M B I N A T I O N D E R G O T H A M M I T D E N G R O S S E N Z A H L E N D E R O K S A N A . 2 loRem ipsumdol immeR noch den schalk im nacken: RegisseuR claude chabRol B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 1 - 4 5
32.  http://www.dailymotion.com/video/xfpaqk B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 2 - 4 5
33. Typographies Polices employées   Primaires   Secondaires   Alternatives Styles de paragraphes   Polices   Graisses   Tailles Règles d'utilis ation   Cas d'usages   Compositions B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 3 - 4 5
34. Logotype Typographie Couleurs Éléments graphiques B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 4 - 4 5
35. C o r p o r at e d e s i g n – p r i n t C H A R T E G R A P H I Q U E L a Fo r M e /s H a pe – V eC te U r d ’ i n Fo r M ati o n + F O R M E I M AG E L E S F O R M E S S O N T G É N É R É E S E N F O N C T I O N D E S A P P L I C AT I O N S . V E I L L E R À C E Q U E L E S C O I N S N E F O R M E N T PA S D E S A N G L E S T R O P A I G U S . É V I T E R S I P O S S I B L E L A S U P E R P O S I T I O N D E V I S AG E S , D E M Ê M E Q U E D E S Y E U X , D U N E Z E T D E L A B O U C H E . 25 L E S I M AG E S P E U V E N T Ê T R E P R E S E N T E E S DA N S U N E F O R M E / S H A P E M e s s ag e C L A I R E T S I M P L E i M paC t s U r L’ i M ag e d ’a r t e FA I B L E À M OY E N S C U L P T U R E C O M M E T E X T U R E DA N S U N E F O R M E / S H A P E . L A F O R M E / S H A P E R E C O U V R E ( L AY E R ) L’ I M AG E . L A C O U C H E ( L AY E R ) E S T L É G È R E M E N T T R A N S PA R E N T E . M e s s ag e C L A S S I Q U E S É R I E U X N O B L E S O L E N N E L i M paC t s U r L’ i M ag e d ’a r t e É L E V É U t i L i s at i o n C o M M e V e C t e U r d ‘ i M ag e L a Fo r M e /s H a pe – V eC te U r d ’ i n Fo r M ati o n + F O R M E I M AG E L E S F O R M E S S O N T G É N É R É E S E N F O N C T I O N D E S A P P L I C AT I O N S . V E I L L E R À C E Q U E L E S C O I N S N E F O R M E N T PA S D E S A N G L E S T R O P A I G U S . É V I T E R S I P O S S I B L E L A S U P E R P O S I T I O N D E V I S AG E S , D E M Ê M E Q U E D E S Y E U X , D U N E Z E T D E L A B O U C H E . B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 5 - 4 5
36. 27 F o r M e B L a n C H e * C O R R E S P O N D DAVA N TAG E À D E S C O N T E N U S I N F O R M AT I F S L E M E S S AG E E S T C L A I R , D I R E C T E T S I M P L E U n e F o r M e / s H a p e aV e C L a s C U L p t U r e S Y M B O L I S E P L U TÔT D E S C O N T E N U S P O R T E U R S D ’ I M AG E L E M E S S AG E E S T S É R I E U X A R T E P R O U D LY P R E S E N T S E T C L A S S I Q U E claude chabRol heRZlichen glückwunsch fÉliciTaTion 20.15 15. mÄRZ 2011 aRTe–pRemieRe claude chabRol die dokumenTaTion 15/03/11 um 20.15 uhR B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 6 - 4 5
37. ÉLÉMENT GRApHIQUES Il est possible d’utiliser des cadrages zoomés sur le sigle, ou certains des éléments le constituant. On peut aussi le modéliser en 3D. Ne pas déformer les éléments et/ou le sigle. Ne pas changer les proportions des élements du sigle. INTERDITS B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 7 - 4 5
38. I M A G E F I L T E R I N G I M A G E U s e w i t h 3 0 % o p a c i t y + F I L T E R U s e b l a c k a n d w h i t e f i l t e r + G R A D I E N T U s e w i t h o v e r l a y c o l o r b l e n d i n g B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 8 - 4 5
39. G U I D E L I N E S U S E E X A M P L E Préservons votre capacité d’entreprendre Micro-entrepeneur ? Arrêtez de perdre du temps ! Devis, factures, livre de compte, déclaration RSI... KoalaME est là pour vous ! F O N T S L O G O I M A G E C O L O R S B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 3 9 - 4 5
40. 62 gabarit word 46 avenue de la Grande Armée – CS 500071 - 75858 Paris Cedex 17 - T. 01 23 45 67 89 - F. 01 23 45 67 89 www.cci.fr Madame, Monsieur, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis nibh ac felis luctus sit amet tristique justo rhoncus. Cras eleifend egestas felis vel adipiscing. Cras eu odio ut neque scelerisque mattis. Donec non arcu velit, pharetra luctus massa. Duis velit libero, aliquet quis interdum at, pretium id dui. Donec venenatis, diam scelerisque pretium scelerisque, massa eros imperdiet diam, in pulvinar leo sem ac arcu. Nunc turpis ligula, ullamcorper vitae varius in, bibendum vel nisi. Suspendisse in velit sit amet libero eleifend varius. Sed pretium faucibus orci, ac molestie nisi elementum dapibus. Morbi a tellus urna. Donec tellus dolor, lacinia eget tempus vitae, sagittis vitae quam. Maecenas aliquet turpis nec lectus vehicula ullamcorper tincidunt erat porta. Quisque dapibus tristique elit. Aliquam lectus massa, tempor eu scelerisque sodales, scelerisque vitae enim. Nulla tincidunt sodales dignissim. Sed cursus aliquam arcu nec vulputate. Praesent suscipit metus vehicula ante vulputate at mollis eros hendre- rit. Aliquam sagittis velit neque. Sed scelerisque odio sit amet sem suscipit venenatis. Vivamus volutpat molestie erat eget convallis. Morbi eget dui lorem. In at urna et massa porta venenatis. Donec ullamcorper felis sed ipsum volutpat condimentum. Sed pellentesque erat eu tellus aliquet sodales. Maecenas eu augue eu risus fringilla tempus. Curabitur vitae dui ipsum, sit amet dictum augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque egestas sem vitae elit rutrum bibendum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent rhoncus semper laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis nibh ac felis luctus sit amet tristique justo rhoncus. Cras eleifend egestas felis vel adipiscing. Cras eu odio ut neque scelerisque mattis. Donec non arcu velit, pharetra luctus massa. Duis velit libero, aliquet quis interdum at, pretium id dui. Donec venenatis, diam scelerisque pretium scelerisque, massa eros imperdiet diam, in pulvinar leo sem ac arcu. Nunc turpis ligula, ullamcorper vitae varius in, bibendum vel nisi. Suspendisse in velit sit amet libero eleifend varius. Sed pretium faucibus orci, ac molestie nisi elementum dapibus. Morbi a tellus urna. Donec tellus dolor, lacinia eget tempus vitae, sagittis vitae quam. Maecenas aliquet turpis nec lectus vehicula ullamcorper tincidunt erat porta. Quisque dapibus tristique elit. Aliquam lectus massa, tempor eu scelerisque sodales, scelerisque vitae enim. Nulla tincidunt sodales dignissim. Sed cursus aliquam arcu nec vulputate. Praesent suscipit metus vehicula ante vulputate at mollis eros hendre- rit. Aliquam sagittis velit neque. Sed scelerisque odio sit amet sem suscipit venenatis. Vivamus volutpat molestie erat eget convallis. Morbi eget dui lorem. In at urna et massa porta venenatis. Donec ullamcorper felis sed ipsum volutpat condimentum. Sed pellentesque erat eu tellus aliquet sodales. Paris, le 12/09/13 corpS de texte DejaVu Sans condensed corps 8,5 pt interlignage 13 pt Ferré à gauche ou justifié. Noir 100% SpécificationS On se base sur la construction du communiqué de presse. (page 55) L’utilisation du sigle en « puce » (bullet point) est proscrite. 50 T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89 Centre de Salorges - 16 quai Ernest Renaud BP 90517 - 44105 Nantes Cedex 4 f.idoux@ccinantes.fr www.nantesstnazaire.cci.fr T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89 46 avenue de la Grande Armée – CS 500071 75858 Paris Cedex 17 t.coiffier@ccifrance.fr www.cci.fr thibaut coiffier Chargé de projet Carte de Visite papeterie Utiliser les modèles : Dossier "CCI-supports/ papeterie/CCI-cartedevisite.eps". t.coiffier@ccifrance.fr Mob 06 23 45 67 89 46 avenue de la Grande Armée CD 50071- 75858 Paris Cedex 17 tel 01 23 45 67 89 fax 01 23 45 67 88 www.cci.fr thibaut coiffier Chargé de projet t.coiffier@international.cci.fr Mob 06 23 45 67 89 46 avenue de la Grande Armée CD 50071- 75858 Paris Cedex 17 tel 01 23 45 67 89 fax 01 23 45 67 88 www.international.cci.fr T. 01 23 45 67 89 - M. 06 23 45 67 89 - F. 01 23 45 67 89 Centre de Salorges - 16 quai Ernest Renaud BP 90517 - 44105 Nantes Cedex 4 f.idoux@ccinantes.fr www.nantesstnazaire.cci.fr fabien idoux Responsable logistique Direction des opérations thibaut coiffier Chargé de projet cci nanteS St-naZaire cci nÎmeS cci international taille de référence : X=10mm le logo est centré dans la hauteur de la carte. X/4 X/2 X/2 X nom Scout Bold corps 9 pt interlignage 11pt approche 20 pt titre DejaVu Sans condensed corps 6 pt interlignage 8 pt approche 20 pt adreSSe DejaVu Sans condensed corps 6 pt interlignage 8 pt approche 20 pt web rouge : C0 M100 J62 N0 SpécificationS format 85 x 55 mm impreSSion en quadrichromie papier blanc 300 g alignement B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 40-45
41. Logotype Typographie Composition Bannières web Etc... Signalétique Couleurs Charte éditoriale Papeterie Papeterie Éléments graphiques B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 1 - 4 5
42.  Cohérence  Reconnaissance B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 2 - 4 5
43. Je veux une charte graphique sérieuse et moderne, orientée web et livrée avec son kit media. T'es avec moi ? Okay B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 3 - 4 5
44. Pour aller plus loin...  David Rault La typographie comme outil de design  Communicator Edition Dunod  Michel Pastoureau & Dominique Simonnet Le petit livre des couleurs Éditions Points Histoire  Éditions Pyramyd B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 4 - 4 5
45. Merci de votre attention ! Avez-vous des questions ? B e a r S t u d i o A l l r i g h t s r e s e r v e d @ D a v i d E n d i co 4 5 - 4 5