📱
← Quay lại hướng dẫn

Cách thiết kế mã QR tùy chỉnh vẫn quét được

· Thẻ: qr-codes, design, branding, logo, custom-qr

Cách thiết kế mã QR tùy chỉnh vẫn quét được

Một mã QR được thiết kế tốt có thể tăng tỷ lệ quét lên 40-60% so với mã đen trắng thông thường. Mã QR tùy chỉnh xây dựng nhận diện thương hiệu, truyền tải sự chuyên nghiệp và thu hút người dùng quét. Nhưng các sửa đổi thiết kế mang đến rủi ro kỹ thuật thực sự: mỗi thay đổi bạn thực hiện đều có khả năng can thiệp vào thuật toán quét. Một mã đẹp nhưng không quét được còn tệ hơn một mã xấu nhưng hoạt động hoàn hảo.

Hướng dẫn này bao gồm các nguyên tắc kỹ thuật và thiết kế đằng sau mã QR tùy chỉnh trông đẹp mắt và quét đáng tin cậy trong điều kiện thực tế.

Nền tảng kỹ thuật: Tại sao thiết kế tùy chỉnh hoạt động

Mã QR sử dụng sửa lỗi Reed-Solomon, bổ sung dữ liệu dự phòng vào biểu tượng. Khi bạn phủ logo, thay đổi màu sắc hoặc sửa đổi hình dạng module, trình quét gặp phải các module không thể đọc chính xác. Thuật toán sửa lỗi tái tạo các giá trị dự định từ dữ liệu dự phòng được phân phối khắp mã.

Sự thật quan trọng: Sửa lỗi có giới hạn cứng. Vượt quá giới hạn đó tạo ra một mã thất bại âm thầm — trông ổn nhưng không quét được. Mọi tùy chỉnh đều tiêu tốn một phần ngân sách sửa lỗi của bạn. Hiểu ngân sách này là chìa khóa để thiết kế thành công.

Màu sắc: Độ tương phản là tất cả

Trình quét QR hoạt động bằng cách phát hiện sự khác biệt giữa module tối và module sáng. Độ tương phản càng lớn, quét càng đáng tin cậy.

Quy tắc tương phản

Các module tối phải tối hơn ít nhất 50% so với module sáng về độ sáng cảm nhận. Theo thuật ngữ thực tế:

  • Kết hợp an toàn: Xanh đậm trên trắng, xanh lá đậm trên trắng, đen trên vàng nhạt, nâu đậm trên be
  • Kết hợp rủi ro: Đỏ trên hồng, xanh nhạt trên trắng, xám trên trắng, màu tối trên nền tối
  • Kết hợp thất bại: Trắng trên xám nhạt, vàng trên trắng, bất kỳ màu nào trên nền có sắc độ tương tự

Kiểm tra độ tương phản

Trước khi hoàn thiện thiết kế, áp dụng bộ lọc grayscale. Nếu module tối và sáng hòa vào nhau ở chế độ grayscale, mã sẽ không quét được đối với một số người dùng. Các công cụ kiểm tra độ tương phản trực tuyến có thể định lượng sự khác biệt — nhắm đến tỷ lệ tương phản ít nhất 4,5:1, mặc dù cao hơn luôn tốt hơn.

Cân nhắc về nền

  • Vùng yên tĩnh (viền xung quanh mã) phải là màu đặc, sáng — tốt nhất là màu trắng
  • Tránh đặt mã QR trên nền ảnh phức tạp hoặc bề mặt có hoa văn
  • Nếu mã phải nằm trên bề mặt không trắng, bao quanh nó bằng một hình vuông trắng đặc hoặc màu sáng
  • Không bao giờ sử dụng mẫu module màu sáng trên nền tối — vùng yên tĩnh trở nên vô hình và các mẫu tìm kiếm biến mất

Tích hợp logo: Kích thước và vị trí

Logo là tùy chỉnh mã QR phổ biến nhất, nhưng chúng cũng có khả năng gây lỗi quét cao nhất.

Quy tắc 20%

Giữ diện tích logo dưới 20% tổng diện tích mã QR. Ở mức phủ 15%, hầu như mọi trình quét đều có thể đọc mã với sửa lỗi Mức Q hoặc H. Ở mức phủ 25%, bạn cần Mức H và thậm chí khi đó một số trình quét giá rẻ có thể thất bại.

Hình dạng logo

  • Logo tròn ít can thiệp vào lưới quét hơn logo vuông
  • Góc bo tròn tạo ra ít nhiễu quét hơn góc nhọn
  • Nền trong suốt xung quanh hình dạng không đều đôi khi gây ra vấn đề — một viền tròn trắng sạch xung quanh logo giúp trình quét phân biệt vật cản

Vị trí logo

Trung tâm của mã QR là nơi an toàn nhất cho logo. Khu vực này chứa các module dữ liệu được hưởng lợi từ dự phòng sửa lỗi được phân phối khắp mã. Đặt logo gần các cạnh có thể can thiệp vào mẫu định thời hoặc mẫu căn chỉnh, những thứ khó tái tạo hơn.

Viền

Thêm viền trắng mỏng (rộng 3-5 module) giữa logo và các module QR xung quanh. Điều này ngăn trình quét hiểu nhầm các cạnh logo là module dữ liệu và cải thiện sự tách biệt trực quan.

