La seule règle : des points sombres sur un fond clair
Un scanner cherche un motif sombre sur une surface claire. Des points marine, vert foncé, rouge profond ou anthracite sur blanc se lisent tous bien. Des points jaune pâle, gris clair ou pastel sur blanc ne se lisent pas, car l’appareil photo ne distingue pas les points du fond.
Le créateur de codes QR affiche le rapport de contraste entre la couleur des points et le fond pendant que vous les changez, et vous alerte quand il devient trop faible. Traitez cette alerte comme un stop, pas comme une suggestion. Un code qui se lit à peine sur votre écran échouera sur papier sous l’éclairage d’une boutique.
N’inversez pas les couleurs
Des points clairs sur fond sombre, parfois appelés code inversé, échouent sur beaucoup de téléphones. Certains scanners s’en sortent, beaucoup non, et vous ne contrôlez pas le téléphone de vos clients. Si votre design a un fond sombre, placez le code sur un panneau blanc à l’intérieur.
Les dégradés
Un dégradé sur les points peut être joli. Gardez les deux extrémités du dégradé sombres. Un dégradé du bleu foncé au bleu clair met des points pâles dans un coin, et ce coin ne se lira pas. Le contrôle de contraste du générateur mesure l’extrémité la plus claire du dégradé pour cette raison.
Formes des points et des angles
Les points arrondis et les carrés d’angle arrondis se lisent bien aux tailles normales. Les points totalement ronds laissent de petits espaces entre eux, ce qui rend les codes très petits ou très denses plus difficiles à lire. Utilisez des points ronds pour des liens courts imprimés à une taille raisonnable, et gardez des points carrés pour les contenus longs ou les petits tirages. Le générateur signale les codes très denses aux formes arrondies.
Les trois grands carrés d’angle peuvent avoir une couleur différente des points. Gardez-les sombres aussi. Ce sont eux que l’appareil photo trouve en premier.
Les fonds transparents
Vous pouvez télécharger un code sans fond en PNG, SVG ou WebP. Il prend alors la couleur de ce sur quoi il est posé. C’est utile pour placer un code sur un papier texturé clair ou une couleur de marque pâle, et risqué sur tout ce qui est moyen ou chargé. Vérifiez le contraste sur la surface finale, pas sur l’aperçu blanc. Le JPG n’a pas de transparence, un JPG est donc enregistré avec un fond blanc.
Cadres et texte d’appel à l’action
Un cadre autour du code avec un court texte, comme « Scannez pour le menu » ou « Scannez pour vous connecter », dit aux gens pourquoi s’en donner la peine. Les cadres se placent hors de la marge vide et ne touchent jamais le motif. Limitez le texte à quelques mots, et utilisez la couleur du cadre plutôt que celle des points pour porter votre marque si vous voulez un accent plus vif.
Laissez la marge tranquille
La bordure vide autour du code en fait partie. Les téléchargements l’incluent. Quand vous déposez le code dans un design, ne le rognez pas, et ne laissez ni texte, ni photo, ni bordure s’y coller.
Testez sur papier
Imprimez un exemplaire à la taille finale sur le vrai support et scannez-le avec plus d’un téléphone, sous une lumière normale et une lumière faible. C’est sur les codes colorés et stylisés que l’écart entre l’écran et l’impression se voit le plus.