Le poids d'un mockup gratuit et ce qu'il cache
Un fichier mockup gratuit peut peser plus de 400 mégaoctets, pour l'image d'une simple tasse à café posée sur une table en bois. Ça a été ma première vraie surprise en sortant mes logos de l'écran plat de mon logiciel de dessin, moi qui bricole mon identité visuelle en autodidacte à Rouen, sans formation de graphisme derrière moi. Ce poids n'a rien d'un hasard : sous la photo qu'on voit à l'ouverture du fichier, des dizaines de calques sont empilés, prêts à recevoir n'importe quel visuel et à le faire tenir sur l'objet comme s'il y avait toujours été. Comprendre ce mécanisme de mockup a changé la manière dont je teste chaque logo avant de le montrer à qui que ce soit.
Avant de connaître ces fichiers, j'ai tenté un raccourci qui m'a coûté du temps : demander à un générateur de logo par IA de me sortir un visuel, en espérant un résultat digne d'une vraie marque. Sur fond blanc, dans l'aperçu du site, ça semblait tout à fait correct. Le problème est apparu dès que j'ai voulu l'imaginer ailleurs que sur cet écran : posé sur un carton d'emballage, il perdait toute sa tenue, comme un dessin fait pour n'exister qu'en vignette. C'est ce constat qui m'a poussée à chercher un moyen de tester un logo dans un contexte réel avant même de sortir l'imprimante.
Comment un objet dynamique évite de tout recommencer ?
La plupart de ces mockups gratuits sont des fichiers .psd, le format natif de Photoshop, bien que des alternatives gratuites comme Photopea permettent d'ouvrir les mêmes fichiers sans payer de licence — le choix du logiciel pour ce genre de test est un sujet à part entière. Dans ce fichier, un calque un peu particulier porte le nom d'objet dynamique. Il fonctionne comme une fenêtre à double fond : on double-clique sur son icône, une nouvelle page s'ouvre, on y colle son propre logo, on enregistre, et le visuel se plaque alors automatiquement sur l'objet du mockup, en respectant la perspective, les ombres et même le grain du papier.
Mon voisin de palier, Malo Guével, passionné de sérigraphie, jette souvent un œil à mes fichiers ouverts sur l'écran quand il passe ; il donne son avis sur une composition à n'importe quelle heure, même un dimanche soir. La première fois qu'il a vu un de mes logos plaqué sur un tote bag virtuel par ce mécanisme, il a mis un moment à croire que ce n'était pas une vraie photo. Ce test n'est jamais la première étape : avant d'arriver là, le logo a déjà traversé plusieurs versions, et cette manière de faire évoluer un tracé d'une itération à l'autre mérite un chapitre à elle seule.
72 ou 300 dpi : la résolution qui décide si l'impression tient
Le premier vrai piège technique, je l'ai rencontré avec un mockup de panneau publicitaire. Le fichier téléchargé semblait parfait à l'écran, mais une fois le logo inséré et zoomé, le rendu est devenu flou et pixelisé, comme passé à la moulinette. En creusant, j'ai découvert que ce mockup était réglé en 72 dpi (dots per inch, ou points par pouce), le standard historique de l'affichage web — parfait pour un écran, largement insuffisant pour un support qui finira imprimé en grand format. La résolution habituelle pour l'impression professionnelle tourne plutôt autour de 300 dpi, et le décalage entre les deux explique à lui seul la plupart des rendus de logo qui « bavent » sur une affiche.
Depuis, la règle que je m'impose est simple : avant même d'insérer un fichier dans un mockup, je vérifie sa résolution native et sa taille réelle en centimètres, pas seulement en pixels à l'écran. Un mockup basse définition agrandi artificiellement donnera toujours un résultat décevant, même si le logo de départ est irréprochable. Ce même souci de netteté, une fois qu'on descend vers les petits formats, rejoint une autre question : celle de la version vectorielle du fichier, indispensable pour redimensionner un logo sans perte, et qui demanderait tout un développement à elle seule.
Vérifier la lisibilité avant l'impression réelle
Un mockup de vitrine de magasin m'a appris une autre leçon, cette fois sur la lisibilité plutôt que sur la résolution. À l'écran, en gros plan, le tracé détaillé d'un logo peut sembler impeccable. Placé virtuellement derrière une vitre, avec les reflets de la rue et la distance d'un passant, le même tracé peut devenir illisible, les fins traits de la police disparaissant complètement. Avant même de penser aux couleurs, je vérifie d'ailleurs si le logo reste net en noir et blanc pur : un tracé qui perd son sens sans la couleur pour le sauver a un problème de fond, pas seulement de rendu.
Ce mockup gratuit évite une erreur bien plus coûteuse à corriger une fois le support imprimé pour de bon. Il oblige à simplifier les tracés et à augmenter les contrastes — un travail de contraste et de proportions qui commence en réalité bien avant d'arriver au stade du mockup, et qui suit les mêmes logiques que vérifier si son logo est lisible en petite taille sur mobile : la réalité du support impose toujours ses propres contraintes, que ce soit un écran de trois pouces ou une vitrine de quatre mètres.
C'est justement grâce à ce genre de test que le sac en papier imprimé pour la boutique de mon amie est sorti propre du premier coup : une cliente, en sortant de la boutique avec son achat, a demandé qui avait dessiné le logo sur le sac qu'elle tenait. Ce genre de question, aussi simple soit-elle, vaut plus que n'importe quel aperçu sur un écran.
Éviter les décors mockup trop vus
À force de parcourir les banques de mockups gratuits, les mêmes décors reviennent sans cesse : le bureau scandinave avec sa plante verte, le café minimaliste, le sac en kraft posé sur du bois clair. Utiliser ces décors trop uniformisés revient à noyer un logo dans une esthétique générique déjà vue sur des milliers d'autres sites, et ça vide le projet de sa personnalité plus vite qu'on ne le pense.
Le vrai enjeu derrière ce choix de décor, c'est la déclinaison du logo sur des supports différents — carte de visite, mug, façade de boutique, panneau de rue — et cette question des déclinaisons mériterait tout un carnet à elle seule ; le mockup gratuit n'en est qu'une version rapide et gratuite, à mi-chemin entre l'écran et le vrai papier. Choisir un mockup avec plus de soin, même si ça prend plus de temps à chercher, rejoint la même logique que mes essais pour choisir les formes d'un logo selon leur signification : chaque choix doit avoir du sens, pas seulement être joli sur le moment.
Un bon repère avant de valider un mockup : regarder ce qui se passe autour des lettres, pas seulement dedans. Si les blancs autour du tracé s'écrasent ou disparaissent une fois le décor ajouté, le problème vient rarement du mockup — il vient du logo. Ce point rejoint aussi tout ce qui touche au brief de départ : un mockup ne sert à rien si on ne savait pas, avant même de dessiner, sur quel support le logo allait vraiment vivre.
Ce qu'un mockup révèle vraiment sur un logo
Tester des logos en mockup a fini par m'apprendre à penser en CMJN (cyan, magenta, jaune, noir), le mode colorimétrique de l'impression, plutôt qu'en RVB d'écran — un sujet qui touche aussi au choix d'une palette de couleurs cohérente, une question à part entière que je garde pour un autre carnet. Sur le bureau, une planche de liège garde la trace de mes tirages test, punaisés les uns sur les autres avec des annotations au stylo bille dans la marge ; c'est souvent en les regardant tous ensemble, plutôt qu'un seul à la fois sur l'écran, qu'un défaut de tracé finit par sauter aux yeux. Quand un fichier commence à me piquer les yeux, je vais marcher un peu sur les quais de la Seine rive droite, et je reviens presque toujours avec un œil plus neuf sur le même tracé.
Tous ces termes — objet dynamique, dpi, déclinaison — méritent un vrai lexique à part, tant le vocabulaire du design de logo peut être opaque au début. Une question simple résume tout, avant de montrer un logo à qui que ce soit : est-ce qu'il reste lisible sur un fond noir, sur un papier texturé, et sous une lumière artificielle un peu dure ? Si la réponse est non sur un seul de ces trois points, je retourne travailler le tracé avant de penser à autre chose, y compris à une charte graphique plus large pour organiser toutes ces déclinaisons.