ออกแบบคิวอาร์โค้ดพร้อมโลโก้และกรอบที่ยังสแกนได้

คิวอาร์โค้ด ขาวดำมาตรฐานใช้งานได้ แต่ไม่น่าดึงดูดใจ คิวอาร์โค้ด ที่มีสีของแบรนด์ โลโก้อยู่ตรงกลาง และกรอบที่ระบุว่า "สแกนหาเมนู" ได้รับการพิสูจน์แล้วว่ามีการสแกนบ่อยกว่า ความท้าทายคือ องค์ประกอบการออกแบบที่เพิ่มเข้ามาทั้งหมดมีโอกาสที่จะขัดขวางความสามารถในการอ่าน บทความนี้สรุปกฎที่เราใช้ในโปรแกรมแก้ไข คิวอาร์โค้ด ของ Kencang.in เพื่อให้ผลลัพธ์ยังคงสวยงามและสามารถอ่านได้บนโทรศัพท์มือถือทุกรุ่น

วิธีที่คิวอาร์โค้ด ยังคงอ่านได้แม้ว่าจะ "เสียหาย"

คิวอาร์โค้ด มีการแก้ไขข้อผิดพลาดในตัวตามอัลกอริทึม Reed-Solomon มีสี่ระดับ: L (ประมาณ 7% ของข้อมูลอาจสูญหาย), M (15%), Q (25%) และ H (30%) ยิ่งระดับสูง โมดูลก็จะยิ่งซ้ำซ้อน ดังนั้น คิวอาร์โค้ด จะยังคงอ่านได้ชัดเจน แม้ว่าโลโก้จะบังบางส่วนหรือมีรอยขีดข่วนก็ตาม ส่งผลให้เมทริกซ์มีความหนาแน่นมากขึ้น สามารถอ่านคำอธิบายทางเทคนิคของการแก้ไขข้อผิดพลาดได้ที่ บทความรีด-โซโลมอนในวิกิพีเดีย. Kencang.in จะใช้ระดับ H โดยอัตโนมัติเมื่อคุณเพิ่มโลโก้

1. สี: คอนทราสต์คือทุกสิ่ง

• โมดูล (กล่อง) จะต้องมีสีเข้มกว่าพื้นหลัง การกลับสี เช่น โมดูลสีขาวบนพื้นหลังสีดำ เครื่องสแกนเนอร์จำนวนมากไม่สามารถอ่านได้
• อัตราคอนทราสต์ขั้นต่ำ 4:1 สีน้ำเงินเข้มบนสีขาวปลอดภัย สีเหลืองบนพื้นสีขาวไม่ใช่
• สามารถใช้การไล่ระดับสีได้ตราบใดที่ปลายทั้งสองของการไล่ระดับสียังคงมืดอยู่ โปรแกรมแก้ไข Kencang.in รองรับการไล่ระดับสีสองสีสำหรับโมดูล
• หลีกเลี่ยงพื้นหลังกราฟิกที่อยู่เบื้องหลัง คิวอาร์โค้ด

2. โลโก้ตรงกลาง

โลโก้ครอบคลุมส่วนหนึ่งของโมดูล และการแก้ไขข้อผิดพลาดจะ "แก้ไข" ส่วนนั้น เพื่อความปลอดภัย:

• จำกัดโลโก้ไว้ที่ 20-25% ของพื้นที่ คิวอาร์โค้ด โปรแกรมแก้ไขของเราจะล็อคขนาดสูงสุดโดยอัตโนมัติ
• ใส่พื้นหลังสีขาว (ช่องว่างภายใน) รอบๆ โลโก้ เพื่อไม่ให้กลมกลืนกับโมดูล
• ใช้โลโก้เวอร์ชันที่เรียบง่าย รายละเอียดปลีกย่อยไม่สามารถมองเห็นได้ในขนาดที่เล็ก
• อย่าปิดช่องสี่เหลี่ยมขนาดใหญ่สามช่องที่มุม (รูปแบบช่องค้นหา) นี่คือเครื่องหมายการวางแนวที่ต้องมองเห็นได้

3. รูปทรงโมดูลและตาโค้ด

โมดูลแบบโค้งมน โค้งมน หรือรูปทรงจุดให้ความรู้สึกทันสมัยโดยไม่กระทบต่อความสามารถในการอ่านตราบใดที่ขนาดของแต่ละโมดูลยังคงสม่ำเสมอ ดวงตา (สามมุมสี่เหลี่ยม) ก็สามารถปัดเศษได้เช่นกัน หลีกเลี่ยงรูปร่างที่เล็กเกินไปเช่นดวงดาวเพราะจะช่วยลดพื้นที่มืดของแต่ละโมดูล

4. จัดเฟรมและคำกระตุ้นการตัดสินใจ

กรอบที่มีข้อความ เช่น "สแกนเพื่อรับส่วนลด" จะเพิ่มการสแกนเนื่องจากกรอบเหล่านี้ให้เหตุผล วางข้อความไว้นอกพื้นที่ คิวอาร์โค้ด ไม่ใช่ด้านบน และตรวจสอบให้แน่ใจว่าโซนเงียบ (พื้นที่ว่างอย่างน้อย 4 โมดูลรอบๆ คิวอาร์โค้ด) ยังคงอยู่ในกรอบ Kencang.in มีรูปแบบเฟรมหลายแบบพร้อมข้อความที่แก้ไขได้

5. ขนาดการสแกนและระยะทาง

