Support de cours Master Spécialisé Innover & Entreprendre. Reflexion sur le design au début du projet + importance de l'UX / UI

1. SEANCE
identité visuelle
ABCDEFGH
abcdefgh

2. Logo
ABCDEFGH
abcdefgh
Typographies
Couleurs
...

3. LA CHARTE GRAPHIQUE
en anglais : branding guidelines
Documentation rassemblant
l’ensemble des marqueurs
de votre identité visuelle.
Objectif :
Assurer la cohérence
de l’identité de marque
dans une multitude de contextes.

4. QUELQUES EXEMPLES
LOGO & CHARTE GRAPHIQUE
BLUE FACTORY (ESCP EUROPE)
LOGO PRINCIPAL
La zone bleue
correspond à l’espace
incompressible et
necessaire entre le logo
et son environnement.
= 10% de marge
La zone verte
correspond à
l’alignement des
éléments typographiques
du logo et leur centrage.
COULEUR UTILISÉE
TYPOGRAPHIE UTILISÉE POUR LE LOGO
Adamas Regular (Typographie crée par Colorblind - Utilisation Commerciale et/ou personnelle autorisées)
BLEU NUIT “ESCP”
C100 M89 Y21 K10
#003671
ABCDEFGHIJKLMNOPQRSTUVWXYZ
LOGO ACCOMPAGNÉ DU LOGO ESCP EUROPE
CHARTE GRAPHIQUE
ESCP EUROPE
Édition 2011
COULEUR UTILISÉE
SUGGESTION DE DÉCLINAISON
BLEU NUIT “ESCP”
C100 M89 Y21 K10
#003671
SUGGESTIONS
D’ACCOMPAGNEMENT
TYPOGRAPHIQUE
Helvetica Neue lt Std
> 77 Bold Condensed
> 47 Light Condensed
RECOMMANDATIONS
- Ne pas étirer ou déformer la typographie / le logo
- Garder la même organisation typographique
- Respecter autant que possible la couleur utilisée
Fichiers disponibles : .ai / .png / .jpg

5. EN PRINCIPE
ce qu’un designer vous recommendera
2 3
à
Couleurs
Typographies
Prévoir la charte en fonction des utilisations
de la marque (anticiper les besoins)
Définir type de logo

6. LOGOTYPE / ICOTYPE / LOGO MIXTE

9. pensez à votre
ENVIRONNEMENT
Marque
une
sert à se différencier
de la concurrence

10. LE CONSEIL BOOTSTRAP
less is more
surtout si vous commencez sans designer
et sans resources pour vous en offrir un

11. LES COULEURS
choisir vos couleurs
Les couleurs ont des
significations
(qui peuvent varier en
fonction des cultures)

12. BLEU
sympathie / harmonie /repos /
passivité / paix / fidélité / infini /
mélancolie / performance // froid
VERT
espoir / tolérance / naturel / santé
frais / jeunesse / fiabilité // toxicité
ROUGE
passion / amour / force / courage /
chaleur / joie / voyant // haine /
colère / danger / erotisme

13. CONSEIL
Exploiter Noir / Blanc + 1 couleur
+ jouer les tons sur tons / nuances
exemple :
Noir
Blanc
Alizarine

14. LES TYPOGRAPHIES
avec empattements
ou sans
Print : Sans Serif plutot pour les titrages et serif pour corps de texte
Screen : Plutot Sans Serif pour l’ensemble (Serif parfois pour le titrage)

15. LES TROUVER
ou les faire faire pour une personal touch

16. EN MODE BOOTSTRAP
Aller vers l’essence de votre marque
• votre Value Proposition
• votre différence ...
Simplifier l’incarnation visuelle
de votre esprit de marque jusqu’à obtenir
des briques élémentaires à dessiner
options :
typo
calque
icone
abstrait

17. typo
icone
calque
...