Le logo

1. Objectifs

   • Définir le logo et son rôle dans une application.
   • Reconnaître les cinq familles de logos et choisir celle qui convient.
   • Juger un logo avec des critères: simplicité, lisibilité en petit, déclinaisons.
   • Fixer les règles d'usage: zone de protection, taille minimale, interdits.
   • Suivre une démarche de création, du brief au test.

1. Qu'est-ce qu'un logo ?

   • Un logo est le signe graphique qui identifie une marque, un service ou une organisation. C'est la signature de l'application.
   • Il apparaît partout : icône sur l'écran d'accueil du téléphone, écran de démarrage, en-tête de l'application, site web, tickets imprimés, affiches du restaurant.
   • Un logo n'a pas à tout dire sur le service. Il doit être reconnu rapidement et rappeler l'expérience vécue. C'est l'usage qui lui donne son sens.
   • Dans une application, le logo occupe peu de place. Il sert surtout à rassurer l'usager (« je suis au bon endroit ») et à distinguer l'application des autres sur son téléphone.

1. Les cinq familles de logos

   • Logotype: le nom seul, écrit avec une typographie travaillée. Efficace quand le nom est court et original.
   • Monogramme: les initiales, souvent réunies dans une forme. Utile quand le nom est long.
   • Symbole (ou pictogramme) : une image seule, sans texte. Réservé aux marques déjà très connues.
   • Emblème: le texte enfermé dans un insigne (blason, écusson, cachet). Évoque la tradition, l'institution.
   • Logo combiné: un symbole et le nom. C'est le choix le plus courant pour une nouvelle application : le symbole devient l'icône de l'application, le nom accompagne le symbole ailleurs.

1. Les qualités d'un bon logo

   • Simple: peu de formes et deux ou trois couleurs au plus. Plus un logo est simple, plus il se reconnaît vite.
   • Mémorable: on peut le redessiner de tête après l'avoir vu quelques fois.
   • Lisible en petit: il reste reconnaissable à 48 px (icône d'application) et à 16 px (favicon, onglet du navigateur).
   • Déclinable: il fonctionne en couleurs, en noir et blanc, en négatif sur fond foncé.
   • Adapté: il évoque le service et parle à la cible, sans copier une autre marque.
   • Durable: il ne repose pas sur un effet à la mode (dégradé complexe, ombre, 3D) qui le datera vite.

1. Les déclinaisons du logo

   • Version principale: en couleurs, sur fond clair. C'est la version par défaut.
   • Version monochrome: une seule couleur (souvent le noir). Pour l'impression d'un ticket, un tampon, une gravure.
   • Version en négatif: en blanc sur fond foncé ou sur une photo.
   • Icône d'application: le symbole seul dans un carré aux coins arrondis, exporté dans toutes les tailles demandées par Android et iOS.
   • Version horizontale et version verticale: le symbole à gauche du nom (en-tête) ou au-dessus (écran de démarrage, affiche).

1. Les règles d'usage

   • Zone de protection: un espace vide autour du logo, où rien ne doit être placé. On l'exprime avec une unité liée au logo (par exemple x = la moitié de la hauteur du symbole), pour qu'elle reste juste à toutes les tailles.
   • Taille minimale: en dessous, le logo n'est plus lisible (par exemple 24 px de haut à l'écran, 15 mm à l'impression).
   • Usages interdits: déformer, changer les couleurs, ajouter des effets (ombre, contour, 3D), poser le logo sur un fond trop chargé, faire pivoter, changer la police du nom.
   • Ces règles sont écrites dans la charte graphique, avec un exemple illustré pour chaque interdit.

1. Créer un logo en six étapes

   • 1. Le brief: qui est l'organisation ? Pour qui ? Quelles valeurs ? Quelles contraintes (supports, tailles, budget) ?
   • 2. Les mots-clés: trois à cinq mots qui décrivent le service et l'émotion recherchée (« rapide », « convivial »…).
   • 3. Les croquis: une vingtaine d'idées rapides, au crayon, sans juger. Les premières idées sont souvent les plus banales.
   • 4. La sélection: garder trois pistes et les comparer avec une grille de critères (évoque le service, lisible en petit, original…).
   • 5. La vectorisation: redessiner proprement la piste retenue dans Figma, avec des formes simples et une grille.
   • 6. Le test: réduction, noir et blanc, négatif, et avis de quelques usagers (« Qu'évoque ce logo ? »).

1. Le logo dans Figma

   • Dessinez sur un cadre carré (par exemple 512 × 512 px) avec des formes de base : ellipses, rectangles, chemins simples.
   • Utilisez les opérations booléennes (union, soustraction, intersection) pour combiner les formes plutôt que de tout dessiner à la plume.
   • Transformez le logo en composant et créez une variante par déclinaison (couleur, monochrome, négatif, icône).
   • Exportez en SVG pour l'application et le web, et en PNG aux tailles demandées pour les icônes d'application.

1. Activités

1. Erreurs fréquentes

1. Bilan

   • Le logo est la signature de l'application : il doit être reconnu vite, pas tout expliquer.
   • On choisit sa famille selon la notoriété du nom et la place disponible ; le logo combiné convient à une nouvelle application.
   • Un bon logo est simple, lisible en petit et déclinable.
   • La charte fixe ses règles d'usage: zone de protection, taille minimale, interdits.
   • On le crée en cherchant large (croquis), puis en choisissant avec des critères et en testant.

Un logo ne vend rien à lui seul : il signe une expérience. Plus il est simple, plus il se souvient de vous.