Barvni kontrast QR kode: pravila, ki zagotavljajo zanesljivo skeniranje

Barva je najpogostejši vzrok, da brendirane QR kode odpovedo. Oblikovalec izbere barvno paleto blagovne znamke, koda je v predogledu videti čudovito, nato pa skeniranje v resničnem svetu ne deluje, ker je razmerje kontrasta prenizko ali barve zmedejo algoritem za zaznavanje robov kamere. Ta vodnik vam ponuja konkretna pravila, ki jih morate upoštevati, da bo vaša brendirana QR koda tako v skladu z znamko kot zanesljivo skenirana.

Zakaj barva pokvari QR kode

Bralnik QR — bodisi namenska aplikacija ali vgrajena kamera telefona — deluje tako, da poišče prehode z visokim kontrastom med temnimi moduli (majhnimi kvadratki) in svetlim ozadjem. Ne iščejo preprosto "črno-bele." Iščejo merljivo razliko v svetlosti.

Ko ta razlika v svetlosti pade pod zanesljiv prag, se zgodita dve stvari:

• Vzorci za iskanje (trije veliki kotni kvadratki) postanejo težko prepoznavni.
• Posamezni moduli se zlijejo skupaj, kar povzroča napake pri dekodiranju.

Rezultat je nedosledno skeniranje: deluje na močni sončni svetlobi, odpove v zaprtih prostorih, ali odpove na mat embalaži, deluje pa na sijajnem zaslonu.

Osnovno pravilo: Temni moduli na svetlem ozadju

Najpomembnejše pravilo pri oblikovanju barv QR kode je moduli morajo biti vedno temnejši od ozadja. Obrniti to razmerje (svetli moduli na temnem ozadju) bo povzročilo, da večina kamer telefona in številne aplikacije za QR kode popolnoma odpovedo, ker je standard QR zasnovan na predpostavki temno-na-svetlem.

Če vaša blagovna znamka kot primarno barvo uporablja temno ozadje, imate dve možnosti:

1. Postavite QR kodo v bel ali svetlo obarvan okvir »tihega območja«, ki se razteza vsaj 4 module na vseh straneh.
2. Kot barvo modula uporabite svetlo različico barve vaše blagovne znamke na belem ozadju, namesto da obrnete celotno kodo.

Nikoli ne uporabljajte temnega ozadja s temnimi moduli. To je najpogostejša napaka pri tiskanju, ki jo opazimo na embalaži.

Minimalno razmerje kontrasta

Smernice za dostopnost spletnih vsebin (WCAG) določajo razmerje kontrasta 4,5:1 kot minimum za berljivo besedilo. Za QR kode je razmerje vsaj 4:1 med barvo modula in barvo ozadja praktičen delovni minimum. Višje je boljše.

Svetlostni kontrast lahko izračunate z vsakim preverjevalnikom barvnega kontrasta (večina je brezplačnih na spletu). Vnesite vrednost hex barve modula in ozadja ter preberite razmerje.

Hiter pregled po vrstah barv blagovne znamke

Vrstici z oranžno in rumeno prikazujeta past, v katero pade veliko življenjskih in prehranskih znamk: tople, svetle barve delujejo drzno, a imajo na belem ozadju nizek svetlostni kontrast.

Delo z barvami blagovne znamke z nizkim kontrastom

Palete vam ni treba opustiti. Tukaj so praktične rešitve.

Potemnite barvo modula, ne barvo blagovne znamke

Če je vaša blagovna oranžna #E67E22, potemnjena različica, kot je #7D3E00 (temno rjavo-oranžna), ohrani topel odtenek, hkrati pa doseže razmerje kontrasta 9:1 na belem ozadju. Vaša QR koda se počuti v skladu z znamko brez kvarjenja skeniranja.

Barvo blagovne znamke uporabite selektivno

Barvo blagovne znamke nanesite samo na tri vzorce za iskanje (kotne kvadratke) in pustite podatkovne module črne. To ustvari močan vtis blagovne znamke, ker oko pritegnejo kotni elementi, medtem ko območje podatkov ostane zanesljivo.

