QR Code ทรงสามเหลี่ยม

ออกแบบ QR Code ทรงสามเหลี่ยมให้ถูกวิธี

สไตล์สามเหลี่ยมทำให้ QR Code ดูคมและเป็นเรขาคณิต นี่คือวิธีใช้ดีไซน์แบบเหลี่ยมมุมให้เต็มที่ โดยยังรักษาให้โค้ดสแกนติดทุกครั้ง

สร้าง QR Code

QR Code ทรงสามเหลี่ยมคืออะไร?

QR Code ทรงสามเหลี่ยมคือ QR Code มาตรฐานที่จัดสไตล์ด้วยองค์ประกอบสามเหลี่ยม ทั้งรูปทรงโมดูลแบบเหลี่ยมมุม กรอบเชิงเรขาคณิต หรือการจัดองค์ประกอบเป็นสามเหลี่ยมรอบโค้ด ตัวเมทริกซ์ที่สแกนได้ยังเป็นสี่เหลี่ยมเหมือนเดิม แต่ดีไซน์รอบ ๆ สร้างความรู้สึกคมและเป็นสามเหลี่ยม

ป้ายตั้งโต๊ะสีเขียวเข้ม "Summer Special - สแกนเพื่อดูเมนู" พร้อม QR Code ทรงสามเหลี่ยม ตั้งอยู่บนขาตั้งไม้ข้างแจกันเซรามิก

ทำไมโค้ดจึงยังเป็นสี่เหลี่ยม

การสแกนให้ได้แน่นอนต้องอาศัยองค์ประกอบโครงสร้างที่กำหนดไว้แน่นอนไม่กี่อย่าง นี่คือสิ่งที่กล้องมือถือมองหา และเป็นเหตุผลที่ตัวโค้ดเองกลายเป็นสามเหลี่ยมจริง ๆ ไม่ได้

  • ตัวระบุตำแหน่ง (finder pattern) - สี่เหลี่ยมสามจุดตรงมุมที่บอกเครื่องสแกนว่าโค้ดอยู่ที่ไหนและหมุนไปทางใด
  • จังหวะและการจัดแนว - แถวและจุดอ้างอิงที่ทำให้กริดยังอ่านได้ แม้อยู่บนพื้นผิวโค้งหรือบนงานพิมพ์
  • พื้นที่ว่างรอบโค้ด (quiet zone) - ขอบว่างที่ชัดเจนรอบโค้ด การยัดกราฟิกเข้าไปในนั้นคือวิธีทำให้สแกนไม่ติดที่เร็วที่สุด

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

สามเหลี่ยมเข้ามาอยู่ตรงไหน

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

สร้าง QR Code
นามบัตรสีขาวของ Alex Morgan บนพื้นหลังสีส้ม พร้อม QR Code ทรงสามเหลี่ยมสีส้มและข้อมูลติดต่อ

ไอเดีย QR Code ทรงสามเหลี่ยมที่ใช้ได้จริง

สไตล์เหลี่ยมมุมเหมาะกับแบรนด์ที่อยากดูโมเดิร์น เชิงเทคนิค หรือหนักแน่น นี่คือจุดที่ดีไซน์ QR Code ทรงสามเหลี่ยมมักลงตัว

โปสเตอร์ติดผนังสีดำ "Vector Summit - Build. Scale. Disrupt." พร้อมสามเหลี่ยมสีน้ำเงินและ QR Code ทรงสามเหลี่ยมสำหรับลงทะเบียน ติดอยู่บนผนังคอนกรีต

แบรนด์สายเทคและสตาร์ตอัป

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

โปสเตอร์อีเวนต์สีแดงดำ "Pulse Festival" พร้อมรายชื่อศิลปินและ QR Code ทรงสามเหลี่ยมให้สแกนซื้อบัตร

โปสเตอร์อีเวนต์และเทศกาล

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

ซองชาสีน้ำเงินแบบเหลี่ยมเจียระไน "Aurora Tea Co - Earl Grey Blend" บนพื้นหลังสีเหลือง พร้อม QR Code ทรงสามเหลี่ยม

