Cours ID visuelle

1 341 vues

Publié le

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

Publié dans : Formation
0 commentaire
6 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 341
Sur SlideShare
0
Issues des intégrations
0
Intégrations
40
Actions
Partages
0
Téléchargements
75
Commentaires
0
J’aime
6
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Cours ID visuelle

  1. 1. SEANCE identité visuelle ABCDEFGH abcdefgh
  2. 2. Logo ABCDEFGH abcdefgh Typographies Couleurs ...
  3. 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. 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. 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. 6. LOGOTYPE / ICOTYPE / LOGO MIXTE
  7. 7. pensez à votre ENVIRONNEMENT Marque une sert à se différencier de la concurrence
  8. 8. LE CONSEIL BOOTSTRAP less is more surtout si vous commencez sans designer et sans resources pour vous en offrir un
  9. 9. LES COULEURS choisir vos couleurs Les couleurs ont des significations (qui peuvent varier en fonction des cultures)
  10. 10. 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
  11. 11. CONSEIL Exploiter Noir / Blanc + 1 couleur + jouer les tons sur tons / nuances exemple : Noir Blanc Alizarine
  12. 12. 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)
  13. 13. LES TROUVER ou les faire faire pour une personal touch
  14. 14. 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
  15. 15. typo icone calque ...

×