ดีไซน์ QR Code ที่ยังสแกนได้
สี่เหลี่ยมขาวดำธรรมดาก็ใช้งานได้ แต่มักไม่เข้ากับแบรนด์ นี่คือวิธีออกแบบ QR Code อย่างสร้างสรรค์ ทั้งสี รูปทรงที่กำหนดเอง โลโก้ และกรอบวงกลม พร้อมขอบเขตที่ทำให้ทุกเวอร์ชันยังสแกนได้
สร้าง QR Code18 ดีไซน์ QR Code และเหตุผลที่แต่ละแบบยังสแกนได้
โค้ดทุกอันด้านล่างถูกวาดขึ้น ไม่ใช่ถ่ายภาพมา แต่ละอันจึงเป็นสัญลักษณ์ที่ใช้งานได้จริง ไม่ใช่ภาพของสัญลักษณ์ ลองเอามือถือส่องดูอันไหนก็ได้ ใต้แต่ละดีไซน์คือลวดลายและรูปทรงดวงตาที่ประกอบขึ้นมา สีทั้งสอง และค่าคอนทราสต์ที่วัดได้ระหว่างกัน
หมึกเรียบบนพื้นขาว
โค้ดสีเกือบดำบนพื้นขาวคือจุดอ้างอิงที่ดีไซน์อื่นทั้งหมดในแกลเลอรีนี้แยกตัวออกไป สีดำล้วนจะวัดได้ 21:1 ส่วนการลดความเข้มลงเล็กน้อยไม่มีผลต่อกล้อง และพิมพ์ลงกระดาษเคลือบได้นุ่มนวลกว่า
- ลวดลาย
- สี่เหลี่ยม
- ดวงตา
- สี่เหลี่ยม
- สี
- #111110#FFFFFF
- อัตราคอนทราสต์
- 18.89:1
จุดสีมิดไนต์บนพื้นครีม
โมดูลทรงกลมบนพื้นครีมอุ่นอ่านออกว่าเป็นงานออกแบบ ไม่ใช่ค่าตั้งต้น จุดหนึ่งกินพื้นที่ 80% ของความกว้างโมดูล โค้ดแบบจุดจึงพึ่งคอนทราสต์มากกว่าโค้ดสี่เหลี่ยม และสีครีมสว่างพอจะรองรับได้
- ลวดลาย
- จุด
- ดวงตา
- วงกลม
- สี
- #10243F#F5F1E8
- อัตราคอนทราสต์
- 13.84:1
แคปซูลแนวตั้งสีป่า
แคปซูลแนวตั้งหลอมโมดูลที่ต่อกันให้เป็นรูปเดียว ซึ่งพิมพ์ออกมาสะอาดกว่าโค้ดเดียวกันที่วาดเป็นจุดแยก ๆ ในขนาดเล็ก แถวจับเวลายังคงเป็นจุด เพราะแถวที่สลับกันไม่เคยยาวเกินหนึ่งโมดูล
- ลวดลาย
- แคปซูลแนวตั้ง
- ดวงตา
- มุมโค้ง
- สี
- #1E3A2B#F2F5F0
- อัตราคอนทราสต์
- 11.26:1
ข้าวหลามตัดสีดินเผา
สี่เหลี่ยมที่หมุนองศาเข้ากับบรรจุภัณฑ์งานคราฟต์โทนดิน สีดินเผาบนพื้นขาวนวลเป็นคู่สีที่คอนทราสต์ต่ำที่สุดในแกลเลอรีนี้ สูงกว่า 7:1 ที่งานพิมพ์ต้องการเพียงเล็กน้อย และเป็นหมุดหมายที่ดีว่าโทนกลางอุ่นต้องเข้มแค่ไหน
- ลวดลาย
- ข้าวหลามตัด
- ดวงตา
- มุมโค้ง
- สี
- #7A3B21#FBF3EC
- อัตราคอนทราสต์
- 7.73:1
แท่งแนวนอนสีหินชนวน
แท่งคือแคปซูลที่ปล่อยมุมให้คม โมดูลที่ต่อกันหลอมรวม ขอบยังเป็นเหลี่ยม รูปทรงที่น้อยแต่ใหญ่ทนงานพิมพ์ขนาดเล็กได้ดีกว่าข้อมูลชุดเดียวกันที่วาดเป็นจุดแยก
- ลวดลาย
- แถบแนวนอน
- ดวงตา
- สี่เหลี่ยม
- สี
- #2F3E46#FFFFFF
- อัตราคอนทราสต์
- 11.06:1
จุดสองขนาดสีพลัม
จุดสองขนาดปรับรัศมีทีละโมดูล ให้พื้นผิวโดยไม่ขยับอะไรเลย เครื่องสแกนอ่านที่จุดกึ่งกลางของแต่ละโมดูล จุดที่เล็กกว่าจึงไม่เสียเปรียบตราบใดที่ยังอยู่ตรงกลาง
- ลวดลาย
- จุดสองขนาด
- ดวงตา
- วงกลม
- สี
- #3B1F47#F7F2F7
- อัตราคอนทราสต์
- 12.90:1
สี่เหลี่ยมเล็กโทนขาวดำ
สี่เหลี่ยมเล็กเว้นช่องว่างระหว่างโมดูลอย่างตั้งใจ ซึ่งเป็นพื้นที่เดียวกับที่กระดาษดูดซับต้องการเมื่อหมึกแผ่ โมดูลที่พิมพ์ออกมามีขนาด 74% ของช่อง ลวดลายนี้จึงต้องการโค้ดที่ใหญ่ขึ้น ไม่ใช่เล็กลง
- ลวดลาย
- สี่เหลี่ยมเล็ก
- ดวงตา
- สี่เหลี่ยม
- สี
- #1A1A1A#F0EFEB
- อัตราคอนทราสต์
- 15.13:1
ดาวสีมหาสมุทร
ดาวเป็นลวดลายที่ตกแต่งมากที่สุดที่เครื่องมือวาดได้ และเรียกร้องมากที่สุดด้วย ดาวหนึ่งดวงกินพื้นที่ช่องน้อยกว่าจุด โค้ดจึงควรใหญ่ขึ้นและคอนทราสต์สูงขึ้น สีน้ำเงินเข้มบนพื้นขาวให้ทั้งสองอย่าง
- ลวดลาย
- ดาว
- ดวงตา
- วงกลม
- สี
- #0F3D5C#FFFFFF
- อัตราคอนทราสต์
- 11.40:1
สามเหลี่ยมสีอรุณ
สามเหลี่ยมชี้ทุกโมดูลไปทางเดียวกัน ซึ่งบนโปสเตอร์อ่านออกว่าเป็นการเคลื่อนไหว จุดศูนย์ถ่วงของสามเหลี่ยมตกตรงตำแหน่งที่เครื่องสแกนอ่านพอดี ตารางจึงรอดจากการเปลี่ยนรูปทรง
- ลวดลาย
- สามเหลี่ยม
- ดวงตา
- มุมโค้ง
- สี
- #5C2E00#FFF6E5
- อัตราคอนทราสต์
- 10.60:1
ครีมบนพื้นเกือบดำ
โมดูลสว่างบนพื้นเข้มคือการกลับสีแบบเดียวที่ยังล้มเหลวในสนามจริง เพราะแอปสแกนจำนวนมากตั้งสมมติฐานว่าเป็นเข้มบนอ่อน กล้องของ iPhone และ Android รับมือได้ จึงควรเก็บโค้ดกลับสีไว้ใช้บนหน้าจอและกับกลุ่มผู้ใช้ที่คุณรู้จัก
- ลวดลาย
- จุด
- ดวงตา
- วงกลม
- สี
- #F2EFE6#14161A
- อัตราคอนทราสต์
- 15.75:1
แคปซูลแนวนอนสีเบอร์รี
แคปซูลแนวนอนโทนเบอร์รีเข้มเข้ากับการ์ดเชิญและเครื่องเขียน ที่ซึ่งโค้ดอยู่ข้างตัวอักษรมีเชิงและไม่ควรตะโกน ปลายแคปซูลโค้งเข้าหาพื้นหลัง จึงควรเว้นโซนเงียบไว้เต็มสี่โมดูล
- ลวดลาย
- แคปซูลแนวนอน
- ดวงตา
- มุมโค้ง
- สี
- #6B1839#FDF4F7
- อัตราคอนทราสต์
- 10.72:1
แท่งแนวตั้งสีกราไฟต์
แท่งแนวตั้งให้ความรู้สึกเหมือนผ้าทอ และรักษาขอบบนกระดาษเคลือบได้ดีกว่าจุดแยก สีกราไฟต์บนพื้นขาวอุ่นบาง ๆ ผ่านเป้าหมายงานพิมพ์โดยไม่ต้องไปถึงดำล้วน
- ลวดลาย
- แถบแนวตั้ง
- ดวงตา
- สี่เหลี่ยม
- สี
- #23262B#F4F4F2
- อัตราคอนทราสต์
- 13.78:1
โค้ดสีถ่านกับดวงตาสีอำพัน
การให้สีเฉพาะแก่ลวดลายค้นหาทั้งสามคือวิธีที่ถูกที่สุดที่ทำให้โค้ดดูผ่านการออกแบบ สีดวงตาถูกวัดแยกจากลวดลาย สีอำพันนี้ผ่านขั้นต่ำ 3:1 และเป้าหมายหน้าจอ 4:1 แต่ไม่ผ่าน 7:1 ที่งานพิมพ์ต้องการ
- ลวดลาย
- สี่เหลี่ยม
- ดวงตา
- มุมโค้ง
- สี
- #2B2B2B#FFFFFF
- อัตราคอนทราสต์
- 14.16:1
- คอนทราสต์ดวงตา
- 5.18:1
สี่เหลี่ยมเล็กสีเซจ
สีเซจบนพื้นซีดเป็นคู่สีที่ความอิ่มตัวต่ำ แต่ยังผ่านเป้าหมายงานพิมพ์อย่างสบาย สีกับคอนทราสต์เป็นคนละการตัดสินใจ พาเลตต์ที่นุ่มนวลไม่ได้แปลว่าโค้ดจะเฉียดฉิว
- ลวดลาย
- สี่เหลี่ยมเล็ก
- ดวงตา
- มุมโค้ง
- สี
- #33422F#EDF0E6
- อัตราคอนทราสต์
- 9.28:1
สีโคบอลต์บนพื้นขาวอุ่น
สีน้ำเงินอิ่มตัวคือสีสดที่ปลอดภัยที่สุดสำหรับ QR Code เพราะสีน้ำเงินส่งผลต่อค่าความสว่างที่กล้องวัดน้อยที่สุด ความอิ่มตัวเท่ากันในสีเหลืองหรือเขียวจะไม่ผ่านขั้นต่ำ
- ลวดลาย
- จุด
- ดวงตา
- สี่เหลี่ยม
- สี
- #1D3FA8#FFF9F0
- อัตราคอนทราสต์
- 8.61:1
ดาวสีถ่านบนพื้นโอ๊ตมีล
ดาวบนพื้นโอ๊ตมีลให้อารมณ์เทศกาลโดยไม่ต้องใช้กราฟิกเทศกาลสักชิ้น ลวดลายตกแต่งเรียกร้องขนาดพิมพ์ที่ใหญ่ที่สุดในหน้า ให้กำหนดขนาดจากโมดูล ไม่ใช่จากสี่เหลี่ยมที่เสร็จแล้ว
- ลวดลาย
- ดาว
- ดวงตา
- มุมโค้ง
- สี
- #26231F#EFE7D9
- อัตราคอนทราสต์
- 12.74:1
สามเหลี่ยมสีเลือดหมู
สีเลือดหมูเข้มพอจะทำหน้าที่เป็นสีลวดลาย ซึ่งสีแดงของแบรนด์ส่วนใหญ่ทำไม่ได้ ให้วัดสีแดงที่คุณมีจริงแทนที่จะเดา สีแดงกลางบนพื้นขาวมักหยุดอยู่ราว 4:1 ซึ่งต่ำกว่าที่งานพิมพ์ต้องการ
- ลวดลาย
- สามเหลี่ยม
- ดวงตา
- วงกลม
- สี
- #7F1020#FFFFFF
- อัตราคอนทราสต์
- 10.51:1
แคปซูลสีเขียวน้ำทะเลเข้ม
เขียวน้ำทะเลเข้มคือสีเกือบดำที่ยังมีเฉดสีอยู่ นั่นคือวิธีที่โค้ดอ่านออกว่ามีสีแต่ยังวัดได้เหมือนหมึก แคปซูลแนวตั้งให้พื้นผิวโดยไม่ดึงโมดูลออกจากตารางแม้แต่ตัวเดียว
- ลวดลาย
- แคปซูลแนวตั้ง
- ดวงตา
- วงกลม
- สี
- #0B3B3C#F0F7F6
- อัตราคอนทราสต์
- 11.34:1
อะไรทำให้ดีไซน์ QR Code ใช้งานได้จริง
QR Code สร้างสรรค์คือ QR Code มาตรฐานที่จัดสไตล์ด้วยการตัดสินใจทางดีไซน์อย่างตั้งใจ ทั้งสีที่กำหนดเอง รูปทรงโมดูล โลโก้กลางโค้ด หรือกรอบมนกลม โดยยังรักษาคอนทราสต์และโครงสร้างที่เครื่องสแกนต้องการ ความสร้างสรรค์อยู่ที่การนำเสนอ ไม่ใช่ข้อมูลที่อยู่ข้างใต้ ในบรรดาตัวเลือกเหล่านี้ รูปทรงคือสิ่งเดียวที่มีต้นทุนความกว้างวัดได้ ดูแผนที่ได้ที่ รูปทรง QR Code

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

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

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

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

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

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

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

