Hogyan készíts egyedi formájú QR-kódot
Ebben az útmutatóban végigvesszük, hogyan alakítsd ki a QR-kód moduljait, sarokjelölőit és keretét úgy, hogy illeszkedjen a márkádhoz, anélkül hogy a beolvashatóság kárát látná. Gyakorlati beállításokra számíts, nem elméletre.
Key Takeaways
- A QR-kód három részét alakíthatod át: az adatmodulokat, a három sarki „szemet”, és a külső keretet.
- Tartsd H szinten (30%) a hibajavítást, ha egyedi formákat használsz, vagy logót helyezel a közepére.
- Hagyj legalább négy modulnyi „csendzónát” a kód körül, még akkor is, ha a keret befelé ível.
- A végleges designt mindig teszteld legalább három különböző szkenner alkalmazással és két telefon kamerájával, mielőtt nyomtatnál.
- Használj dinamikus QR-kódot, hogy később megváltoztathasd a célcímet anélkül, hogy újra kellene terveznéd a grafikát.
A márkázott (egyedi) QR-kódok akár 80%-kal is hatékonyabbak lehetnek, mint a hagyományos fekete-fehér minták, a Pageloot (iparági QR-kód beolvasási statisztikák és trendek) szerint. Ennek az az oka, hogy ezek a kódok jobban kitűnnek, könnyebben megjegyezhetők, és igazodhatnak annak a márkának a stílusához, amit éppen népszerűsíteni szeretnél.
A csapda az, hogy a QR-kód nem szabadon formázható díszítőelem. Minden egyes pontja adatot hordoz, és ha túl messzire viszed a formaalakítást, az tönkreteszi a hibajavítást, amire a szkenner támaszkodik. Ebben az útmutatóban megmutatom, mely részeket stilizálhatod bátran, mely részeknek kell szerkezetileg érintetlennek maradniuk, és hogyan teszteld a kódot, mielőtt kinyomtatnál 5000 matricát, amit már nem tudsz újrahasznosítani. Vágjunk is bele!
Egyedi formájú QR-kód építése lépésről lépésre
Az egyedi formatervezés három rétegben történik, és érdemes ebben a sorrendben haladni: először válaszd ki a tartalom típusát, aztán alakítsd ki a modulokat és a sarokjelölőket, végül csomagold be egy keretbe vagy háttérformába. Ha kihagysz egy lépést, szinte biztos, hogy olyan kódot kapsz, ami az Illustratorban gyönyörű, de a valóságban nem működik egy telefonon.
Az egyedi formatervezés három rétegben történik, és érdemes ebben a sorrendben haladni: először válaszd ki a tartalom típusát, aztán alakítsd ki a modulokat és a sarokjelölőket, végül csomagold be egy keretbe vagy háttérformába. Ha kihagysz egy lépést, szinte biztos, hogy olyan kódot kapsz, ami a kiválasztott grafikai programban jól néz ki, de a végén egy nem működő QR-kód lesz belőle.
1. lépés: Válaszd ki a tartalomtípust, és rögzítsd a dinamikus módot
Nyisd meg az ingyenes QR-kód generátort, és döntsd el, mit csináljon a kód: nyisson meg egy URL-t, ossza meg a WiFi-jelszavadat, töltsön be egy vizitkártyát (vCard), játsszon le egy Spotify számot, és így tovább. Ha nem vagy biztos benne, melyiket válaszd, a QR-kód típusai útmutatónkban áttekintjük a leggyakoribb formátumokat. Válaszd a dinamikus opciót a statikus helyett, hogy a nyomtatás után is szerkeszthesd a célcímet. Ez az egyetlen döntés megvéd, ha egy kampány URL-je megváltozik.
2. lépés: Alakítsd át az adatmodulokat
A kódot kitöltő apró, ismétlődő négyzeteket moduloknak hívjuk. Cseréld le az alapértelmezett négyzetet lekerekített négyzetekre, pontokra, rombuszokra vagy függőleges csíkokra. A pontok a legbiztonságosabb nem négyzet alakú választás, mert megfelelő kontrasztot tartanak a fekete és fehér területek között. Kerüld a vékony, összekötő vonalakat tartalmazó formákat, például a kézírásszerű modulokat, bármi olyan felületen, ami kisebb egy névjegykártyánál; ezek hajlamosak elmosódni a kamera automata fókuszálásakor.
3. lépés: Formázd meg a három sarki „szemet”
A sarkokban található három nagy négyzetet kereső mintázatnak vagy „szemnek” hívjuk. A szkennerek ezek alapján tájolják be a kódot, így ez a legkockázatosabb terület az újratervezésnél. Lekerekítheted a külső sarkaikat, körré alakíthatod, vagy átszínezheted őket, de a belső „pupillát” tartsd jól láthatóan középen, a külső gyűrűt pedig zárt, teli formában. Mindhárom szem legyen egyforma; az eltérő szemek megzavarhatják néhány régebbi Android szkennert.
4. lépés: Adj hozzá logót, és állítsd be a H hibajavítási szintet
A középre helyezett logó lefed néhány modult, ezért extra redundanciára van szükséged az adatokban. Állítsd a hibajavítást H szintre (30%) még a logó elhelyezése előtt, és a logó mérete ne haladja meg a teljes kód területének nagyjából 20%-át. A kör alakú logó fehér alapon jellemzően jobban olvasható be, mint egy négyzet alakú logó, ami közvetlenül a modulokhoz simul. Ha többet szeretnél tudni erről az egyensúlyról, nézd meg a hivatkozott cikkünket.
5. lépés: Csomagold be egyedi keretbe
A keretek helyet adnak egy felhívásnak, mint például „Olvasd be az étlapért” vagy „Koppints a visszajelzéshez”. Választhatsz lekerekített téglalapot, buborékformát, jegy alakú keretet, vagy teljesen egyedi körvonalat. Csak arra figyelj, hogy a keret ne szorítsa meg magát a kódot: hagyd érintetlenül azt a négy modulnyi csendzónát. Egy jó felhívás érezhetően növeli a beolvasási arányt, különösen szórólapokon és plakátokon.
6. lépés: Exportálás megfelelő méretben, majd tesztelés
Nyomtatáshoz exportálj SVG formátumban, képernyőre pedig nagy felbontású PNG-ben. A minimális megbízható nyomtatási méret rövid URL-ek esetén kb. 2x2 cm (0,8 hüvelyk), hosszabb adattartalom esetén ennél nagyobb legyen. Teszteld az alapértelmezett kameraalkalmazással iPhone-on és Androidon is, plusz egy dedikált szkenner alkalmazással. Ha akár csak egy is elbukik, egyszerűsítsd a formát vagy növeld a kontrasztot, majd exportáld újra.
Tervezési tippek a magas beolvasási arányért
A testreszabásnál csúszik el a legtöbb kód. Ezek a tippek onnan származnak, hogy valós terveket néztünk végig, amik elbuktak a gyakorlatban, majd kijavítottuk őket.
Maradj a sötét modulok/világos háttér párosításnál. A színek megfordítása (világos sötéten) a szkenner alkalmazások kb. 15%-ánál hibát okoz, még akkor is, ha a kontrasztarány szemre rendben van.
Ha mindenképp színes hátteret szeretnél, tartsd a kontrasztarányt 4:1 fölött. A pasztell-pasztell kombináció a sikertelen beolvasások leggyakoribb oka.
Soha ne nyújtsd téglalap alakúra a kódot. A moduloknak tökéletesen négyzet alakúnak kell maradniuk, különben a szkenner nem tudja dekódolni őket.
Matricákhoz és címkékhez hagyj egy kis kifutót a kereten belül, hogy a csendzóna a kivágás után is épen maradjon. A QR-kód matricák útmutatónk részletezi a nyomtatási specifikációkat.
Mentsd el a forrásfájlt szerkeszthető rétegekkel. Később úgyis exportálni akarod majd más méretekben poszterekhez, névjegykártyákhoz és közösségi médiás posztokhoz.
Kövesd nyomon a beolvasásokat egy dinamikus kód irányítópultján. Ha egy egyedi forma rontja a teljesítményt, ez az adatokból egy héten belül kiderül.
Gyakran ismételt kérdések
Készíthetek bármilyen alakú QR-kódot, például szív vagy logó körvonalú formát?
A QR-kódot becsomagolhatod egy szív- vagy logóformájú keretbe, de magának a beolvasható rácsnak négyzet alakúnak kell maradnia. Amikor az emberek „szív alakú QR-kódról” beszélnek, általában egy négyzet alakú kódra gondolnak, ami egy szívkontúron belül található, hozzáillő színekkel. Az alatta lévő adatterület továbbra is egy szabványos négyzetrács.
Az egyedi formák csökkentik a sikeres beolvasások arányát?
A visszafogott testreszabás, mint a lekerekített modulok vagy a stilizált sarokjelölők, szinte semmilyen hatással nincs a beolvasási arányra, ha a hibajavítás H szintre van állítva. Az erőteljes testreszabás viszont, mint a kanyargós modulok vagy a pupilla nélküli szemformák, akár 20%-kal vagy annál is jobban csökkentheti a sikerarányt. Nyomtatás előtt mindig tesztelj.
Mi a legjobb hibajavítási szint egyedi formájú QR-kódhoz?
A H szint, ami az adatok akár 30%-ának sérülését vagy takarását is javítja, a legbiztonságosabb választás. Ez ad neked mozgásteret egy logóhoz, díszítő formákhoz és apró nyomtatási hibákhoz, anélkül hogy a kód beolvashatatlanná válna.
Működik egyedi formájú QR-kód sötét háttéren is?
Igen, de csak akkor, ha maguk a modulok világosak maradnak, a háttér pedig sötét, erős kontraszttal. Az invertált kódok kockázatosabbak, mint a hagyományos sötét-világos kombináció, ezért alaposan teszteld több eszközön, mielőtt élesbe mennél.
Megváltoztathatom egy már meglévő statikus QR-kód formáját?
Ehhez újra kell generálnod a kódot. A forma a létrehozás pillanatában jön létre, az adatok és a stílusbeállítások alapján, így nincs mód arra, hogy egy meglévő PNG-t egyszerűen átstilizálj anélkül, hogy az eredeti tartalomból újra fel ne építenéd a kódot.
Készen állsz a QR-kódod elkészítésére?
Egyedi QR-kódok másodpercek alatt – ingyen és egyszerűen.
Ingyenes QR-kód létrehozása →