Številni generatorji QR kod vam omogočajo, da barvo vzorcev za iskanje nastavite neodvisno od barve modulov — izkoristite to funkcijo.

Izberite barvno ozadje namesto barvnih modulov

Rahlo obarvano ozadje (na primer 15-odstotni odtenek vaše blagovne modre) s standardnimi črnimi moduli se lahko počuti v skladu z znamko, hkrati pa ohranja odličen kontrast. Odtenek deluje kot barva blagovne znamke na prvi pogled; kontrast ostane visok za skeniranje.

Prelivi in večbarvni moduli

Prelivi so pogosta zahteva. Tveganje je, da en konec preliva izgubi kontrast glede na ozadje, tudi če je drugi konec v redu.

Če želite preliv:

• Preizkusite najsvetlejšo točko preliva glede na vaše ozadje, ne povprečje.
• Izogibajte se prelivom, ki prehajajo skozi tople srednje tone (rumene, svetlo oranžne), čeprav le za kratek čas.
• V podatkovnem območju uporabljajte vodoravne ali radialne prelive namesto navpičnih, da nobena posamezna vrsta modulov ne pade pod prag.

Oblikovanje večbarvnih modulov (različni odtenki po kodi) je bolj tvegano in ga je najbolje preveriti na fizičnih odtisih — vedno skenirajte fizični tisk, ne le predogled na zaslonu, ker tiskanje premakne barve.

Interakcije z materiali in površinami

Barvni kontrast, izračunan na zaslonu, se pri tiskanju lahko obnaša drugače. Pazite na:

• Mat laminat zmanjša zaznani kontrast za približno 10–15 % v primerjavi z bleščečim, ker razprši svetlobo.
• Kraft ali nepremazani recikliran papir ima topel rumeno-siv odtenek. Oblikujte tiho območje tako, da ustreza barvi papirja, in preračunajte kontrast glede na to, ne glede na čisto belo.
• Folija ali kovinska črnila so odsevna in za kamero dejansko ustvarijo premikajoče se ozadje. Izogibajte se jim za module QR; za okoliške oblikovne elemente so v redu.

Testiranje pred dokončanjem

Ne glede na to, kako dobre so vaše številke na zaslonu, vedno preizkusite fizični odtis:

1. Natisnite v dejanski velikosti uporabe (ne večji za namen preverjanja).
2. Skenirajte z vsaj tremi napravami: starejšim Android telefonom srednje cenovne kategorije, novejšim iPhoneom in namensko aplikacijo za QR.
3. Preizkusite v dejanskem svetlobnem okolju — QR koda v restavraciji na mizi je osvetljena drugače kot billboard na neposredni sončni svetlobi.
4. Če je koda na embalaži, jo preizkusite pod tipično osvetlitvijo maloprodajnih polic, ki je pogosto hladna fluorescenčna ali LED z rahlo barvno premeno.

Če ena naprava odpove v dejanskem okolju, barvna kombinacija ni sprejemljiva ne glede na to, kaj je pokazal kalkulator kontrasta.

Ključne ugotovitve

• Moduli morajo biti vedno temnejši od ozadja — obrnjene QR kode odpovedo na večini kamer.
• Prizadevajte si za vsaj razmerje svetlostnega kontrasta 4:1; izmerite ga s preverjevalnikom kontrasta z uporabo točnih vrednosti hex.
• Tople svetle barve (oranžna, rumena, svetlo rdeča) delujejo drzno, a imajo na belem ozadju nevarno nizek kontrast.
• Če barva vaše blagovne znamke ne prestane preveritve kontrasta, potemnite barvo modula namesto da popolnoma opustite paleto blagovne znamke.
• Barvo blagovne znamke nanesite na vzorce za iskanje za vizualni učinek, medtem ko ohranite temne podatkovne module za zanesljivost.
• Vedno preizkusite fizični tisk v dejanski velikosti pri dejanski osvetlitvi — predogledi na zaslonu ne razkrijejo kontrastnih težav pri tiskanju ali materialih.