หลักโดยทั่วไปคือ ด้านของคิวอาร์โค้ดยาวประมาณหนึ่งในสิบของระยะสแกน คิวอาร์โค้ดขนาด 2,5 ซม. สำหรับสแกนจากระยะ 25 ซม. (บรรจุภัณฑ์ โต๊ะ) และขนาด 20 ซม. สำหรับโปสเตอร์ที่สแกนจากระยะ 2 เมตร ชื่อย่อที่สั้นทำให้เมทริกซ์ของคิวอาร์โค้ดโปร่งขึ้น จึงรองรับขนาดเล็กได้ดีขึ้น นี่คือเหตุผลหนึ่งที่เราแนะนำ ชื่อย่อที่กำหนดเอง ซึ่งสั้น และเพราะเหตุใด คิวอาร์โค้ด ไดนามิก สแกนได้ง่ายกว่า คิวอาร์โค้ด แบบคงที่ที่มี URL แบบยาว

6. รูปแบบไฟล์

สำหรับการพิมพ์ ให้ดาวน์โหลด SVG หรือ PDF เพื่อให้คมชัดในทุกขนาด สำหรับดิจิทัล (เว็บไซต์ การนำเสนอ เรื่องราว) PNG หรือ WebP ก็เพียงพอแล้ว Kencang.in มีสี่รูปแบบเหล่านี้

7. ทดสอบก่อนพิมพ์จำนวนมาก

1. พิมพ์หนึ่งตัวอย่างในขนาดจริงและบนวัสดุเดียวกัน
2. สแกนด้วยโทรศัพท์ที่แตกต่างกันอย่างน้อยสามเครื่อง (iPhone, Android ระดับกลาง, Android รุ่นเก่า) ในสภาพแสงปกติและแสงน้อย
3. สแกนจากระยะทางสูงสุดที่คาดหวัง
4. ตรวจสอบให้แน่ใจว่าปลายทางถูกต้อง หากคุณใช้ คิวอาร์โค้ด แบบไดนามิก คุณสามารถเปลี่ยนเส้นทางไปยังหน้าทดสอบก่อน จากนั้นจึงเปลี่ยนปลายทางที่ใช้งานจริงโดยไม่ต้องพิมพ์ซ้ำ

ตัวอย่างการใช้งาน

ร้านกาแฟพิมพ์ไดนามิก คิวอาร์โค้ด สีน้ำตาลเข้มโดยมีโลโก้อยู่ตรงกลางและกรอบ "ดูเมนู" เมื่อราคาสูงขึ้นพวกเขาก็เปลี่ยนจุดหมายปลายทางบนแดชบอร์ด จาก แดชบอร์ดการวิเคราะห์พวกเขาจะรู้ว่าโต๊ะใดมีการสแกนบ่อยที่สุด เพราะแต่ละโต๊ะใช้ชื่อย่อต่างกัน คุณลองทั้งหมดนี้ได้ในเมนู คิวอาร์โค้ดและโควต้า คิวอาร์โค้ด สำหรับแต่ละแพ็กเกจอยู่บนหน้า ราคา.

คำถามที่พบบ่อย

โลโก้ขนาดใหญ่แค่ไหนยังคงปลอดภัย?

จำกัดโลโก้ไว้ประมาณ 20 ถึง 25 เปอร์เซ็นต์ของพื้นที่คิวอาร์โค้ด และอย่าให้บังสี่เหลี่ยมขนาดใหญ่ทั้งสามมุม ตัวแก้ไขของ Kencang.in ใช้การแก้ไขข้อผิดพลาดระดับ H โดยอัตโนมัติ และจำกัดขนาดโลโก้สูงสุดเพื่อให้คิวอาร์โค้ดยังคงอ่านได้

คิวอาร์โค้ด สามารถใส่สีอื่นที่ไม่ใช่สีดำได้หรือไม่

ได้ ตราบใดที่โมดูลมืดกว่าพื้นหลังโดยมีอัตราส่วนคอนทราสต์อย่างน้อย 4:1 สีน้ำเงินเข้ม สีเขียวเข้ม หรือสีน้ำตาลเข้มบนพื้นสีขาวถือว่าปลอดภัย หลีกเลี่ยงสีสว่าง เช่น สีเหลืองหรือสีพาสเทลสำหรับโมดูล และอย่ากลับสี

ควรส่งไฟล์รูปแบบใดให้โรงพิมพ์

SVG หรือ PDF เนื่องจากเป็นทั้งเวกเตอร์และยังคงความคมชัดในทุกขนาด PNG เพียงพอสำหรับการใช้งานดิจิทัล เช่น เว็บไซต์ การนำเสนอ หรือเรื่องราว Kencang.in มีรูปแบบทั้งหมดเหล่านี้ในเมนูดาวน์โหลด

จะแน่ใจได้อย่างไรว่า คิวอาร์โค้ด อ่านได้ก่อนการพิมพ์จำนวนมาก

พิมพ์ตัวอย่างหนึ่งตัวอย่างด้วยวัสดุและขนาดจริง จากนั้นสแกนด้วยโทรศัพท์หลายเครื่องในแสงปกติและแสงสลัวจากระยะห่างที่คุณคาดหวัง หากใช้ คิวอาร์โค้ด แบบไดนามิก ให้ไปที่หน้าทดสอบก่อนแล้วเปลี่ยนปลายทางเมื่อแคมเปญเริ่มต้น