Studio QR
Design du QR dans le studio : utiliser tous les réglages sans casser le code
Le studio vous donne une demi-douzaine de réglages de design, et ils ne se comportent pas du tout de la même façon. Deux ne changent que l’apparence du code. Les quatre autres changent la marge qui reste au décodeur — et l’aperçu ne vous préviendra jamais quand cette marge s’épuise.
Sous chaque choix, il n’y a qu’une règle
La norme QR se moque de votre marque. Elle exige un motif nettement plus foncé que le fond, assez éloigné pour qu’une caméra les sépare encore sous une lumière médiocre. Tout le reste — couleur, forme, dégradé — est un décor posé sur cette unique exigence.
La bonne question n’est donc pas « cette couleur est-elle dans la charte » mais « à quelle distance ces deux couleurs se situent-elles en luminosité ». Un bleu nuit profond sur blanc est loin. Un orange de marque sur un fond crème est proche, et aucune assurance de designer ne comble cet écart.
Le test de contraste qui n’exige aucun outil
Trois façons de vérifier la même chose, par ordre croissant d’honnêteté. Plissez les yeux à un mètre : si les carrés se fondent en une tache grise avant que vous perdiez le reste de la mise en page, le contraste est mince. Puis photographiez le code avec votre téléphone et passez la photo en noir et blanc : si le code disparaît presque, il disparaîtra aussi dans une salle sombre.
Le troisième test est le seul qui compte : ouvrez l’aperçu sur le téléphone le plus ancien du lieu et scannez à la distance réelle de scan. Deux secondes sans nouvelle tentative, c’est validé. Cinq secondes et un deuxième essai, c’est un design qui a besoin de moins de décor, pas de plus.
Forme des modules : le réglage avec une limite de taille
Carrés, carrés arrondis et points encodent les mêmes données. Ce qui change, c’est la quantité d’encre déposée par chaque module et la part de cette encre qu’une caméra distingue encore en petit format.
Le principe est simple : plus un style retire d’encre, plus le code doit être grand pour compenser. Un motif de points sur une carte de table passe ; le même motif sur une carte de visite est un risque dont vous n’avez pas besoin.
Les trois carrés d’angle sont une structure, pas un décor
Chaque code QR porte trois grands repères carrés qui indiquent à la caméra où se trouve le code, de quelle taille il est et sous quel angle il est incliné. Ils sont lus avant toutes les données. Les styliser trop audacieusement fait échouer le code dès la première étape : c’est pourquoi un code superbe peut s’obstiner à ne pas se scanner sur un téléphone précis.
Arrondir le bord extérieur de ces repères est sans danger. Les transformer en contours fins, en cœurs, en feuilles ou en lettres ne l’est pas : le décodeur a besoin d’un centre sombre et plein pour s’accrocher. Si vous voulez un repère thématique, gardez le centre rempli et ne changez que le contour.
Dégradés : sûrs tant que l’extrémité claire n’atteint pas le fond
Un dégradé sur les modules est l’un des rares effets qui ne coûte rien — à condition que la partie la plus claire reste nettement plus foncée que le fond. Un bleu qui va du profond au moyen rend bien et se scanne bien. Un bleu qui s’évanouit vers un ciel pâle, non : un coin du code est discrètement devenu du fond.
Le sens compte aussi. Un dégradé vertical garde en général la zone la plus sombre là où l’œil et la caméra en ont besoin. Un dégradé diagonal qui finit pâle dans un coin est la version qui échoue, et elle échoue précisément sur les téléphones que vous ne pouvez pas tester.
Fond : ce que vous exportez est ce que vous obtenez
L’erreur la plus fréquente dans le studio est le fond transparent. Il paraît propre dans l’éditeur et sur une page web blanche, puis le code atterrit sur une affiche colorée, un menu sombre ou une photo — et le code devient sombre sur sombre. La transparence n’est pas une fonctionnalité ici, c’est un problème reporté.
Exportez avec le fond intégré, dans la couleur claire que vous voulez vraiment. Et ne posez jamais le code sur une photo ou une texture sans un panneau clair et plein derrière : la caméra a besoin d’une zone de silence réellement vide, pas simplement calme.
La zone de silence fait aussi partie du design
Le studio permet de régler la marge autour du code, et la mettre à zéro est le moyen le plus rapide de produire un fichier qui paraît soigné et se scanne mal. Quatre modules d’espace vide de chaque côté est le minimum, et sur un petit format cela ne représente que deux à quatre millimètres.
Traitez cette marge comme un élément du design et non comme de la place perdue. Un code avec une marge généreuse paraît voulu ; un code collé au bord paraît rogné par accident — et c’est généralement ce qui s’est passé.
Les couleurs de marque, classées en trois groupes
Presque toutes les palettes contiennent une couleur qui fonctionne, une qui est à la limite et une qui ne devrait jamais toucher un code. Les classer une fois évite la discussion à chaque nouvelle campagne.
Fonctionne telle quelle
Bleu marine, vert forêt, bordeaux, gris anthracite, bleu pétrole profond. Assez sombres pour être loin du blanc et toujours reconnaissables comme la marque.
Fonctionne en teinte plus sombre
Orange de marque, bleu moyen, rouge chaud. Prenez la version la plus foncée de la palette pour les modules et gardez un fond blanc pur ou très clair.
À tenir loin du code
Pastels, jaune pâle, gris clair — tout ce qui a besoin d’une légende pour être vu. Utilisez-les sur la carte autour du code : la mise en page porte la marque, le code porte les données.
La dernière idée mérite d’être dite sans détour : la cohérence de marque n’exige pas que le code soit de la couleur de la marque. Elle exige que l’objet entier ressemble à la marque, et un code scannable sur une carte bien faite y parvient mieux qu’un code illisible dans la bonne teinte.
Les effets qui rendent mieux qu’ils n’impriment
Ombres, halos, biseaux et cadres épais ajoutent des pixels autour des modules, et le décodeur lit ces pixels comme du bruit. À l’écran à deux cents pour cent ils paraissent réfléchis ; imprimés à quatre centimètres ils rendent les bords flous.
Même chose pour la forme : un code dans un cercle, un cœur ou la silhouette d’une bouteille perd les coins dont la caméra se sert pour s’orienter. Une forme décorative autour du code est acceptable ; une forme décorative découpée dans le code ne l’est pas.
Concevez pour le lieu, ensuite pour l’écran
Un design qui fonctionne sur la page d’accueil d’un site échoue souvent sur une carte de table plastifiée, et l’inverse est vrai aussi. Avant de choisir les couleurs, décidez où le code va vivre : sous la lumière chaude d’un restaurant, derrière une vitre à la lumière du jour, sur un écran de téléphone la nuit ou imprimé sur deux centimètres de carton recyclé.
Deux contraintes découlent presque toujours de cette décision. La lumière chaude flatte les couleurs chaudes, donc un orange qui semblait riche à la maison peut paraître délavé sur place. Et tout ce qui est derrière une vitre exige plus de contraste que le papier, car le reflet ajoute une seconde image, plus claire, par-dessus la vôtre.
Erreurs courantes
- Exporter avec un fond transparent et poser le code sur une surface sombre.
- Transformer les trois repères d’angle en contours ou en figures jusqu’à ce que plus rien n’ancre le code.
- Utiliser des points ou des modules fins sur un petit format imprimé.
- Un dégradé dont l’extrémité claire a presque la même luminosité que le fond.
- Mettre la marge à zéro pour un rendu plus propre.
- Juger le design dans l’éditeur à deux cents pour cent au lieu de la taille réelle sur un vrai téléphone.
Comment faire en pratique
Dans le studio QR, partez d’un modèle plutôt que d’une page blanche : les modèles conservent déjà les repères d’angle et la marge, ce qui représente l’essentiel du travail. Changez une chose à la fois et, après chaque modification, regardez le code à la taille où il sera réellement utilisé, pas agrandi.
Testez ensuite avec le scanner QR sur l’appareil réel et sur place, et rappelez-vous qu’un code dynamique vous permet de remplacer la destination plus tard sans refaire l’objet sur lequel le code est imprimé.