طراحی خوب کیو آر کد یعنی کنتراست قوی (کد تیره روی زمینه روشن)، یک حاشیه خالی و تمیز به نام «منطقه آرام» دور تا دور کد، لوگویی که از توان تصحیح خطا بزرگ‌تر نباشد و تست روی چند گوشی پیش از چاپ. سبک و رنگ مشکلی ندارد، به شرط اینکه اسکنر هنوز بتواند همه بخش‌های کد را بخواند.
یک کیو آر کد با رنگ و لوگوی برند شما قطعاً از یک مربع سیاه ساده جذاب‌تر است، اما هر تصمیم طراحی ممکن است چیزی از نیاز اسکنر کم کند. این راهنما قواعد مهم را توضیح می‌دهد تا کدی بسازید که هم زیبا باشد و هم با اولین تلاش اسکن شود.
اسکنر چطور کیو آر کد شما را «می‌بیند»؟
دوربین گوشی کیو آر کد را مثل یک عکس نمی‌خواند. اول دنبال سه مربع بزرگ در گوشه‌ها (الگوهای یاب یا Finder) می‌گردد، زاویه و اندازه کد را حساب می‌کند و بعد تک‌تک مربع‌های کوچک را که «ماژول» نام دارند بررسی می‌کند تا ببیند تیره‌اند یا روشن.
پس سه چیز از همه مهم‌تر است:
- کنتراست میان ماژول‌های تیره و روشن
- الگوهای یاب واضح در سه گوشه کد
- فضای خالی دور کد، تا اسکنر بفهمد کد از کجا شروع و کجا تمام می‌شود
هر چیزی که مرز تیره و روشن را کم‌رنگ کند، بخشی از الگو را بپوشاند یا لبه‌ها را شلوغ کند، اسکن را کند یا غیرممکن می‌کند.
کنتراست، رنگ و حاشیه امن
انتخاب رنگ
بیشتر طراحی‌ها در انتخاب رنگ شکست می‌خورند. امن‌ترین قانون ساده است: پیش‌زمینه تیره روی زمینه روشن. سیاه روی سفید بهترین نتیجه را دارد، اما سرمه‌ای، سبز تیره، زرشکی یا قهوه‌ای تیره روی سفید یا کرم هم به‌خوبی اسکن می‌شوند.
از این موارد پرهیز کنید:
- جفت‌رنگ‌های کم‌کنتراست مثل خاکستری روشن روی سفید، زرد روی سفید یا رنگ پاستلی روی رنگ پاستلی
- کد معکوس (ماژول‌های روشن روی زمینه تیره). بسیاری از دوربین‌های جدید آن را می‌خوانند، اما برخی اپلیکیشن‌های اسکنر و گوشی‌های قدیمی‌تر نه؛ پس بخشی از مخاطبان را از دست می‌دهید
- گرادیان‌هایی که در طول کد از تیره به روشن می‌روند، چون بعضی ماژول‌ها بیش از حد کم‌رنگ می‌شوند
- پس‌زمینه عکس شلوغ پشت کد، که اسکنر را گیج می‌کند
یک تست سریع: طرحتان را سیاه‌وسفید (Grayscale) کنید. اگر کد هنوز به‌وضوح تیره روی روشن است، احتمالاً کنتراست کافی است. اگر به خاکستری متوسط روی خاکستری متوسط تبدیل شد، رنگ‌های قوی‌تری انتخاب کنید.
منطقه آرام: به کد جای نفس کشیدن بدهید
منطقه آرام (Quiet Zone) همان حاشیه خالی دور کد است. استاندارد کیو آر کد حاشیه‌ای به پهنای چهار ماژول در هر طرف را توصیه می‌کند. در عمل خیلی از کدها با حاشیه کمی کمتر هم اسکن می‌شوند، اما صرفه‌جویی در این فضا ریسک بزرگی است.
اگر کد مستقیم به عکس، کادر یا متن چسبیده باشد، اسکنر نمی‌فهمد کد کجا تمام می‌شود. حاشیه را خالی و هم‌رنگ ماژول‌های روشن نگه دارید تا از یکی از آزاردهنده‌ترین مشکلات اسکن در امان بمانید.
اضافه کردن لوگو بدون خراب کردن کد
گذاشتن لوگو در وسط کد رایج است و جواب می‌دهد، چون کیو آر کد قابلیت تصحیح خطا دارد. تصحیح خطا داده اضافه‌ای به کد می‌افزاید تا اگر بخشی از آن آسیب ببیند یا پوشیده شود، باز هم خوانده شود. چهار سطح وجود دارد: از L (بازیابی حدود ۷٪ داده) تا H (حدود ۳۰٪). در راهنمای سطوح تصحیح خطای کیو آر کد بیشتر بخوانید.
وقتی لوگو را روی کد می‌گذارید، عمداً بخشی از آن را «خراب» می‌کنید. این قواعد را رعایت کنید:
- هنگام افزودن لوگو، سطح تصحیح خطای بالاتری مثل Q یا H انتخاب کنید.
- لوگو را کوچک نگه دارید؛ تقریباً یک‌پنجم عرض کد یا کمتر، و به‌طور محسوس کمتر از توان بازیابی سطح انتخاب‌شده.
- لوگو را در مرکز بگذارید و هرگز روی سه مربع گوشه قرار ندهید.
- به لوگو یک زمینه ساده یا حاشیه سفید باریک بدهید تا با ماژول‌های اطراف قاطی نشود.
- بعد از هر تغییر در اندازه یا جای لوگو، دوباره تست کنید.
یادتان باشد تصحیح خطای بالاتر کد را متراکم‌تر می‌کند (ماژول‌های بیشتر و ریزتر). این هم دلیل دیگری است که محتوا را کوتاه نگه دارید؛ مثلاً به جای یک آدرس طولانی، از کیو آر کد پویا با لینک کوتاه استفاده کنید.
داده کمتر، کد تمیزتر
هرچه داده بیشتری در کیو آر کد بگذارید، ماژول‌های بیشتری لازم است و در یک اندازه چاپ ثابت، هر ماژول کوچک‌تر می‌شود. یک آدرس اینترنتی طولانی با پارامترهای ردیابی می‌تواند کدی چنان فشرده بسازد که از فاصله دور یا روی چاپ بی‌کیفیت به‌سختی خوانده شود.
دو راه‌حل ساده:
- از کوتاه‌کننده لینک یا کیو آر کد پویا استفاده کنید که فقط یک لینک کوتاه را ذخیره می‌کند
- پیش از ساخت کد، پارامترهای غیرضروری را از آدرس حذف کنید
کد پویا یک مزیت دیگر هم دارد: اگر بعداً لازم شد مقصد را عوض کنید، مجبور نیستید طرح زیبایتان را دوباره چاپ کنید.
شکل، سبک و قاب
بسیاری از سازنده‌ها اجازه می‌دهند ماژول‌ها را گرد کنید، شکل مربع‌های گوشه را تغییر دهید یا قابی با جمله دعوت به اقدام اضافه کنید. این‌ها می‌توانند عالی به نظر برسند، با چند محدودیت:
- ماژول‌های گرد یا نقطه‌ای معمولاً به‌خوبی اسکن می‌شوند، به شرط آنکه به اندازه کافی بزرگ بمانند و کنتراست داشته باشند. نقطه‌های خیلی ریز با فاصله زیاد ممکن است خوانده نشوند.
- مربع‌های گوشه سفارشی باید همچنان شبیه مربع توپر درون مربع باشند. آن‌ها را بیش از حد باریک یا تزئینی نکنید.
- قاب و برچسب مثل «برای دیدن منو اسکن کنید» مفید است، اما آن را بیرون از منطقه آرام بگذارید.
- کد را کش ندهید و بدون تست روی سطح منحنی خم نکنید. کج شدن، شبکه ماژول‌ها را به هم می‌ریزد.
چک‌لیست طراحی پیش از چاپ
برای هر طرح جدید کیو آر کد این فهرست را مرور کنید:
- ماژول‌های تیره روی زمینه روشن، با کنتراست قوی حتی در حالت سیاه‌وسفید
- منطقه آرام حدود چهار ماژول در همه طرف‌ها، کاملاً خالی
- لوگوی کوچک، در مرکز و دور از مربع‌های گوشه
- بالا بردن سطح تصحیح خطا در صورت افزودن لوگو
- داده کوتاه، ترجیحاً با لینک کوتاه یا پویا
- جمله دعوت به اقدام بیرون از کد
- چاپ در اندازه‌ای متناسب با فاصله اسکن (به راهنمای اندازه کیو آر کد سر بزنید)
- تست روی دست‌کم دو یا سه گوشی مختلف، هم آیفون و هم اندروید، در نور معمولی
- خروجی نهایی با کیفیت بالا (SVG یا PNG با وضوح بالا)، نه اسکرین‌شات تار
سوالات متداول
آیا کیو آر کد می‌تواند هر رنگی باشد؟
بله، به شرط آنکه ماژول‌ها به‌وضوح تیره‌تر از زمینه باشند. رنگ‌های تیره روی سفید یا کرم امن‌ترین انتخاب‌اند. از رنگ روشن روی زمینه روشن پرهیز کنید و با طرح‌های معکوس محتاط باشید.
لوگو در کیو آر کد چقدر می‌تواند بزرگ باشد؟
حدود یک‌پنجم عرض کد یا کمتر، در مرکز، با تصحیح خطای Q یا H. همیشه بعد از افزودن لوگو تست کنید، چون هر کد و هر لوگو متفاوت است.
چرا کیو آر کدی که طراحی کرده‌ام اسکن نمی‌شود؟
دلایل رایج: کنتراست پایین، نبودن منطقه آرام، لوگوی بیش از حد بزرگ یا چاپ خیلی کوچک نسبت به حجم داده. هر بار یک مورد را اصلاح کنید و بعد از هر تغییر تست کنید.
آیا طراحی اختصاصی، کیو آر کد را ناامن‌تر می‌کند؟
خود طراحی تأثیری بر امنیت ندارد. مهم این است که کد به کجا می‌رود. کدی با برند مشخص، جمله دعوت به اقدام روشن و مقصد قابل‌اعتماد به مردم اطمینان می‌دهد که اسکنش بی‌خطر است.
کیو آر کدی بسازید که هم زیباست و هم اسکن می‌شود
طراحی خوب یعنی تعادل: برند شما در یک طرف و نیازهای اسکنر در طرف دیگر. با سازنده رایگان کیو آر کد در QR-TH رنگ و لوگو اضافه کنید، پیش‌نمایش را ببینید و پیش از فرستادن به چاپخانه، آن را با گوشی خودتان تست کنید.