Ressources
Design QR : donnez-lui sa place avant de le décorer
On ne décore pas un code, on le place. Un bon QR ne commence ni par la couleur ni par un logo, mais par la décision de l’espace que vous lui avez laissé et par la question de savoir si on le trouve en une demi-seconde.
Un code est un élément de mise en page, pas une image dans le coin
C’est presque toujours la même histoire : la maquette est finie, quelqu’un se souvient qu’il faut un QR, et il atterrit dans le dernier espace libre. Techniquement, c’est un code. En pratique, c’est un objet que personne ne remarque.
Le bon ordre est l’inverse. D’abord vous décidez ce qu’une personne doit faire de votre maquette : lever un téléphone, lire quelque chose, retenir une adresse. Ensuite vous choisissez la place du code en fonction de cela. Et seulement après vous construisez le reste : photo, titre, prix.
La différence se voit tout de suite. Un code posé là où on le cherche paraît voulu. Un code collé sur le côté paraît une coquille — et c’est exactement ainsi qu’on le traite.
La première décision, c’est la proportion, pas les centimètres
Un autre article traite de la taille en centimètres, et il est utile. Mais dans une maquette, vous ne pensez pas en centimètres, vous pensez à la part de la feuille que le code occupe.
Voici un test qui marche. Regardez la maquette et dites quel élément attire l’œil en premier. Si c’est la photo, le code est trop petit ou posé dans une zone morte. Si c’est le code, vous en avez peut-être trop fait et pris de la place au message principal.
Le bon équilibre est un code visible sans être la vedette. Il doit être la deuxième chose vers laquelle va l’œil : d’abord on comprend ce que c’est, ensuite on voit où appuyer.
L’œil doit trouver le code sans le chercher
Qui tient votre papier ne study pas votre maquette. Il jette un regard d’une seconde et décide si cela vaut la peine de sortir son téléphone. Votre travail est que cette seconde se termine sur le code.
Cela veut dire quelques choses simples. Le code ne doit pas être au milieu des petits caractères. Il ne doit pas être coupé par un pli, un cadre ou une ligne. Il ne doit pas partager l’espace avec un autre élément carré qui lui ressemble presque.
Le dernier cas arrive plus souvent qu’on ne croit : sur un emballage il y a presque toujours un second code, celui de la logistique. Deux carrés semblables sur une même étiquette garantissent qu’une partie de vos scans ira au mauvais.
Le contraste n’est pas une couleur, c’est un écart
Un appareil ne connaît pas votre palette de marque. Il voit des taches claires et des taches sombres et décide laquelle est laquelle. Si vos deux couleurs ont un éclat proche, cette décision devient un pile ou face.
Le test le plus rapide, sans aucun outil : plissez les yeux devant la maquette. Si le code se dissout dans le fond, l’appareil ne le verra pas non plus.
Deuxième test : passez la maquette en noir et blanc. Si le code disparaît, il n’y a pas d’écart d’éclat, et aucune teinte ne le sauvera.
L’inversion mérite son propre avertissement, parce qu’elle tente. Un emballage noir avec un code blanc fait chic et fonctionne vraiment sur la plupart des téléphones récents. Mais « la plupart » n’est pas « tous », et le téléphone qui échouera ne sera pas celui posé sur votre bureau.
La zone de silence : la marge que la maquette veut toujours voler
Autour du code, il faut du vide. Ce n’est pas un espace décoratif : le lecteur se sert de ce vide pour comprendre où le code commence et où il finit.
Dans une maquette, la tentation de le supprimer est énorme : coller le code contre une photo, le découper dans un cadre, le poser au bord même de l’étiquette. Chacun de ces petits gestes rend le code moins fiable, surtout de biais et par faible lumière.
Le minimum est d’environ quatre modules d’espace libre de chaque côté. En clair : si le code mesure trois centimètres de large, laissez trois ou quatre millimètres de fond propre autour.
Et ne remplissez pas cet espace d’une couleur différente du fond du code. La zone de silence doit être de la même couleur claire que l’intérieur.
Un logo au centre est un échange, pas un ornement gratuit
Le logo au centre est l’habillage le plus populaire et la façon la plus simple de casser un code. Le lecteur dispose d’une réserve pour récupérer les modules abîmés, et c’est exactement cette réserve que vous dépensez.
Une limite qui fonctionne : environ un cinquième de la surface du code, un quart au maximum. Au-delà, vous ne décorez plus, vous mangez la capacité du code à se réparer.
Une petite marque
Reconnaissance sans risque. La façon la plus sûre de rendre un code le vôtre.
Une grande marque
Impeccable sur un écran lumineux en main, douteux sur un menu plastifié sous une lampe.
Il existe un lien que presque personne ne voit. Une adresse longue produit un code plus dense, aux modules plus petits, et un code dense supporte mal les interférences. Un logo sans danger sur une adresse courte peut tuer une adresse longue. C’est une raison pratique d’utiliser un code dynamique : l’adresse courte vous laisse de la réserve pour le logo et pour l’impression.
Ce que vous pouvez changer, et ce qu’il ne faut jamais toucher
Modules arrondis, points, bords doux : c’est de la cosmétique, et en grand format c’est vraiment sans risque. En petit format et sur une imprimante bon marché, vous perdez un peu de marge : un module arrondi peut se fondre dans son voisin.
Mais trois choses ne se touchent jamais. Les trois grands carrés dans les coins sont des motifs de repérage ; le lecteur s’en sert pour trouver le code et comprendre comment il est tourné. Redessinez-les « aux couleurs de la marque » et vous n’aurez pas habillé le code, vous l’aurez détruit.
Deuxièmement : ne couvrez jamais ces coins, ni cadre, ni texte, ni logo, ni morceau de photo. Troisièmement : n’étirez pas le code de façon inégale. Un carré doit rester un carré.
La couleur dans le monde réel, pas dans l’éditeur
Tout paraît meilleur à l’écran que dans la réalité. La couleur se choisit donc non pas d’après la maquette, mais d’après l’endroit où le code va vivre.
Un emballage brillant en plein soleil renvoie un reflet qui cache la moitié du code. L’impression thermique d’une étiquette s’efface en une saison en vitrine. Un code sur verre sombre fonctionne le jour et disparaît le soir, quand l’obscurité se trouve derrière.
C’est pourquoi le matériau et la couleur se choisissent ensemble. Le papier mat sauve le contraste. Un autocollant transparent sur une surface sombre est la combinaison la plus risquée de toutes, parce que le fond transparent transforme la zone de silence en ce qu’il y a dessous.
Le format de fichier fait partie du design
C’est la cause silencieuse de la plupart des codes imprimés ratés. Cela ressemble à un détail et décide de tout.
- SVG — vectoriel ; le bon choix pour l’impression, les étiquettes et tout ce qui part chez un imprimeur
- PNG de grande taille — pour les sites, les e-mails et les publications sur les réseaux
- JPG — à éviter ; la compression adoucit les bords et bave précisément sur les limites des modules
- Une capture de l’aperçu — jamais, et cela arrive plus souvent qu’on ne l’avoue
Un JPEG ou une capture agrandie jusqu’au format affiche vous donne un code gris et flou qui scanne encore sur votre écran et échoue sur le papier.
Testez comme le code sera utilisé
Scanner depuis un écran allumé ne prouve presque rien. Ce qui compte, ce sont les conditions du lieu réel.
- imprimez une épreuve en taille réelle et scannez le papier, pas l’écran
- testez sur au moins deux téléphones : un ancien et un récent
- regardez le code sous l’éclairage exact de l’endroit où il sera
- visez de biais, comme les gens tiennent réellement leur téléphone
- pour les autocollants, testez sur le matériau réel : brillant, mat, transparent
Et une vérification purement visuelle : reculez de deux mètres et regardez la maquette comme un passant. Si le code n’est pas reconnaissable comme un code, il ne fonctionnera pas, même techniquement parfait.
Une courte liste avant l’envoi à l’imprimeur
- le code est là où va le regard et ne concurrence pas un second carré sur la même feuille
- l’écart d’éclat survit à une version en noir et blanc
- il y a un espace propre autour du code, de la même couleur que son fond
- le logo ne dépasse pas un cinquième de la surface, et les trois coins sont libres
- le fichier est vectoriel ou un grand PNG, pas un jpg ni une capture
- vous avez une épreuve imprimée, vérifiée sur deux téléphones
Comment faire en pratique
Le Studio QR existe exactement pour cela : couleurs, forme des modules, logo au centre, modèles prêts pour chevalets de table, cartes et étiquettes, et export en résolution d’impression dans le format demandé par votre imprimeur.
Le générateur est la voie rapide quand vous avez juste besoin d’un code propre avec un bon contraste dans vos couleurs, sans modèle. Et le scanner QR sert à vérifier le résultat : il montre ce qu’il y a dans le code avant d’ouvrir la page, exactement ce qu’il vous faut quand vous relisez votre propre tirage.