A logó beillesztése egy QR-kódba profinak tűnik — egészen addig, amíg az ügyfelek jelezni kezdik, hogy nem olvasható be. A hiba általában nem magában a logóban van, hanem abban, hogy rossz méretű, rossz pozícióban van, vagy túl kevés a kontraszt a környező modulokhoz képest. Ez az útmutató azokat a konkrét szabályokat mutatja be, amelyek segítségével magabiztosan márkázhatod a QR-kódodat anélkül, hogy a beolvashatóság kockázatára kellene játszanod.
Miért rombolják el a logók a beolvasást (és miért nem mindig)?
A QR-kódok hibajavítás nevű funkciót használnak, amely elviseli a fizikai sérüléseket vagy a vizuális takarást. Négy hibajavítási szint létezik:
| Szint | Adathelyreállítási kapacitás | Alkalmas logóhoz? |
|---|---|---|
| L | 7% | Nem |
| M | 15% | Határeset |
| Q | 25% | Igen |
| H | 30% | Legjobb választás |
Amikor logót ágyazol be, szándékosan takarsz el modulokat. Ha a takart terület meghaladja a hibajavítási keretet, a dekódoló meghibásodik. A H szint adja a legtöbb mozgásteret — használd mindig, ha grafikai fedőelemet tervezel beletenni.
A lényeg: a hibajavítás nem korlátlan fedezetet biztosít. Szigorú felső határt jelent. Ha átléped, semmilyen szoftver sem tudja helyreállítani a beolvasást.
A 30%-os szabály — és miért álljunk meg 20%-nál
Az általánosan idézett irányelv szerint a logó lefedettsége a QR-kód teljes területének legfeljebb 30%-a lehet (a H szint kapacitásához igazodva). A gyakorlatban a 20%-ot tekintsd munkaterületként három okból:
- Nyomtatási tűréshatárok. Az ofszetnyomtatás és a digitális nyomtatás festékterjesztést okoz. Egy logó, amely képernyőn 28%-ot mér, papíron a tintaszívódás után magasabb értéket mutathat.
- Kereső minták közelsége. A sarokban lévő három négyzetes „szem" a dekódoláshoz elengedhetetlen. Ha a logó bármilyen mértékben belelóg, a beolvasási arány drámaian csökken, még akkor is, ha az összesített lefedettségi százalék rendben van.
- Csendes zóna betörése. A kód körüli üres keret a specifikáció részét képezi. A külső ragyogással vagy árnyékkal rendelkező logók vizuálisan beleolvadhatnak ebbe a területbe.
Állítsd a logót a QR-kód teljes területének 20%-ára, ellenőrizd, hogy egyetlen él sem ér egy kereső mintához, és kényelmes tartalékod lesz.
Elhelyezés: A közép nem mindig a legjobb megoldás
A középre helyezés bevett gyakorlat, és négyzetes vagy kör alakú logóknál jól működik. Érdemes azonban megérteni, miért preferált a közép: a legnagyobb sűrűségű adatmodulok a széleken és sarkoknál helyezkednek el, míg a középső régió (az időzítési mintákat kivéve) általában redundáns adatokat tartalmaz, amelyeket a hibajavítás könnyebben helyreállíthat.
Mikor nem működik a közép:
- A logód fekvő tájolású (vízszintesen középre igazított széles téglalapok elkezdik érinteni a felső és alsó időzítési mintákat)
- A védjegyed nagyon vékony vonalakat tartalmaz, amelyek eltűnnek, ha lekicsinyítik a 20%-os területre
Fekvő logók esetén két lehetőség kínálkozik:
- Vágj ki egy négyzetes verziót a jelből, amelyet a kódba illeszthetsz
- Helyezd a logót a kód alá egy bőséges csendes zónával, ahelyett hogy ráfednéd — ez tisztább megoldás és nulla beolvasási kockázattal jár
Kontraszt és háttérszín a logó zónájában
A logót körülvevő moduloknak továbbra is sötétként kell látszaniuk a világos háttérrel szemben (vagy fordítva). Gyakori hiba a fehér logót fehér hátterű foltba helyezni, ami egy kétértelmű hézagot hagy maga után, amit a dekódolónak teljes mértékben a hibajavítással kell áthidalnia. Jobb megközelítés:
- Adj a logónak tömör, átlátszatlan hátteret, amely megegyezik vagy szorosan illeszkedik a kód világos színéhez
- Tarts fenn legalább 1 modul szélességű kitöltést tiszta világos térből a logó széle és a legközelebbi sötét modulok között
- Kerüld a gradienseket a logóban, amelyek a határközelben kétértelművé tehetik a modulok tónusát
Ha átfogóbb képet szeretnél kapni a kontrasztkövetelményekről, a QR-kód színkontraszt útmutatónk részletesen tárgyalja a minimális arányokat, a sötét-világos és világos-sötét tájolásokat, valamint a kamerahibákat okozó színkombinációkat.
Fizikai méret és a minimális pixelkeret
A logó olvashatósága és a QR megbízhatósága egyaránt attól függ, hogy a kód elég nagy-e a nyomtatáshoz vagy megjelenítéshez. Egy 20%-os lefedettségű, 2 cm × 2 cm-es kódba zsúfolt logó nagyjából 4 mm széles — márkaként láthatatlan, mégis foglalja a hibajavítási keretet.
Gyakorlati minimumok:
- Nyomtatás: A QR-kód legkisebb mérete 3 cm × 3 cm legyen, ha a logó azonosítható kíván maradni
- Képernyő: A QR-kód legalább 300 × 300 px legyen a logóréteg hozzáadása előtt
- Óriásplakát / nagyformátumú: Arányosan méretezd a logót; a 20%-os területszabály továbbra is érvényes, ne méretezd túl csak azért, mert van hely
Tesztelj nyomtatás előtt
Semmilyen tervezési szabály nem helyettesíti a tesztelést. Mielőtt nyomtatásba küldenéd:
- Exportáld a kész dizájnt a végső nyomtatási felbontásban
- Tesztelj legalább három alkalmazással: a natív iOS kamerával, a natív Android kamerával és egy önálló szkenner alkalmazással
- Tesztelj vegyes megvilágításban (erős mennyezeti, halvány szórt fény)
- Ha dinamikus kódot használsz — amely lehetővé teszi a célurl frissítését újranyomtatás nélkül —, ellenőrizd, hogy az átirányítás megfelelően működik-e
A dinamikus kódok különösen fontosak ebben a kontextusban, mivel a márkázott kódok gyakran csomagoláson vagy nyomtatott anyagokon jelennek meg, amelyeknek hosszú élettartamuk van. Ha a céloldal megváltozik, egy dinamikus QR-kód lehetővé teszi a link frissítését anélkül, hogy újra kellene tervezni vagy kinyomtatni a fizikai anyagot.
Ezeket a márkázott kódokat közvetlenül a Super QR-kód generátorban készítheted el, ahol a H szintű hibajavítás alapértelmezettként van beállítva logó észlelése esetén.
Legfontosabb tanulságok
- Használj H szintű hibajavítást minden logó beágyazásakor
- Tartsd a logó lefedettségét a teljes kódterület 20%-án vagy az alatt, ne a 30%-os elméleti maximumnál
- Soha ne hagyd, hogy a logó átfedje vagy szorítsa a három sarokkereső mintát
- A fekvő logók jobban mutatnak a kód alatt elhelyezve, mint középre illesztve
- Adj a logónak átlátszatlan hátteret és 1 modul kitöltést a kontrasztkétértelműség elkerülésére
- Mindig tesztelj valódi eszközökön nyomtatás előtt, különösen csomagolási sorozatoknál
- Párosítsd a márkázott kódot dinamikus URL-lel, hogy frissíthesd a céloldalt újratervezés nélkül