ดีไซน์ QR Code จากการใช้งานจริง
การเห็นแนวคิดนี้ถูกนำไปใช้กับโปรเจกต์จริงช่วยให้วางแผนงานของคุณเองได้ง่ายขึ้น
วิธีทำ QR Code สร้างสรรค์
4 ขั้นตอนพาคุณจากเนื้อหาดิบไปถึงดีไซน์ที่เสร็จสมบูรณ์และผ่านการทดสอบ
สร้าง QR Code- 1
ใส่เนื้อหาของคุณ
ใส่ลิงก์ ข้อความ หรือรายละเอียดที่ต้องการให้โค้ดเปิด เนื้อหาที่สั้นกว่าให้โค้ดที่แน่นน้อยลงและมีพื้นที่ให้ตกแต่งมากขึ้น
- 2
เลือกรูปทรงและสี
เลือกสไตล์โมดูล กรอบ และสีที่เข้ากับแบรนด์ของคุณ โดยคงคอนทราสต์ระหว่างสีอ่อนกับสีเข้มให้ชัดเจนตลอดทั้งโค้ด
- 3
ใส่โลโก้
วางโลโก้ไว้กลางโค้ด และเพิ่มการแก้ไขข้อผิดพลาดเพื่อให้โค้ดรอบ ๆ ยังอ่านได้
- 4
ทดสอบ แล้วส่งออก
สแกนด้วยมือถือสองสามเครื่อง แล้วส่งออกเป็น PNG สำหรับหน้าจอ หรือ SVG สำหรับงานพิมพ์

