Une livraison de logo est un petit paquet à longue durée de vie. Les fichiers que vous envoyez cette semaine seront ouverts par un imprimeur le mois prochain, par un développeur web l'année prochaine, et dans quatre ans par une recrue marketing qui n'a jamais entendu votre nom. Le travail ne consiste donc pas seulement à exporter le logo, mais à l'organiser et à l'étiqueter pour qu'un non-designer choisisse le bon fichier sans aide. Cet article couvre les fichiers à livrer, les variantes, une arborescence de dossiers et une convention de nommage qui résistent aux transferts, un guide d'une page pour le client, et la façon d'envoyer le tout pour qu'il ne se perde pas.
Quels fichiers livrer
Il vous faut moins de formats que n'en contiennent la plupart des dossiers de livraison, mais il vous faut les bons.
| Format | À quoi il sert | À inclure |
|---|---|---|
| SVG | Sites web, applications, logiciels de présentation modernes, tout ce qui s'affiche à l'écran et doit rester net à n'importe quelle taille | Toujours |
| PNG, transparent | Word, PowerPoint, Google Docs, signatures d'e-mail, partout où l'on colle une image | Toujours, exporté en 2x |
| Imprimeurs, enseignistes, et quiconque ne peut pas ouvrir un SVG ; vectoriel, donc il s'agrandit sans perte | Toujours | |
| EPS | Flux d'impression plus anciens et certains prestataires de broderie ou de gravure | Seulement sur demande |
| JPG | Le rare formulaire ou CMS qui refuse tout le reste ; pas de transparence | Un seul, en couleur sur fond blanc |
| Master AI | Le fichier source Illustrator modifiable | Voir plus bas |
Le SVG est le fichier que les gens devraient utiliser le plus et qu'ils comprennent le moins, alors étiquetez-le simplement "pour le web". Le PDF est la réponse sûre pour l'impression, parce que tout imprimeur peut l'ouvrir et qu'il conserve les vecteurs. Un PNG transparent en 2x, c'est-à-dire au double des dimensions en pixels de sa taille d'affichage, reste net sur les écrans haute résolution et dans les présentations projetées. L'unique JPG existe pour que, le jour où le portail d'un fournisseur refuse le PNG et le SVG, vous ne receviez pas d'e-mail.
Le master AI est une décision à part. Le client possède le logo final, il est donc raisonnable de livrer un master propre et vectorisé ; votre fichier de travail avec ses calques et les pistes écartées vous appartient. Tranchez cette question dans le contrat.
Quelles variantes
Livrez les variantes que l'identité possède réellement, et pas davantage ; inventer une version empilée le jour de la livraison, c'est ainsi que des compositions (lockups) faibles entrent en circulation.
Le jeu habituel comprend le logo complet (symbole plus logotype), le logomark seul et le logotype seul. Quand le design possède à la fois une version horizontale et une version empilée, incluez les deux. Chacune existe en couleur, en noir et en blanc. Le blanc est celui que les clients oublient de demander et dont ils ont le plus besoin, parce qu'il se pose sur des photographies, des sites web sombres et des objets promotionnels colorés. Si une variante est réservée à un seul usage, comme le logomark seul en avatar, dites-le dans le guide décrit plus bas.
Une arborescence de dossiers qu'un non-designer comprend
Il existe deux façons sensées d'organiser le dossier, et les deux fonctionnent. Choisissez-en une et gardez-la peu profonde, pas plus de deux niveaux sous la racine.
La première est par variante, puis par format. Elle convient aux designers et aux développeurs, qui pensent d'abord à "la version horizontale blanche".
acme-logo/
full-logo/
colour/ svg, png, pdf
black/ svg, png, pdf
white/ svg, png, pdf
logomark/
colour/ black/ white/
logotype/
colour/ black/ white/
source/
acme-logo-master.ai
La seconde est par cas d'usage. Elle convient à tous les autres, parce que la personne qui commande des cartes de visite ne sait pas ce qu'est un lockup, mais sait qu'elle imprime quelque chose.
acme-logo/
print/ pdf and eps, all variants
web/ svg, all variants
documents/ transparent png, all variants
social/ square png of the logomark
source/
Pour les petits clients sans designer en interne, la structure par cas d'usage produit moins d'erreurs de fichier. Pour les clients qui ont un développeur ou une agence, la structure par variante est plus propre. Dans les deux cas, placez un court guide à la racine.
Conventions de nommage des fichiers
Les noms de fichiers sont séparés de leurs dossiers dès que quelqu'un glisse un fichier dans un e-mail, chaque nom doit donc décrire le fichier à lui seul. Un motif fiable est marque, élément, version, couleur, dans cet ordre, tout en minuscules, mots séparés par des traits d'union, sans espaces.
acme-logo-horizontal-colour.svg
acme-logo-stacked-white.png
acme-logomark-black.pdf
acme-logotype-colour.svg
Le nom de la marque en premier, pour que les fichiers se trient ensemble partout. La couleur en dernier, pour que les variantes se retrouvent côte à côte. Pas de numéro de version dans la copie du client, parce que "v3-final-FINAL" est une promesse que vous ne tiendrez pas ; gardez les versions dans vos propres archives et donnez au client un seul jeu à jour. Employez les mêmes mots dans les noms de fichiers, les noms de dossiers et le guide, pour que "blanc" ne devienne jamais "inversé" à un endroit et "en réserve" à un autre. Si votre outil d'export tire les noms de fichiers des noms de plans de travail, nommez d'abord les plans de travail de cette façon.
Tailles pour les profils sociaux, si vous les incluez
Les spécifications des photos de profil changent à chaque refonte de plateforme, évitez donc de figer des dimensions qui seront fausses d'ici un an. L'approche durable est un seul PNG carré du logomark à 1000 par 1000 pixels, le symbole centré dans les soixante pour cent centraux de la zone environ, pour qu'il survive à un recadrage en cercle. Ajoutez une version sur la couleur principale de la marque en plus de celle sur blanc, puisqu'un avatar transparent laisse voir le fond que la plateforme choisit. Les images de couverture et les gabarits de publication sont un livrable à part.
Un guide d'une page "quel fichier, quand"
Placez-le à la racine du dossier et collez-le dans l'e-mail de livraison. C'est la page que le client lira vraiment.
| Votre cas | Utilisez ce fichier |
|---|---|
| Ajouter le logo au site web | Le SVG dans web/, version couleur |
| Le placer dans Word, PowerPoint ou Google Slides | Le PNG transparent dans documents/ |
| L'envoyer à un imprimeur ou à un enseigniste | Le PDF dans print/, et l'EPS seulement s'ils le demandent |
| Le poser sur une photo ou un fond sombre | La version blanche, dans le format ci-dessus |
| Configurer un profil sur les réseaux sociaux | Le PNG carré dans social/ |
| Commander de la broderie, des objets promotionnels ou de la signalétique | Le PDF dans print/, plus les valeurs Pantone et CMJN de la charte graphique |
| Vous hésitez | Envoyez le lien du dossier complet au fournisseur et laissez-le choisir |
À côté du tableau, listez les valeurs de couleur et les noms des polices, pour qu'une seule page réponde aux trois questions que les gens posent le plus : quel logo, quelle couleur, quelle police.
Comment l'envoyer
Un lien vaut mieux qu'une pièce jointe. Les serveurs de messagerie suppriment les pièces jointes volumineuses, les fichiers ZIP sont signalés, les liens de transfert expirent, et ce qui arrive malgré tout reste dans un dossier de téléchargements jusqu'au remplacement de l'ordinateur. Même quand le ZIP arrive intact, il est décompressé sur le bureau d'une seule personne et le reste de l'entreprise ne le voit jamais.
Envoyez un lien vers un dossier ou une page hébergée que vous contrôlez, gardez ce lien stable, et dites au client de le mettre en favori et de le transmettre à son imprimeur, à son développeur et à la personne qui gère ses réseaux sociaux. Quand vous mettez un fichier à jour, faites-le derrière le même lien. Une page de marque hébergée, comme celle que publie Anchr Portal, va plus loin : chaque variante du logo avec un téléchargement par format, les valeurs de couleur et les polices sur une seule page, si bien que le client transmet le lien plutôt que les fichiers.
Quoi que vous envoyiez, conservez une copie datée de ce que le client a reçu.
Un modèle d'e-mail de livraison
Restez bref. Il sera transmis à des inconnus pendant des années, il doit donc se comprendre sans la conversation qui l'entoure.
Objet : Fichiers du logo Acme
Bonjour Dana,
Les fichiers définitifs du logo Acme sont ici : [lien]
Quel fichier utiliser :
- Site web ou application : le SVG dans le dossier web
- Word, PowerPoint, Google Slides : le PNG transparent dans documents
- Imprimeurs et enseignistes : le PDF dans print
- Sur une photo ou un fond sombre : la version blanche
Les couleurs et les polices sont listées dans le guide à la racine du dossier,
avec les détails de licence et où acheter les polices.
Merci de transmettre ce lien à votre développeur web et à votre imprimeur.
Si quelqu'un a besoin d'un format qui n'y figure pas, dites-lui de me contacter.
Bien à vous,
[Votre nom]
Questions
Dois-je envoyer le fichier Illustrator ?
Envoyez un master propre et vectorisé du logo final si le contrat prévoit que le client possède le logo, ce qui devrait généralement être le cas. Nettoyez-le d'abord : vectorisez le texte, supprimez les plans de travail et les nuances inutilisés, nommez les calques. Votre fichier de travail, avec ses alternatives et son exploration, reste chez vous. Placez le master dans son propre dossier pour que personne ne l'ouvre en cherchant un PNG.
Faut-il inclure un EPS ?
Pas par défaut. Le PDF couvre tous les flux d'impression modernes et conserve les vecteurs, et la plupart des fournisseurs qui demandaient autrefois de l'EPS acceptent désormais le PDF ou le SVG. Incluez un EPS quand un imprimeur, un brodeur ou un graveur précis le demande, et notez dans le guide qu'il est là pour cette raison.
Quelle résolution pour le PNG ?
Exportez en 2x, c'est-à-dire au double des dimensions en pixels de la taille à laquelle le logo sera généralement affiché. Un logo affiché à 300 pixels de large doit être livré à 600, pour rester net sur les écrans haute résolution. Pour une livraison à usage général, un PNG d'environ 2000 pixels sur son côté le plus long couvre les présentations, les documents et la plupart des usages web sans devenir encombrant.
Dois-je inclure le logo sur un fond coloré ?
Oui, pour l'avatar des réseaux sociaux et pour tout cas où la version transparente laisserait apparaître un fond imprévisible. Sinon, livrez des fichiers transparents et laissez les versions blanche et noire gérer le contraste. Un logo aplati sur la couleur de la marque est utile à exactement un endroit et pose problème partout ailleurs, alors étiquetez-le clairement comme la version réseaux sociaux.
Faites-le en un clic
Anchr Ship, qui fait partie de l'extension Illustrator Anchr Tools, réalise la partie export de cet article en une seule passe. Associez trois plans de travail au logomark, au logotype et au logo complet, et il génère les variantes noir et blanc à plat comme nouveaux plans de travail, puis exporte chaque plan de travail en SVG, PNG en 2x avec transparence et PDF dans un seul dossier, avec des noms de fichiers cohérents tirés de vos noms de plans de travail, jusqu'à 27 fichiers. Il ne construit ni arborescences de dossiers ni tailles d'icônes, la structure ci-dessus reste donc à organiser par vous. Anchr Portal publie ensuite le jeu comme une page hébergée avec un téléchargement par format, pour que le lien de votre e-mail de livraison ne devienne jamais obsolète. Détails sur /ship et /portal.