QR-koodi värvikontrast: reeglid, mis tagavad töökindla skannimise

Värv on koht, kus enamik bränditud QR-koode alt vedab. Disainer valib brändi värvipaletialta, kood näeb makettides välja suurepärane — ja siis päriselus skannimine ebaõnnestub, sest kontrastisuhe on liiga madal või värvid ajavad kaamera servatuvastusalgoritmi segadusse. See juhend annab sulle konkreetsed reeglid, mida järgida, et su bränditud QR-kood oleks nii bränditruu kui ka usaldusväärselt skannitav.

Miks värv QR-koode rikkuda võib

QR-skanner — olgu see eraldi rakendus või telefoni sisseehitatud kaamera — töötab, leides kõrge kontrastiga üleminekuid tumedate moodulite (väikeste ruutude) ja heleda tausta vahel. See ei otsi lihtsalt "musta ja valget". See otsib mõõdetavat heleduserinevust (luminantsierinevust).

Kui see heleduserinevus langeb alla usaldusväärse lävendi, juhtub kaks asja:

• Otsingumustrid (kolm suurt nurgakvadraati) muutuvad raskesti leitavaks.
• Üksikud moodulid sulavad kokku, põhjustades dekodeerimisvigu.

Tulemuseks on ebaühtlane skannimine: töötab ereda päikesevalguse käes, ebaõnnestub siseruumides, või ebaõnnestub matt-pakendil, kuid töötab läikekal ekraanil.

Põhireegel: tumedad moodulid heledal taustal

Kõige olulisem reegel QR-koodi värvikujunduses on hoidke moodulid alati taustast tumedamad. Selle ümberpööramine (heledad moodulid tumedal taustal) põhjustab enamiku telefonide kaamerates ja paljudes QR-rakendustes täieliku ebaõnnestumise, sest QR-standard on üles ehitatud eeldusele, et kood on tumeda mustriga heledal taustal.

Kui su bränd kasutab põhivärvina tumedat tausta, on sul kaks võimalust:

1. Aseta QR-kood valgele või heledale "vaiktsele tsoonile" (quiet zone), mis ulatub igas suunas vähemalt 4 mooduli laiuselt.
2. Kasuta mooduli värvina oma brändiväärvi heledat versiooni valge tausta vastu, selle asemel et pöörata kogu kood ümber.

Ära kunagi kasuta tumedal taustal tumedaid mooduleid. See on kõige levinum trükkimisviga, mida pakenditel näeme.

Minimaalne kontrastisuhe

Veebi sisu ligipääsetavuse juhised (WCAG) määravad loetava teksti miinimumkontrastiks 4,5:1. QR-koodide puhul on praktiliseks töömiinimumiks mooduli värvi ja tausta värvi vahel vähemalt 4:1. Mida kõrgem, seda parem.

Heleduse kontrasti saad arvutada mis tahes värvikontrasti kontrollija abil (enamik on tasuta veebis saadaval). Sisesta oma mooduli ja tausta värvi hex-väärtused ning loe suhe.

Kiirviide brändivärvitüüpide kaupa

Oranži ja kollase read illustreerivad lõksu, millesse paljud elustiili- ja toidubrändid langevad: soojad, erksad värvid tunduvad julgelt, kuid nende heleduskontrast valge vastu on liiga madal.

Madala kontrastiga brändivärvide kasutamine

Sa ei pea oma paletist loobuma. Siin on praktilised lahendused.

Tumenda mooduli värvi, mitte brändi värvi

Kui su brändi oranž on #E67E22, säilitab tumedamaks tehtud versioon nagu #7D3E00 (tumepruun-oranž) sooja varjundi, saavutades samas 9:1 kontrastisuhte valge vastu. Su QR-kood tundub bränditruu ilma skannimist kahjustamata.

Kasuta brändi värvi valikuliselt

Rakenda oma brändi värv ainult kolmele otsingmustrile (nurgakvadraatidele) ja jäta andmemoodulid mustaks. See annab tugeva brändiliku mulje, sest silm tõmbub nurkadesse, samal ajal hoides andmeala usaldusväärsena.