เริ่มจากพรีเซ็ต หรือสร้างขึ้นเองตั้งแต่ต้น
ถ้าคุณเพิ่งเริ่มทำโค้ดสร้างสรรค์ ให้เริ่มจากพรีเซ็ตที่จัดสไตล์ไว้แล้ว เช่น กรอบวงกลมหรือชุดโมดูลที่มีสี แล้วสลับลิงก์ของคุณเข้าไปและปรับพาเลต ถ้าคุณอยากควบคุมเองทั้งหมด ให้ตั้งรูปทรง โมดูล โลโก้ และสีด้วยตัวเอง พร้อมดูตัวอย่างการสแกนไปด้วยระหว่างทาง
KoloQR ให้คุณทำได้ทั้งสองอย่าง สร้างโค้ดที่จัดสไตล์แล้วในไม่กี่วินาที ปรับแต่งได้ทุกส่วน และส่งออกเวกเตอร์ที่พร้อมพิมพ์เมื่อคุณต้องการ
สร้าง QR Codeส่งออกเป็นไฟล์รูปแบบไหน
รูปแบบที่เหมาะขึ้นอยู่กับว่าโค้ดสร้างสรรค์จะไปอยู่ที่ไหน สำหรับทุกอย่างที่นำไปพิมพ์ เวกเตอร์ชนะ
PNG
สำหรับงานดิจิทัล ทั้งเว็บไซต์ อีเมล โพสต์โซเชียล และทุกอย่างที่แสดงบนหน้าจอ ส่งออกที่ความละเอียดสูงก็เพียงพอ
SVG
สำหรับงานพิมพ์และงานขนาดใหญ่ ที่โค้ดขยายได้ทุกขนาดโดยไม่เบลอและขอบไม่แตกเป็นพิกเซล โค้ดสร้างสรรค์มักถูกใช้ใหญ่กว่าโค้ดธรรมดา
เวกเตอร์ที่พร้อมพิมพ์
สำหรับงานผลิตระดับมืออาชีพ ที่เส้นคมและขนาดที่แม่นยำเป็นตัวตัดสินว่าโค้ดจะสแกนจากกระดาษได้หรือไม่ ตั้งแต่ขนาดนามบัตรไปจนถึงขนาดผนัง
Questions? Answered
ได้ สี รูปทรงโมดูล กรอบ และโลโก้กลางโค้ด ปลอดภัยทั้งหมดเมื่อคุณรักษาคอนทราสต์ให้เข้ม คงพื้นที่ว่างรอบโค้ดไว้ครบ และคงลายมุมให้ดูออกได้ ปัญหาเริ่มเมื่อการตกแต่งลดคอนทราสต์ หรือเปลี่ยนรูปส่วนที่เครื่องสแกนต้องพึ่งพา
ได้ ให้โลโก้เล็กไว้ ราวหนึ่งในห้าตรงกลางของโค้ด และเพิ่มระดับการแก้ไขข้อผิดพลาดก่อน ข้อมูลสำรองนั้นทำให้โค้ดกู้คืนข้อมูลที่โลโก้ปิดทับได้ QR Code สไตล์แบรนด์ อธิบายขนาดและตำแหน่งโลโก้ไว้ครบถ้วน
สาเหตุที่พบบ่อยคือคอนทราสต์ต่ำ พื้นที่ว่างรอบโค้ดหายไป ลายมุมถูกแต่งหนักเกินไป หรือโลโก้ใหญ่เกินกว่าระดับการแก้ไขข้อผิดพลาดจะรับไหว แก้ทีละอย่าง แล้วโค้ดมักกลับมาใช้ได้
ลวดลายที่ใช้หมึกน้อย ทั้งจุด ดาว สามเหลี่ยม และแคปซูล เว้นช่องว่างรอบจุดกึ่งกลางของแต่ละโมดูล และตัวถอดรหัสที่ได้รับไฟล์คมชัดระดับพิกเซลจะเข้มงวดกับช่องว่างนั้นมากกว่ากล้อง เลนส์ของมือถือทำให้ภาพนุ่มลงพอดีจนช่องว่างนั้นปิดลง ถ้าโปรแกรมตรวจปฏิเสธดีไซน์ที่มือถือคุณอ่านได้ ให้เชื่อมือถือแล้วไปทดสอบกับงานพิมพ์จริง
ต้องมีความต่างที่ชัดเจนระหว่างลายสีเข้มกับพื้นหลังสีอ่อน คอนทราสต์สูง เช่น สีน้ำเงินเข้มบนพื้นขาว แทนที่จะเป็นสีเทาบนพื้นครีม ทำให้กล้องอ่านได้ง่ายที่สุดในทุกสภาพแสง QR Code สี รวบรวมคู่สีที่ผ่านเกณฑ์ไว้ และเครื่องตรวจคอนทราสต์ใช้วัดคู่สีของคุณได้
จับคู่พาเลตและรูปทรงให้เข้ากับโอกาส ทำให้เนื้อหาที่ลิงก์ไปสั้นเพื่อให้โค้ดโปร่งและตกแต่งง่าย แล้วส่งออกเป็น SVG สำหรับงานพิมพ์ กรอบวงกลมหรือสีแบรนด์โทนนุ่มอ่านเป็นสิ่งที่ตั้งใจบนบัตรเชิญและป้าย
ใช้ PNG สำหรับหน้าจอ และ SVG สำหรับทุกอย่างที่นำไปพิมพ์ SVG ขยายได้โดยไม่เบลอ ดีไซน์เดียวกันจึงคมตั้งแต่บนนามบัตรไปจนถึงโปสเตอร์
ไม่มี คุณออกแบบ QR Code ด้วยสีที่กำหนดเอง รูปทรง โลโก้ และกรอบวงกลม แล้วส่งออกได้ฟรี พร้อมไฟล์เวกเตอร์ที่พร้อมพิมพ์เมื่อคุณต้องการ
QR Code ที่ดูเท่มักทำสิ่งเดียวให้ดี แทนที่จะทำห้าอย่างพร้อมกัน เช่น สีแบรนด์ที่ชัดเจน รูปทรงโมดูลที่มีเอกลักษณ์ หรือกรอบที่เข้ากับพื้นผิวที่วางไว้ ความยับยั้งชั่งใจคือสิ่งที่แยกโค้ดที่คนอยากถ่ายรูปออกจากโค้ดที่คนเลื่อนผ่าน และบังเอิญว่ามันคือสิ่งเดียวกับที่ทำให้โค้ดยังสแกนได้
เริ่มจากชุดสีและรูปทรงที่คุณใช้อยู่แล้วในที่อื่น รักษาลวดลายสีเข้มให้เข้มกว่าพื้นหลังอย่างชัดเจน และอย่าไปยุ่งกับพื้นที่ว่างรอบโค้ด QR Code ที่สวยงามก็คือโค้ดธรรมดาที่จัดสไตล์อย่างมีวินัย ตารางที่อยู่ข้างใต้ไม่ได้เปลี่ยนอะไรเลย
ผสมสองอย่างแทนที่จะใช้อย่างเดียว เช่น รูปทรงโมดูลบวกกับสีแบรนด์ หรือกรอบวงกลมบวกกับโลโก้ตรงกลาง QR Code ที่ไม่เหมือนใครเกิดจากการจับคู่ที่ยังไม่มีใครใช้ ไม่ใช่จากการซ้อนเอฟเฟกต์ทุกอย่างที่เครื่องมือมีให้
สำรวจต่อ
หน้าที่ต่อจากหน้านี้ - บริบทเดียวกัน โค้ดชนิดเดียวกัน หรือสิ่งที่ต้องตัดสินใจต่อไป
รูปทรง QR Code
ภาพรวมรูปทรงทั้งหมด ทั้งโมดูล ดวงตา และกรอบ พร้อมข้อแลกเปลี่ยนของโค้ดทรงกลม สามเหลี่ยม หกเหลี่ยม และสี่เหลี่ยม
QR Code สี
ใส่พาเลตของคุณลงใน QR Code โดยไม่ทำให้มันพัง สีไหนควรอยู่บนลวดลาย และสีไหนควรอยู่ที่กรอบ
QR Code ทรงวงกลม
โมดูลทรงกลมและกรอบวงกลม สำหรับที่รองแก้ว ตราประทับ และบัตรผู้ร่วมงาน ที่โค้ดสี่เหลี่ยมไม่เคยวางลงตัว
เครื่องตรวจคอนทราสต์ QR Code
ตัดสินคู่สีแบบเดียวกับที่เครื่องสแกนทำ ทั้งอัตราส่วนคอนทราสต์ ความต่างของความสว่างที่กล้องเห็น และความอยู่รอดเมื่อพิมพ์จริง
ทำไม QR Code ถึงสแกนไม่ติด และจะรู้ได้อย่างไรว่าเป็นปัญหาแบบไหน
สามทางที่ QR Code ล้มเหลว - ไม่ถูกตรวจจับเลย อ่านได้ไม่ดี หรืออ่านได้สมบูรณ์แต่ปลายทางพัง - และวิธีที่อาการบอกคุณว่าเป็นแบบไหนก่อนจะวัดอะไรทั้งนั้น
ลายระบุตำแหน่งของ QR code: ทำไม QR code ทุกอันถึงมีสี่เหลี่ยมอยู่ตรงมุม
สี่เหลี่ยมสามอันตรงมุมของ QR code ทำงานอะไรจริง ๆ ทำไมมุมที่สี่ถึงถูกเว้นว่าง และสัดส่วนเท่าไรของสัญลักษณ์ที่เป็นโครงสร้างแทนที่จะเป็นข้อมูลที่คุณใส่เข้าไป
ทำไมต้อง KoloQR?
- สร้าง QR Code สำหรับเว็บไซต์ เมนู Wi-Fi ไฟล์ PDF และนามบัตร
- ปรับแต่งสี โลโก้ และรูปทรงที่ไม่เหมือนใคร
- ดาวน์โหลดไฟล์ PNG และ SVG คุณภาพสูง
- ออกแบบมาเพื่อทั้งงานพิมพ์และงานดิจิทัล