Hình dạng và mẫu module

Mã QR tiêu chuẩn sử dụng module vuông đen trên nền trắng. Nhiều trình tạo hiện đại cho phép tùy chỉnh hình dạng.

Module bo tròn

Thay thế module vuông sắc nét bằng hình vuông bo tròn hoặc hình tròn tạo ra thẩm mỹ mềm mại, hiện đại hơn. Thay đổi này hiếm khi ảnh hưởng đến việc quét vì tâm module vẫn giữ màu đúng. Tuy nhiên, bo tròn quá mức làm giảm đáng kể kích thước module có thể giảm phạm vi quét.

Mẫu tìm kiếm tùy chỉnh

Mẫu tìm kiếm (ba hình vuông ở góc) có thể được sửa đổi một cách thận trọng. Một số cách tiếp cận thiết kế:

  • Bo tròn tinh tế — An toàn và hiệu quả về mặt thị giác
  • Tô màu — Chấp nhận được miễn là cấu trúc mẫu vẫn dễ nhận biết
  • Thay thế biểu tượng — Rủi ro; trình quét vẫn phải phát hiện ba hình vuông đồng tâm riêng biệt

Gradient

Gradient trên từng module riêng lẻ là vấn đề. Một module chuyển từ tối sang sáng có thể được đọc là đen hoặc trắng tùy thuộc vào vị trí trình quét lấy mẫu. Nếu bạn phải sử dụng gradient:

  • Áp dụng rộng rãi trên toàn bộ mã (ví dụ: trên cùng xanh đậm chuyển dần sang dưới cùng xanh lá đậm)
  • Đảm bảo ngưỡng tối thiểu được đáp ứng tại mọi module
  • Kiểm tra kỹ lưỡng trên nhiều thiết bị

Nền và môi trường mã QR

Môi trường nơi mã của bạn sẽ được quét cũng quan trọng như chính thiết kế.

Kích thước in

Kích thước tối thiểu phụ thuộc vào mức sửa lỗi và khoảng cách quét thông thường:

| Môi trường | Kích thước mã tối thiểu | Khoảng cách quét tối đa | |-------------|------------------|----------------------| | Danh thiếp | 2 cm | 10-15 cm | | Tờ rơi hoặc brochure | 3 cm | 30 cm | | Áp phích | 5-10 cm | 1-2 m | | Bảng quảng cáo | 20-50 cm | 3-10 m |

Cân nhắc về bề mặt

  • Bề mặt bóng phản chiếu ánh sáng và có thể làm chói máy quét. Sử dụng cán màng mờ khi có thể.
  • Bề mặt cong (chai, lon, ống) yêu cầu mã lớn hơn để độ cong không làm biến dạng vị trí module quá nghiêm trọng.
  • Bề mặt có kết cấu (vải canvas, giấy thô) có thể phá vỡ các cạnh module. In ở kích thước lớn hơn để bù đắp.

Tích hợp kêu gọi hành động

Một trong những chiến lược thiết kế mã QR hiệu quả nhất vượt ra ngoài chính mã đó. Kết hợp mã QR tùy chỉnh của bạn với lời kêu gọi hành động rõ ràng.

  • Đặt nhãn ngắn gần mã: "Quét để xem thực đơn", "Giảm 10%", "Xem video"
  • Cho người dùng biết điều gì xảy ra khi họ quét: "Mở trong camera" hoặc "Xem thư viện"
  • Sử dụng mũi tên hướng hoặc đầu ngón tay chỉ về phía mã

Người quét có khả năng quét cao hơn 30-50% khi họ biết họ sẽ nhận được gì.

Danh sách kiểm tra

Trước khi sản xuất hàng loạt mã QR tùy chỉnh, hãy xác minh từng điều sau:

  1. Kiểm tra độ tương phản — Kiểm tra grayscale vượt qua với sự tách biệt module rõ ràng
  2. Kích thước logo — Logo chiếm dưới 20% tổng diện tích mã
  3. Vùng yên tĩnh — Không gian trắng rõ ràng ít nhất 4 module ở tất cả các cạnh
  4. Sửa lỗi — Mức Q hoặc H cho bất kỳ thiết kế nào có logo hoặc màu không tiêu chuẩn
  5. Nhiều thiết bị — Quét trên cả iOS (camera iPhone) và Android (Google Lens)
  6. Nhiều khoảng cách — Quét từ khoảng cách sử dụng thông thường và gần hơn/xa hơn
  7. Điều kiện ánh sáng — Quét trong ánh sáng mạnh, ánh sáng yếu và ánh sáng hỗn hợp
  8. Kiểm tra bản in — Quét từ mẫu in, không chỉ từ màn hình

Thiết kế mã QR tùy chỉnh của bạn

Trình tạo mã QR trực tuyến miễn phí của chúng tôi hỗ trợ tùy chỉnh thiết kế đầy đủ: màu sắc tùy chỉnh, module bo tròn, nhúng logo và mẫu tuân thủ thương hiệu. Trình tạo tự động điều chỉnh sửa lỗi để bù đắp cho các lựa chọn thiết kế của bạn và xác thực khả năng quét trước khi bạn tải xuống. Xuất tệp PNG hoặc SVG độ phân giải cao sẵn sàng cho mục đích in ấn hoặc kỹ thuật số.