บรรจุภัณฑ์เชิงเรขาคณิต

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

นามบัตรสีเข้มปั๊มนูน "Linea - Architecture & Interiors" ของ Alex Morgan พร้อม QR Code ทรงสามเหลี่ยม

สตูดิโอสถาปัตยกรรมและออกแบบ

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

กล่องสินค้าสีดำ "Precision Hinge HX-200" พร้อมรายการสเปกและ QR Code ทรงสามเหลี่ยม วางข้างสลักเกลียวเหล็กสองตัว

ฉลากสินค้าและป้ายสเปก

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

ปกอัลบั้มสีเข้ม "Echoes Beyond the Sky" พร้อมภาพภูเขาสีแดงและ QR Code ทรงสามเหลี่ยม วางข้างแผ่นเสียงไวนิล

ปกอัลบั้มและโปรโมตเพลง

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

แนวทางที่ดีสำหรับ QR Code ทรงสามเหลี่ยม

ดีไซน์แบบเหลี่ยมมุมดูดี แต่ถ้าดันเรขาคณิตไปไกลเกินไป มันจะสวนทางกับการสแกน กฎเหล่านี้ทำให้ QR Code ทรงสามเหลี่ยมยังคมและเชื่อถือได้

ป้ายผนังโรงแรมทรงสามเหลี่ยมสีเทา "Guest Services - กด 0 เพื่อขอความช่วยเหลือ" ติดอยู่เหนือ QR Code ทรงสามเหลี่ยม ข้างประตูห้องพัก

รักษาเรขาคณิตให้ยังสแกนได้

หน้าตาแบบเหลี่ยมมุมอยู่ที่การจัดสไตล์ ไม่ใช่ที่กริด ปกป้องส่วนที่กล้องต้องพึ่งพา แล้วดีไซน์ก็ปลอดภัย

  • ให้ตัวโค้ดยังเป็นสี่เหลี่ยม - จัดสไตล์ที่โมดูลและกรอบ ไม่ใช่ที่เมทริกซ์ข้อมูล กริดที่เป็นสามเหลี่ยมจริง ๆ จะสแกนไม่ได้บนเครื่องอ่านมาตรฐานใด ๆ
  • ปกป้องพื้นที่ว่างรอบโค้ด (quiet zone) - เว้นที่ว่างให้ชัดเจนทั้งสี่ด้าน กรอบสามเหลี่ยมมักกินเข้ามาด้านใน จึงต้องให้โค้ดมีที่หายใจ
  • รักษาคอนทราสต์ให้สูง - โมดูลสีเข้มบนพื้นหลังสีอ่อนสแกนได้ดีที่สุด สไตล์เหลี่ยมมุมไม่ได้เปลี่ยนหลักฟิสิกส์ของคอนทราสต์
  • อย่าสลับสีอ่อนกับสีเข้ม - โค้ดสีอ่อนบนพื้นหลังสีเข้มไม่น่าเชื่อถือ ถ้าดีไซน์ของคุณเป็นโทนเข้ม ให้วางโค้ดไว้บนพื้นที่สีอ่อน
  • รักษาตัวระบุตำแหน่งให้สะอาด - สี่เหลี่ยมสามจุดตรงมุมต้องยังดูออกได้ แม้โมดูลที่เหลือจะเป็นแบบเหลี่ยมมุม

จากดีไซน์ถึงงานพิมพ์

