ปรับสี โลโก้ รูปทรง และกรอบ

ออกแบบ QR Code ให้สวยและยังสแกนง่าย

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

  • ใช้สีแบรนด์
  • เพิ่มโลโก้และกรอบ
  • ดูตัวอย่างก่อนสร้าง

ความรู้เพิ่มเติม

แต่ง QR Code อย่างไรไม่ให้สแกนยาก?

กล้องต้องเห็นลาย จุดบอกตำแหน่ง และขอบโค้ดอย่างชัดเจน ความสวยจึงต้องมาคู่กับความต่างของสี ขนาด และการทดสอบจริง

เข้ากับสื่อของแบรนด์

ใช้โทนสีและโลโก้เดียวกับแพ็กเกจ เมนู หรือป้ายหน้าร้าน

บอกเหตุผลให้คนสแกน

เพิ่มกรอบข้อความ เช่น ดูเมนู แอด LINE หรือดูแผนที่

เลือกไฟล์ตามงาน

ใช้ PNG บนออนไลน์ และ SVG หรือ EPS สำหรับงานพิมพ์ที่ต้องขยาย

ข้อมูลภายใน QR Code

ส่วนไหนปรับได้ และส่วนไหนควรรักษาไว้?

สีและรูปทรงปรับได้ แต่ไม่ควรทำลายจุดบอกตำแหน่งสามมุมหรือพื้นที่ว่างรอบโค้ด

โค้ดเข้ม พื้นหลังอ่อน

การกลับสีหรือใช้ภาพซับซ้อนด้านหลังทำให้บางกล้องอ่านยาก

โลโก้ควรอยู่กลางและไม่ใหญ่

ระดับแก้ไขข้อผิดพลาดช่วยได้บางส่วน แต่ไม่ได้รับประกันการสแกน

อย่าปิดสี่เหลี่ยมสามมุม

จุดเหล่านี้ช่วยให้กล้องหาแนวและขอบเขตของ QR Code

ตัวอย่างสีที่เห็นชัด

โค้ด #173D12 / พื้นหลัง #FFFFFF — สีต่างกันชัด + มีพื้นที่ว่าง — ยังคงสีแบรนด์โดยกล้องแยกลายได้ง่าย

ตรวจสอบก่อนเผยแพร่

  • ลองดูเป็นภาพขาวดำ
  • ลดขนาดโลโก้
  • เอาพื้นหลังลายออก

ทำให้ QR Code สแกนง่ายก่อนเน้นความสวย

ตรวจความยาวของข้อมูล สี พื้นที่ว่าง และขนาดพิมพ์ทุกครั้ง

ใช้สีเข้มบนพื้นอ่อน

สีของโค้ดกับพื้นหลังควรต่างกันชัดเจน ไม่ควรใช้สีอ่อนใกล้เคียงกัน

เว้นพื้นที่รอบโค้ด

อย่าวางข้อความ รูปภาพ หรือกรอบชิด QR Code จนกล้องแยกขอบไม่ออก

ทดสอบจากขนาดจริง

พิมพ์ตัวอย่างและลองสแกนทั้ง iPhone กับ Android ในระยะใช้งานจริง

ข้อดีและข้อควรระวัง

ข้อดี

  • ทำให้เข้ากับแบรนด์
  • ใส่ข้อความชวนสแกนได้
  • มีไฟล์สำหรับทั้งออนไลน์และงานพิมพ์

ข้อควรระวัง

  • แต่งมากเกินไปอาจสแกนไม่ติด
  • สีอ่อนหรือกลับสีมีความเสี่ยง
  • โลโก้ใหญ่ทำลายข้อมูลในโค้ด

สร้างได้ใน 3 ขั้นตอน

วิธีสร้างQR Code แบบกำหนดเอง

เริ่มจากกรอกข้อมูล ตรวจผลลัพธ์ แล้วสแกนทดสอบก่อนนำQR Code แบบกำหนดเองไปใช้จริง

กรอกข้อมูลก่อน

ลดข้อมูลให้กระชับเพื่อไม่ให้ลายแน่นเกินไป

ปรับสี รูปทรง และโลโก้

เริ่มจากสีเข้มบนพื้นอ่อนและวางโลโก้ตรงกลาง

พิมพ์และสแกนทดสอบ

ลองจากกระดาษ วัสดุ และระยะที่จะใช้จริง

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

QR Code แบบกำหนดเองนำไปใช้อะไรได้บ้าง?

แพ็กเกจสินค้า

ใช้สีแบรนด์และกรอบเพื่อพาไปยังคู่มือหรือหน้าลงทะเบียน

ป้ายเมนูในร้าน

ใส่ข้อความ ดูเมนู เพื่อบอกให้ลูกค้ารู้ว่าจะพบอะไรหลังสแกน

บัตรสะสมแต้ม

วางโลโก้ให้สอดคล้องกับหน้าร้านและช่องทางสมาชิก

บูธงานอีเวนต์

แยกสีระหว่างแอด LINE รับเอกสาร และแบบประเมิน

คำถามเกี่ยวกับQR Code แบบกำหนดเอง

QR Code ใช้สีอะไรก็ได้หรือไม่?

สีได้หลายแบบ แต่โค้ดต้องต่างจากพื้นหลังชัดเจน สีเข้มบนพื้นอ่อนปลอดภัยที่สุด

ใส่พื้นหลังโปร่งใสได้หรือไม่?

ได้ แต่ต้องทดสอบบนพื้นจริง เพราะภาพหรือสีด้านล่างอาจทำให้ลายอ่านยาก

โลโก้ควรใหญ่แค่ไหน?

ไม่มีขนาดเดียวที่ปลอดภัย ควรเริ่มจากขนาดเล็กตรงกลางและทดสอบหลายเครื่อง

เปลี่ยนจุดเป็นวงกลมได้หรือไม่?

ได้หากลายไม่แน่นและยังต่างจากพื้นหลังชัดเจน งานขนาดเล็กควรใช้รูปทรงเรียบ

กลับสีโค้ดได้หรือไม่?

บางกล้องอ่านสีอ่อนบนพื้นเข้มได้ไม่ดี จึงแนะนำรูปแบบปกติ

งานพิมพ์ควรดาวน์โหลดไฟล์อะไร?

SVG หรือ EPS เหมาะกับการขยาย ส่วน PNG ใช้ง่ายกับเอกสารและออนไลน์

เริ่มสร้างQR Code แบบกำหนดเอง

กรอกข้อมูลให้ครบ สแกนทดสอบด้วยโทรศัพท์จริง แล้วจึงดาวน์โหลดไฟล์ไปใช้งาน

เริ่มออกแบบ QR Code