Cours 5 | Logo¶
Retour sur le Devoir 1 (moyenne d'environ 85%)¶
« J'ai mis le texte plus gros pour que ça prenne plus de place. »
« J'ai mis du rouge parce que c'est plus beau »
« J'ai changé le format pour que ce soit plus carré. »
Ce que j’essaie de comprendre ici, c’est l’intention de design derrière ce choix.
Questions à te poser
- Quel problème cherchais-tu à résoudre en « prenant plus de place » ?
- Est-ce pour améliorer la lisibilité ?
- Pour créer une hiérarchie ?
- Pour équilibrer la composition ?
- Si c’est plus important, pourquoi la taille est la meilleure solution dans ce contexte ?
- Pourquoi pas la couleur, le gras, le contraste, l’espacement, la position ou le cadre ?
- Qu’est-ce qui te fait dire que c’est l’élément le plus important ?
- Quel est le message principal ?
- Comment ton choix aide concrètement ce message ?
IA
Pour ceux et celles qui ont utilisé l'IA pour décrire leur propre oeuvre, je vous recommande chaudement d'écouter cette vidéo.
Figjam¶
FigJam est un tableau blanc numérique conçu pour le brainstorming, la planification et l'idéation.
Pour sauvegarder :
Étapes de création d'un logo¶
Brief¶
Pour commencer, il faut connaître :
- Le nom de la marque (accents, casse, slogan)
- Les contextes d’usage : favicon, réseaux sociaux, site web, impression, app, broderie, etc.
- Les univers à éviter : concurrents directs, styles trop proches, clichés
- Les contraintes techniques : monochrome obligatoire ? impression 1 couleur ? fond clair / sombre ?
- Le ton : sérieux vs ludique, premium vs accessible, institutionnel vs créatif
Ça va servir à vous permettre de justifier vos choix !!!
Idéation¶
C'est le moment du remue-méninges (brainstorm).
Nous allons essayer de séparer 3 thématiques.
- Description de la marque
- Ce qu'on aimerait qu'elle projette comme image
- Quels émotions on voudrait que le logo évoque
Dresser une liste d'environ 30 à 40 mots clés
Exemple : avant-gardiste, branché, sophistiqué, convivial, dynamique, accessible fiable, professionnelle, moderne, accessible, haut de gamme, responsable, humaine, innovante, locale, dynamique confiance, sécurité, calme, enthousiasme, curiosité, plaisir, proximité, inspiration
Type de logo¶
Choisir un type de logo adapté aux mots-clés et à l’usage.
Logos combinés
Les logos combinés intègrent texte et symboles
Couleurs et typographie¶
Pour guider vos choix
- Signification des couleurs
- Théorie des couleurs
- Principes de design (ex. : contraste, hiérarchie, équilibre)
- Type de police (serif, sans serif, autre ?)
- Lisibilité du texte
Ajouter une série de polices associées aux mots-clés du brainstorm.
Ajouter une série de palettes de couleurs associées aux mots-clés du brainstorm.
Formes et croquis¶
Ajouter au brainstorm des inspirations.
Commencer des croquis du logo. N’essayez pas d’être extrêmement précis. Allez-y en quantité plutôt qu'en qualité.
Sélectionnez les 2 ou 3 meilleures versions.
Si possible, demandez l'avis d'une ou plusieurs tierces personnes.
Vectoriser si ce n'est déjà fait.
À éviter
- Trop de détails
- Trop de couleurs
- Effets inutiles (ombres, dégradés)
- Copier une tendance
- Être trop littéral
Si tu dois expliquer ton logo, il est raté 🤷
Espaces négatifs¶
À cette étape, vous pouvez également réfléchir à l'usage d'espaces négatifs
Simplification¶
Simplifier en supprimant les dégradés, les ombres, les contours, etc.
Idées de simplification
- Reconnaissable en 16px x 16px
- Fonctionne en 1 couleur
- Pas d’effets nécessaires (ombre, dégradé, contour)
- Formes nettes (vectoriel propre)
Déclinaison¶
La déclinaison est devenue essentielle. Comme sur le web, les contextes sont nombreux et la robustesse de la marque est mise à l’épreuve.
Créer une version verticale du logo et une version horizontale.
Créer une version cohérente en noir seulement et une en blanc seulement.
Études de cas¶
Dunkin'¶
Ici, l'entreprise a voulu être plus cohérente avec ses services.
Le design a mis le focus sur l'identité et la signification de l'organisation. C'est "DUNKIN" qui différencie la marque, pas "DONUTS" !
Savais-tu ça ?
Nintendo existe depuis 1889 et vendait des cartes à jouer !
Pringles¶
Pringles a voulu rendre son logo plus flexible pour se diversifier.
On peut supposer que le texte, plus neutre, laisse désormais plus de place à la sous-marque
Le logo reste reconnaissable facilement, peu importe le contexte !
TIM¶
Collège Montmorency¶
Normes graphiques¶
Souvent l'organisation ne cherchera pas à ne changer que son logo. Elle voudra un redesign complet de son identité graphique. Pour ce faire, le ou la designer doit concevoir un guide sur l'usage du logo, sur sa signification et comment elle peut se décliner sur plusieurs contextes différents. On y inscrit également les limites de l'usage du logo, mais aussi des polices et des couleurs.
Devoir¶
Devoir - Figma
Logo