ขอบที่เป็นเหลี่ยมมุมคือจุดที่การผลิตเรื่องมากที่สุด ขั้นตอนเหล่านี้ช่วยให้ขอบยังคมไปจนถึงชิ้นงานสำเร็จ

  • เพิ่มการแก้ไขข้อผิดพลาดเมื่อเลย์เอาต์แน่น - การแก้ไขข้อผิดพลาดในระดับที่สูงขึ้นรับมือกรอบตกแต่งและโลโก้ขนาดเล็กได้ แลกกับโค้ดที่แน่นขึ้นเล็กน้อย
  • กำหนดขนาดตามระยะสแกน - โค้ดบนโปสเตอร์ที่อ่านจากอีกฟากของห้องต้องใหญ่กว่าโค้ดบนนามบัตรที่ถืออยู่ในระยะแขนมาก
  • ทดสอบด้วยมือถือมากกว่าหนึ่งเครื่อง - คุณภาพกล้องต่างกัน สแกนด้วยทั้งเครื่องรุ่นเก่าและรุ่นใหม่ก่อนส่งงานเข้าโรงพิมพ์
  • ส่งออกเป็นเวกเตอร์สำหรับงานพิมพ์ - SVG รักษาขอบสามเหลี่ยมให้คมในทุกขนาด ไม่มีอะไรเบลอหรือแตกเป็นพิกเซลบนงานขนาดใหญ่
  • จับคู่โค้ดให้เข้ากับแบรนด์ - สไตล์เหลี่ยมมุมเหมาะกับอัตลักษณ์ที่เป็นเรขาคณิต เชิงเทคนิค หรือหนักแน่น ถ้าแบรนด์ของคุณนุ่มนวลและมนกลม สามเหลี่ยมอาจดูขัด
ป้ายตั้งข้อมูลในโรงแรมสีน้ำเงินเข้ม "Stay Connected - สแกนเพื่อดูข้อมูล" ที่ระบุ Wi-Fi และบริการต่าง ๆ พร้อม QR Code ทรงสามเหลี่ยม ตั้งอยู่บนโต๊ะไม้

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

การเห็นแนวคิดนี้ถูกนำไปใช้กับโปรเจกต์จริงช่วยให้วางแผนงานของคุณเองได้ง่ายขึ้น

กล่องเปิดตัวสินค้าสีดำ "Apex One" พร้อมลูกเล่นสามเหลี่ยมสีน้ำเงินและ QR Code ทรงสามเหลี่ยม

การเปิดตัวสินค้าเทคโนโลยี

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

โปสเตอร์ติดถนนสีเข้ม "Aurora Music Festival - Music Unites Us" พร้อมลายสามเหลี่ยมสีส้มและ QR Code ทรงสามเหลี่ยม

โปสเตอร์เทศกาลดนตรี

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

นามบัตรสีแดงเข้ม "Aurora Design Studio" ของ Daniel Morgan วางข้างโบรชัวร์งานออกแบบ พร้อม QR Code ทรงสามเหลี่ยม

พอร์ตโฟลิโอสตูดิโอออกแบบ

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

สว่านไร้สาย Dura Pro Series สีดำเหลือง พร้อมฉลาก QR Code ทรงสามเหลี่ยมบนแบตเตอรี่

ฉลากฮาร์ดแวร์และสเปก

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

วิธีออกแบบ QR Code ทรงสามเหลี่ยม

คุณไม่ต้องมีโปรแกรมออกแบบ สร้างโค้ดก่อน จัดสไตล์ทีหลัง แล้วทดสอบก่อนตัดสินใจพิมพ์

สร้าง QR Code
  1. 1

    ใส่ลิงก์หรือเนื้อหาของคุณ

    เริ่มจากสิ่งที่โค้ดควรทำ เปิด URL แชร์ Wi-Fi หรือโหลดเมนู เพื่อล็อกข้อมูลให้แน่นอนก่อนจัดสไตล์

  2. 2

    เลือกสไตล์โมดูลแบบเหลี่ยมมุม

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

  3. 3

    ใส่กรอบด้วยเรขาคณิต ไม่ใช่ความรกตา

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

  4. 4

    ทดสอบ แล้วส่งออก

    สแกนด้วยมือถือสองสามเครื่อง แล้วดาวน์โหลด SVG สำหรับงานพิมพ์หรือ PNG สำหรับหน้าจอ เพื่อให้ขอบยังคมในทุกขนาด

