Enamik QR-koode asub trükimaterjalide peal ilma igasuguse selgituseta. Raamita, juhiseta, põhjuseta skannida. Ootuspäraselt inimesed neid möödunud. Parandus pole vilkavam kood — see on hästi kujundatud raam selge kutsumistekstiga (CTA). See juhend käsitleb täpselt, kuidas mõlemat teha, konkreetsete disaini ja teksti reeglitega, mida saad järgida enne järgmist trükkimist.
Miks raamid ja kutsumistekst on olulisemad kui sa arvad
Üksik QR-kood on must-valge ruut. Inimesed ei tea instinktiivselt, mis see avab. Raam annab koodile visuaalse struktuuri; kutsumistekst ütleb kellelegi, mida ta saab. Koos vastavad nad varjatud küsimusele: miks ma vaevuksin?
Skannerirakenduste arendajate uuringud näitavad järjekindlalt, et QR-koodid juhendava tekstiga lähedal tegelevad paremini kui paljaad koodid füüsilises keskkonnas — mitte sellepärast, et inimesed ei tunneks QR-koodi enam ära, vaid sellepärast, et tugev skannimise põhjus eemaldab kõhkluse.
Raami disain: 5 reeglit, mis toimivad
1. Säilita vaikne tsoon puutumatu
Igal QR-koodil on vaikne tsoon — ümberringi puhas valge ruumi pind välimiste moodulite ümber. Standard on neli moodulit lai. Kui sinu raami graafika tungib selle ruumi sisse, skannijad ebaõnnestuvad. Kujunda oma raam nii, et see asub väljaspool vaikset tsooni, mitte kattuvalt sellega. Õhuke ümarindade või nuia kujuga ristkülik töötab hästi.
2. Ühita brändi värv ilma kontrastigagi joones
Raamid peaksid kasutama sinu brändi värvipaletti, kuid need järgivad samaid kontrastreegleid kui kood ise. Tume raam kergel taustal? Hästi. Hele raam tumedal taustal? Samuti hästi — kuni QR-koodi moodulid säilitavad piisava kontrasti oma tausta vastu. Kui vajad värskendust numbritel, siis QR-koodi värvikontrasti ja skannitavuse juhend selgitab minimaalsed suhted täpselt.
3. Kasuta raami kuju, mis signaliseerib interaktiivsust
Ümarindad, kõnepulli kujud või nupp-laadsed raamid signaaliseerivad visuaalselt "puuduta/skanni mind." Kõvad ristkülikukujulised kärpimised, mis sulanduvad ümbritsevasse disaini, ei tee seda. Eesmärk on muuta raam UI-elemendiga välistavad, mitte dekoratiivse kastiga.
4. Koonda raam koodi suuruse järgi
Raam peaks lisama 12–20 px (ekraanieraldusel) või 3–5 mm (trükis) polsterdust koodi ümber igal küljel. Vähem ja see näeb välja piiranguline; rohkem ja kood näib raamideta hõljumine.
5. Väldi gradient ja varjusid raami sees
Langus varjud ja gradient täitised koodi sees või otse all segistavad skanneri algoritmid, mis ootavad puhast toonerilist eraldatust. Jäta dekoratiivne efekt välis piiridele või tekstialadele ainult.
Kutsumistekst: kuidas kirjutada koopia, mis saab skannimisi
Pane kasu esikohale, juhend teisele
Halb: Skanni QR-kood Hea: Skanni ja saad 15% allahindlust oma esimesele tellimusele
Juhend ("skanni") on ilmne igaühele, kes tunneb QR-koodi. Kasu ("15% allahindlus") on see, miks nad tegelikult seda teevad. Alusta tulemustega.
Hoia 8 sõna all
Raami tekstialad on väikesed. Pikad laused kahaneb kuni lugematuks. Piirdu 4–7 sõnaga kutsumistekstis. Kui sul on rohkem öelda, pane detailid maandamislehele — see on see, mille jaoks skannimine on.
Sobita kutsumistekst paigutuse kontekstiga
| Paigutus | Efektiivne kutsumisteksti näide |
|---|---|
| Toote pakend | "Skanni seadistusjuhiste jaoks" |
| Restorani laud | "Skanni tänase menüü nägemiseks" |
| Ürituse plakat | "Skanni oma tasuta pileti saamiseks" |
| Jaemüügi riiulik | "Skanni suuruse ja värvivalikute jaoks" |
| Küljekaart | "Skanni minu kontakti salvestamiseks" |
Mida spetsiifiline kutsumistekst, seda madalam hõõrdumine. Ebaselged kutsumistekstid nagu "Skanni mind!" toimetavad halvemini, kuna jätavad tasu ebaselgeks.
Kasuta imperatiive, mitte passiivset palvet
"Skanni demo vaatamiseks" toimib paremini kui "Demo on saadaval QR kaudu." Aktiivsed verbid tekitavad hoogu; passiivse konstruktsioon nagu penatekst.
Fondi suurus: trükis mitte alla 8pt
8pt juures on enamus sans-serif fontidest loetav käe kauguselt normaalsel valgustusel. Vähemalt ja varjutad tõhusalt kutsumisteksti. Kui ruum on tihe, lühenda koopia asemel font.
Raami ja kutsumisteksti ühendamine: praktiline paigutus
Siin on paigutus, mis töötab usaldusväärselt:
- Ülemine silt (valikuline): Väike brändi nimi või kategooria silt (nt "Super QR") 6–8pt juures, kerge kaal
- QR-kood: Keskitatud, täisvaigse tsooniga säilitatult
- Kutsumistekst: Otse koodi all, 8–12pt juures, paks või poolpaks, maksimum 1–2 rida
- Alamtekst (valikuline): URL või väga lühike selgitus 6pt juures — kasulik publiikumile, kes soovib aadressi kirjutada skannimise asemel
See virnastatud struktuur hoiab koodi domineerival ja teksti loetaval ilma omavahelist võistlemiseta.
Vead, mis nõrgendavad head raami disaini
- Raami trükkimine liiga väikese suurusega. Vähem kui 2 cm × 2 cm, enamik raami detaile kaob ja kutsumistekst muutub loetamatuks. Minimaalne soovitatav suurus raamiga on 3 cm × 3 cm.
- Raami värvuse muutmine tumedal taustal ilma tekstikontrastita kohandamata. Valge tekst kollasele raamile tumedal taustal on tavaline ebaõnnestumise punkt.
- Üldise kutsumisteksti kasutamine kogu materjalil. Kui kasutad dünaamilisi QR-koode, mis sõltuvalt kontekstist suunavad eri URL-idele, siis veendu, et kutsumistekst igal füüsilisel tükil sobib tegeliku sihtkohaga — mittevastavad tekstid hävitavad usalduse kohe.
- Valmis disaini testimise unustamine. Skanni alati lõppenud kunstiteost (mitte ekraani eelvaade) mitme seadmega enne trükkimist. Kontrolli, et raam pole vahepeal vaigset tsooni ekspordi ajal juhuslikult lõiganud.
Rohkem üksikasju mooduli kujudest ja silmade kohandamisest leiad kujundatud QR-koodi disaini süvakäsitlusest, mis sobib hästi raami ja kutsumisteksti tööga siin käsitletuga.
Kui sa ära alles alustad ja soovid mõista, millist tüüpi QR-koodi luua enne midagi kujundamist, siis Super QR Code Generator võimaldab sul koode ehitada ja kohandada raami mallidega juba sisseehitatud.
Peamised võtmekohad
- Raamid peavad asuma vaigse tsooni väljaspool — kunagi mitte kattuvalt.
- Juhenda kutsumisteksti sõnadega kasu, mitte juhist.
- Hoia kutsumisteksti 4–7 sõnal minimaalselt 8pt juures.
- Sobita oma kutsumistekst iga paigutuse spetsiifilise kontekstiga.
- Testi trükitud disaini skannimisega füüsilisel väljundil, mitte ekraanil.
- Väldi gradienti ja varjusid koodi alas või seal all.