Des cadres de code QR qui disent quoi scanner et pourquoi
Un cadre de code QR est une bordure dessinée autour d'un code QR, qui porte en général un court appel à l'action comme Scanne pour voir le menu. Un cadre rend un code plus facile à remarquer et dit aux gens ce qu'ils obtiendront, et il ne coûte rien au scan tant qu'il reste hors de la zone de silence. Cette page couvre les styles de cadre, les formulations qui fonctionnent, les cadres et supports physiques, et les erreurs de taille qui cassent les codes encadrés.
S'ouvre dans Google Maps. Les coordonnées fonctionnent aussi : 37.4224, -122.0841.
Le code ouvre le formulaire « Rédiger un avis » de ton établissement. Colle l'ID de lieu, ou un lien Google Maps qui le contient.
Un lien UPI n'a pas de somme de contrôle : un identifiant mal saisi donne un code qui se scanne parfaitement et paie quelqu'un d'autre. Colle l'identifiant depuis ton application de paiement au lieu de le taper, et envoie-toi une roupie avant d'imprimer.
Colle-la exactement telle que copiée. KoloQR n'assemble pas la charge utile : il encode celle que ta banque a émise, et la vérifie avant que tu l'imprimes.
SVG, PNG, JPG • Max. 2 Mo
Qu'est-ce qu'un cadre de code QR ?
Un cadre de code QR est une bordure décorative placée autour d'un code QR, hors de la zone de silence du code, qui comprend souvent une ligne de texte disant aux gens ce que fait le code. Un cadre ne fait pas partie du code QR : il ne contient aucune donnée, un scanner l'ignore, et le retirer ne change rien au fonctionnement du code. L'expression désigne aussi un support physique, comme un présentoir en acrylique, qui expose un code imprimé. Les cadres sont l'une des façons de styliser un code ; l'ensemble plus large se trouve dans les codes QR créatifs, et un cadre se marie bien avec le style de modules le plus simple, les codes QR pixel, parce que la bordure porte la décoration tandis que le code reste facile à scanner.
Ce qu'un cadre apporte à un code QR
Un code QR nu ne dit rien de l'endroit où il mène. Un cadre est la façon la moins coûteuse d'y remédier, et il remplit trois rôles distincts.
- Une raison de scanner - une courte étiquette comme Voir le menu ou Rejoins notre Wi-Fi dit à un lecteur ce qui se passe ensuite. Un code sans étiquette demande aux gens de scanner sur la confiance.
- Du poids visuel - une bordure fait lire un petit code comme un élément voulu sur une affiche chargée ou un emballage encombré, plutôt que comme quelque chose d'ajouté à la fin.
- Une marge protégée - un cadre dessiné hors de la zone de silence réserve cet espace dans la mise en page. Les autres designers, et les modifications ultérieures, risquent bien moins de coller du texte contre un code encadré que contre un code nu.
- La couleur de marque sans risque - le cadre peut porter une couleur de marque vive ou pâle qui serait risquée pour les modules eux-mêmes, parce qu'un scanner ne lit jamais le cadre.
Un cadre ne fait pas mieux scanner un code QR, et il ne peut pas réparer un code qui scanne mal. Un cadre joue sur le fait que les gens remarquent le code et choisissent de le scanner ; la taille des modules, le contraste et la zone de silence décident toujours si le scan fonctionne.
La seule règle qu'un cadre doit suivre
Une zone de silence est la marge vide autour d'un code QR qui permet à un scanner de détecter où le symbole commence et où il finit. La norme du code QR, ISO/IEC 18004, fixe la zone de silence à quatre modules de chaque côté. Un cadre doit commencer hors de cette marge. Une bordure dessinée tout contre les modules a l'air soignée et c'est la raison la plus courante pour laquelle un code QR encadré échoue, parce que le scanner ne peut plus dire où le code finit et où la bordure commence.
Générer un code QR
Où les cadres de code QR fonctionnent le mieux
Un cadre mérite sa place partout où un code QR doit s'expliquer vite à quelqu'un qui ne le cherchait pas.
Chevalets de table et menus
Un code encadré étiqueté Scanne pour voir le menu supprime la question de savoir à quoi sert le code. À table, le code est lu à environ 30 à 40 cm : 3 à 4 cm de largeur de code à l'intérieur du cadre sont donc confortables.
Comptoirs de boutique et caisses
Laisse un avis, Rejoins le club fidélité, Paie ici. Un comptoir porte en général plusieurs affichettes à la fois, et un cadre avec une étiquette rend distinct le but de chaque code.
Affiches et flyers
Sur une affiche chargée, un cadre sépare le code du visuel et garantit sa marge. Dimensionne le code à environ un dixième de la distance à laquelle il sera scanné.
Emballages de produits
Un petit cadre indiquant Guide d'installation ou Idées de recettes dit à un acheteur que le code vaut la peine d'être scanné après l'achat. Garde le code lui-même à 2 cm ou plus ; le cadre vient en plus.
Cartes de visite et badges
Un cadre fin avec Enregistre mon contact transforme un code en consigne. La place est comptée : utilise donc une bordure fine et une ligne de texte plutôt qu'une étiquette lourde.
Affichettes Wi-Fi pour les invités
Un code Wi-Fi encadré sur un mur ou dans un appartement en location. L'étiquette devrait nommer le réseau, pour que les invités puissent confirmer ce qu'ils rejoignent.
Comment encadrer un code QR sans le casser
Un cadre est sûr quand il reste hors de la zone de silence, laisse le code à sa pleine taille et porte une étiquette de quelques mots simples. La plupart des codes encadrés qui échouent enfreignent la première ou la deuxième de ces règles.
Marge et taille
Un cadre prend de la place, et dans une mise en page fixe cette place est en général prise sur le code. Ces règles gardent le code à la bonne taille avec un cadre autour de lui.
- Commence le cadre hors de la zone de silence - quatre modules d'espace dégagé entre les modules les plus extérieurs et le bord intérieur du cadre. Sur un code de 25 modules imprimé à 25 mm de large, un module fait 1 mm : l'écart est donc de 4 mm de chaque côté.
- Dimensionne le code, pas le cadre - un design encadré qui mesure 4 cm de large peut contenir un code de seulement 2,5 cm de large. La règle de distance de scan, environ 1 cm de largeur de code pour 10 cm de distance, s'applique au code seul.
- Mesure après le placement - quand un code encadré est mis à l'échelle pour tenir dans une mise en page, mesure la distance entre les bords extérieurs de deux motifs de détection. C'est la vraie largeur du code, quoi que mesure le cadre.
- Garde l'intérieur du cadre clair et uni - la zone à l'intérieur du cadre est l'arrière-plan du code. Un cadre rempli d'une couleur, d'un dégradé ou d'une photo place ce remplissage derrière les modules et abaisse leur contraste.
- Accorde le cadre au contour du code - un cadre carré pour un code carré, un anneau pour un code circulaire. Un cadre circulaire autour d'un code carré doit être bien plus grand que le code pour dégager ses angles et leur zone de silence.
Les mots sur le cadre
L'étiquette est la partie du cadre que les gens lisent, et elle fonctionne quand elle nomme le résultat du scan plutôt que le geste de scanner.
- Dis ce qui se passe, pas seulement Scanne-moi - Voir le menu, Télécharge l'appli et Rejoins notre Wi-Fi disent chacun à un lecteur ce qu'il obtient. Scanne-moi nomme un geste que les gens comprennent déjà et ne donne aucune raison de le faire.
- Tiens-toi à deux à cinq mots - une étiquette de cadre se lit d'un coup d'œil. Une phrase a sa place dans la mise en page à côté du code, pas à l'intérieur du cadre.
- Imprime le texte à une taille lisible - comme règle empirique, pas moins de 7 pt sur un imprimé tenu en main, et plus grand pour tout ce qui se lit de loin. Si l'étiquette doit passer sous cette taille pour tenir, raccourcis l'étiquette.
- Adopte la langue du lecteur - une étiquette de cadre dans la langue du lieu, avec une deuxième ligne là où les visiteurs parlent couramment une autre langue. Le code est universel ; la consigne ne l'est pas.
- Ajoute l'adresse pour les gens qui ne scannent pas - une URL courte et lisible sous le cadre sert à quiconque a un appareil photo qui échoue ou préfère taper. Elle garde aussi l'imprimé utile si jamais le code lui-même cesse de mener quelque part.
Cadres et supports physiques pour codes QR
Un cadre de code QR est aussi l'objet dans lequel se place un code imprimé. Le support change la façon dont le code scanne autant que le visuel.
Comment ajouter un cadre à un code QR
Un code QR encadré prend deux ou trois minutes, et le cadre, le texte et le code s'exportent en un seul fichier.
Générer un code QR- 1
Ajoute ton contenu
Colle le lien, ou choisis un autre type comme Wi-Fi ou e-mail, et génère le code.
- 2
Ouvre l'onglet Cadre et choisis un style
Choisis un cadre comme Cadre simple, Cadre double, Cadre avec étiquette, Cadre en tirets ou Cadre à bulles. Le générateur garde une marge dégagée entre les modules et le cadre ; laisse aussi dégagé, dans ta mise en page, l'espace autour de l'ensemble du code encadré.
- 3
Écris l'étiquette
Remplace le SCAN ME par défaut par quelques mots qui nomment le résultat, comme VOIR LE MENU. Les champs de texte du haut et du bas acceptent jusqu'à 30 caractères chacun.
- 4
Règle les couleurs, teste et exporte
Donne au cadre une couleur de marque, garde les modules sombres sur clair, scanne l'aperçu avec un téléphone, puis télécharge un SVG ou un PDF pour l'impression, ou un PNG pour les écrans.
Des cadres qui gardent leurs distances
KoloQR, un générateur de codes QR gratuit avec des codes QR circulaires et de formes personnalisées, comprend 13 styles de cadre - Cadre simple, Cadre double, Cadre avec étiquette, Cadre festonné, Cadre organique, Cadre en tirets, Cadre étoilé, Cadre pointillé, Cadre hachuré, Cadre à double ligne, Cadre à bulles, Cadre en croisillons et Cadre à pointes - plus des cadres dessinés pour les codes carrés, circulaires, triangulaires et hexagonaux. Chacun garde une marge claire et dégagée entre les modules et la bordure, et a sa propre couleur ainsi qu'un texte modifiable en haut et en bas.
Le cadre, le texte et le code s'exportent ensemble en SVG, PDF, EPS ou PNG, sans compte et sans filigrane. KoloQR ne fait que des codes QR statiques. KoloQR ne vend ni supports physiques ni inserts imprimés ; le fichier exporté part chez l'imprimeur ou le fabricant d'enseignes de ton choix.
Générer un code QRFormats d'export pour les codes QR encadrés
Un cadre ajoute au visuel des lignes fines et du petit texte, et les deux pardonnent moins une basse résolution que les modules.
PNG
Pour les écrans, les signatures d'e-mail et les posts sociaux. Pour l'impression, exporte en grand : le texte du cadre est en général la première chose à paraître floue dans un PNG basse résolution, avant que le code lui-même ne soit touché.
SVG
Garde les bordures, le texte et les modules nets à n'importe quelle taille, et permet à un designer de recolorer le cadre plus tard sans régénérer le code. Le format à utiliser pour l'impression.
PDF ou EPS
Pour remettre un code encadré terminé à un imprimeur ou à un graveur. Les deux gardent le cadre et le code en vectoriel dans un seul fichier.
Questions? Answered
Pas quand le cadre reste hors de la zone de silence, la marge de quatre modules autour du code. Un scanner ignore tout ce qui se trouve au-delà de cette marge. Un cadre pose problème dans deux cas : quand sa bordure touche ou serre les modules, et quand faire tenir le cadre dans une mise en page force le code lui-même à rétrécir.
Nomme ce que la personne obtient : Voir le menu, Obtiens 10 % de réduction, Rejoins notre Wi-Fi, Enregistre mon contact. Deux à cinq mots suffisent. Scanne-moi vaut mieux que rien, mais il décrit le geste plutôt que le résultat, et un lecteur n'apprend rien sur l'endroit où mène le code.
Au moins quatre modules, soit la zone de silence qu'exige la norme du code QR. Pour convertir cela en millimètres, divise la largeur imprimée du code par le nombre de modules en largeur et multiplie par quatre. Pour un code de 25 modules imprimé à 25 mm de large, cela fait un écart de 4 mm de chaque côté.
Oui. Dans un outil de design, dessine la bordure autour du code existant et garde quatre modules d'espace dégagé à l'intérieur. N'étire pas et ne recadre pas le code pour le faire entrer dans un modèle. Si le fichier d'origine est en basse résolution, décode-le et génère plutôt un nouveau code avec un cadre.
Donne au code lui-même 3 à 4 cm de large, mesurés sur les modules et non sur le cadre. Un chevalet de table est scanné à 30 à 40 cm, et la règle empirique est d'environ 1 cm de largeur de code pour 10 cm de distance de scan. Le cadre et l'étiquette s'ajoutent autour de cette taille.
Presque toujours à cause des reflets. L'acrylique transparent renvoie les plafonniers et les fenêtres dans l'appareil photo, ce qui délave une partie du code. Incline le présentoir vers l'arrière d'environ 15 degrés, écarte-le de l'aplomb d'un spot, utilise un insert mat ou passe à un acrylique antireflet. Code QR mat ou brillant à l'impression détaille les finitions.
Oui, et c'est l'endroit le plus sûr pour utiliser une couleur de marque vive ou pâle. Un scanner ne lit pas le cadre : sa couleur n'a donc aucun effet sur le scan. Garde les modules sombres et la zone à l'intérieur du cadre claire, et laisse le cadre porter la couleur.
Oui. Un code circulaire reçoit un cadre en anneau, souvent avec le texte disposé le long de la courbe en haut et en bas. KoloQR comprend des cadres dessinés pour les codes circulaires, triangulaires et hexagonaux aussi bien que pour les carrés. La règle d'espacement est la même : le cadre reste hors de la marge du code.
Oui. KoloQR inclut ses styles de cadre et le texte de cadre modifiable gratuitement, téléchargements SVG, PDF, EPS et PNG inclus, sans compte et sans filigrane. Les codes sont statiques : ils n'ont donc aucune limite de scans et n'expirent pas.
Continue d'explorer
Des pages qui prennent la suite de celle-ci : le même contexte, le même type de code ou la prochaine décision à prendre.
Codes QR en couleur
Mets ta palette sur un code QR sans le casser : quelle couleur va sur le motif et laquelle appartient au cadre.
Codes QR transparents
Des codes sans arrière-plan propre - sur quelles surfaces ils scannent, lesquelles les cassent, et comment en placer un sur des photos, de la vidéo, du verre et des étiquettes transparentes.
Pourquoi un code QR ne scanne pas, et comment savoir quel défaut vous avez
Les trois façons dont un code QR échoue - jamais détecté, mal lu, ou parfaitement lu vers une destination cassée - et comment le symptôme vous dit laquelle vous avez avant toute mesure.
Neuf choses à vérifier avant d'envoyer un code QR à l'impression
Les neuf vérifications entre un fichier de code QR et un tirage qui fonctionne, chacune avec le nombre à passer et la page qui explique pourquoi.
Cinquante paires de couleurs pour codes QR, et lesquelles survivent à l'impression
Cinquante paires de couleurs pour codes QR avec le rapport de contraste calculé pour chacune, groupées selon qu'elles passent le seuil de l'impression, celui de l'écran, ou aucun des deux.
Formes de QR codes
Toute la typologie des formes - modules, yeux et cadres - avec les compromis derrière les codes ronds, triangulaires, hexagonaux et carrés.
Pourquoi KoloQR ?
- Crée des codes QR pour des sites web, des menus, le Wi-Fi, des PDF et des cartes de visite
- Personnalise les couleurs, les logos et des formes uniques
- Télécharge des fichiers PNG et SVG de haute qualité
- Conçu pour l'impression comme pour le numérique