การ์ดข้างเตียงในโรงแรมสีเขียวเข้ม "Stay Connected, Enjoy More" ที่ระบุบริการสำหรับผู้เข้าพัก พร้อม QR Code ทรงสามเหลี่ยม วางบนโต๊ะข้างเตียงไม้ข้างโคมไฟ

เริ่มด้วยความเหลี่ยมมุม แต่ยังสแกนได้

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

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

สร้าง QR Code

เลือกฟอร์แมตสำหรับดีไซน์ทรงสามเหลี่ยม

ขอบที่เป็นเหลี่ยมมุมคือจุดที่ฟอร์แมตไฟล์สำคัญที่สุด มุมคมที่ดูคมชัดบนหน้าจออาจเบลอหรือหยักเป็นฟันปลาในงานพิมพ์ ถ้าคุณส่งออกไฟล์ผิดชนิด

SVG

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

PNG

ใช้ได้ดีกับเว็บไซต์ สไลด์ และโพสต์โซเชียล ที่ต้องการเพียงขนาดพิกเซลคงที่

การส่งออกแบบพร้อมพิมพ์

รักษาคอนทราสต์และขอบที่สะอาดในขนาดงานผลิตจริง โค้ดจึงใช้ได้ตั้งแต่นามบัตรไปจนถึงแบนเนอร์

Questions? Answered

ตัวโค้ดเองไม่ได้ QR Code ต้องเป็นกริดสี่เหลี่ยมจึงจะสแกนได้แน่นอน เพราะเครื่องสแกนมองหาสี่เหลี่ยมที่กำหนดไว้ตรงมุม คุณสร้างหน้าตาแบบสามเหลี่ยมได้ผ่านรูปทรงโมดูลแบบเหลี่ยมมุมและกรอบ แต่เมทริกซ์ที่อ่านได้ยังเป็นสี่เหลี่ยม

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

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

QR Code พึ่งพาตัวระบุตำแหน่งสี่เหลี่ยมสามจุดและกริดกำหนดจังหวะที่จัดวางบนเมทริกซ์สี่เหลี่ยม การเปลี่ยนรูปทั้งหมดนั้นเป็นสามเหลี่ยมทำให้จุดอ้างอิงที่เครื่องสแกนต้องใช้หายไป จึงถอดรหัสไม่ได้

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

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

ไม่ต้อง เครื่องมือสร้าง QR Code ที่มีตัวเลือกรูปทรงและสีให้คุณจัดสไตล์โมดูลและกรอบทรงสามเหลี่ยมได้โดยตรง แล้วส่งออกไฟล์ที่พร้อมพิมพ์โดยไม่ต้องแตะเครื่องมือออกแบบเลย

ได้ วางโลโก้ให้เล็กและอยู่กลางโค้ด และเพิ่มระดับการแก้ไขข้อผิดพลาดเพื่อให้โค้ดยังอ่านได้ อย่าให้โลโก้หรือกรอบไปแตะตัวระบุตำแหน่งตรงมุม

เมื่อสไตล์เหลี่ยมมุมเข้ากับแบรนด์ เช่น สายเทค สถาปัตยกรรม อีเวนต์ หรือบรรจุภัณฑ์เชิงเรขาคณิต ถ้าอัตลักษณ์ของคุณนุ่มนวลหรือมนกลม โค้ดทรงกลมหรือสี่เหลี่ยมแบบคลาสสิกมักให้ความรู้สึกเป็นธรรมชาติกว่า

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

ทำไมต้อง KoloQR?

  • สร้าง QR Code สำหรับเว็บไซต์ เมนู Wi-Fi ไฟล์ PDF และนามบัตร
  • ปรับแต่งสี โลโก้ และรูปทรงที่ไม่เหมือนใคร
  • ดาวน์โหลดไฟล์ PNG และ SVG คุณภาพสูง
  • ออกแบบมาเพื่อทั้งงานพิมพ์และงานดิจิทัล
สร้าง QR Code
QR Code สีดำธรรมดาวางข้าง QR Code เดียวกันที่ออกแบบใหม่เป็นทรงกลมด้วยสีของแบรนด์