Paljud QR-koodi generaatorid võimaldavad seadistada otsingumustri värvi eraldi mooduli värvist — kasuta seda funktsiooni.

Vali värvitud taust värvitud moodulite asemel

Kergelt toonitud taust (näiteks 15% toonitud brändi sinine) tavaliste mustade moodulitega võib tunduda bränditruu, säilitades samas suurepärase kontrasti. Toon loetakse brändivärviksühekorraga; kontrast jääb skannimiseks piisavalt kõrgeks.

Gradienid ja mitmevärvilised moodulid

Gradiente küsitakse sageli. Risk seisneb selles, et gradiendi üks ots kaotab tausta suhtes kontrasti, isegi kui teine ots on korras.

Kui soovid gradienti:

• Testi gradiendi kõige heledamat punkti tausta vastu, mitte keskmist.
• Väldi gradiente, mis läbivad sooje kesktone (kollased, heleoranžid) isegi lühidalt.
• Hoia gradiente andmealas horisontaalsed või radiaalsed, mitte vertikaalsed, et ükski moodulirida ei langeks alla lävendi.

Mitmevärvilised mooduldisainid (erinevad toonid üle koodi) on suurema riskiga ja sobivad kõige paremini trükiproovidele — skanni alati füüsilist trükist, mitte ainult ekraanivaadet, sest trükkimine nihutab värve.

Materjali ja viimistluse mõju

Ekraanil arvutatud värvikontrastikäitub trükis erinevalt. Pea silmas:

• Matt laminaat vähendab tajutavat kontrasti läikivaga võrreldes umbes 10–15%, sest hajutab valgust.
• Krafti- või katmata ringlussevõetud paber on sooja kollakashalli tooniga. Kujunda oma vaikne tsoon paberi värvi järgi ja arvuta kontrast selle, mitte puhta valge suhtes.
• Foolium- või metallilised tindid on peegeldusvõimelised ja loovad kaamerale efektiivselt liikuva tausta. Väldi neid QR-moodulite jaoks; ümbritsevate kujunduselementide jaoks on need sobivad.

Testimine enne lõplikustamist

Ükskõik kui head su numbrid ekraanil välja näevad, testi alati füüsilist väljundit:

1. Trüki tegelikus kasutussuuruses (mitte suuremalt proovimisel).
2. Skanni vähemalt kolme seadmega: vanema Androidi keskmise taseme telefoniga, hiljutise iPhone'iga ja eraldi QR-rakendusega.
3. Testi tegelikus valgustuskeskkonnas — restorani QR-kood laual on erineva valgustusega kui reklaamtahvel otsese päikesevalguse käes.
4. Kui kood on pakendil, testi tüüpilise jaemüügi riiulivalgustuse all, mis on sageli jahe luminofoor- või LED-valgus kerge värvinihetega.

Kui üks seade tegelikus keskkonnas ebaõnnestub, ei ole värvikombinatsiooni vastuvõetav, olenemata sellest, mida kontrastiarvutaja ütles.

Peamised järeldused

• Moodulid peavad alati olema taustast tumedamad — ümberpööratud QR-koodid ebaõnnestuvad enamikul kaameratel.
• Püüdle vähemalt 4:1 heleduskontrasti suhte poole; mõõda seda kontrastitarkvaraga, kasutades oma täpseid hex-väärtusi.
• Soojad erksad värvid (oranž, kollane, helepunane) näevad julged välja, kuid nende kontrast valge vastu on ohtlikult madal.
• Kui su brändi värv ei läbi kontrastikontrolli, tumenda mooduli värvi, selle asemel et brändipaletist täielikult loobuda.
• Rakenda oma brändi värv visuaalse mõju saavutamiseks otsingumustritele, hoides andmemoodulid usaldusväärsuse tagamiseks tumedana.
• Testi alati füüsilist trükist tegelikus suuruses tegelikus valgustuses — ekraanivaated ei paljasta trüki- ega materjalikontrasti probleeme.