Thiết kế mã QR tốt cần giữ độ tương phản mạnh (mã sẫm màu trên nền sáng), chừa một vùng trống quanh các cạnh, dùng logo không lớn hơn mức mà khả năng sửa lỗi có thể bù lại, và luôn được thử trên vài điện thoại trước khi in. Bạn cứ tự do tạo kiểu, miễn là máy quét vẫn đọc được mọi phần của mã.
Một mã QR mang thương hiệu trông đẹp hơn ô vuông đen trắng đơn điệu, nhưng mỗi lựa chọn thiết kế đều có thể lấy đi chút gì đó mà máy quét cần. Bài viết này giải thích những nguyên tắc quan trọng, để bạn tạo được một mã vừa đẹp vừa quét được ngay lần đầu.
Máy quét "nhìn" mã QR của bạn như thế nào
Camera điện thoại không đọc mã QR theo cách bạn xem một bức ảnh. Nó tìm ba ô vuông lớn ở các góc (gọi là mẫu định vị), tính góc nghiêng và kích thước của mã, rồi kiểm tra từng ô vuông nhỏ, gọi là module, để xác định ô đó sẫm hay sáng.
Vì vậy, ba yếu tố quan trọng hơn tất cả:
- Độ tương phản giữa các module sẫm và sáng
- Mẫu định vị rõ ràng ở ba góc
- Khoảng trống quanh mã, để máy quét biết mã bắt đầu và kết thúc ở đâu
Bất cứ điều gì làm mờ ranh giới giữa sẫm và sáng, che mất một phần mẫu, hoặc chèn sát vào các cạnh đều khiến việc quét chậm hơn hoặc không thể quét.
Độ tương phản, màu sắc và vùng trống
Chọn màu
Màu sắc là chỗ hầu hết các thiết kế thất bại. Nguyên tắc an toàn nhất rất đơn giản: màu sẫm ở tiền cảnh, nền sáng. Đen trên trắng là tốt nhất, nhưng xanh navy, xanh lá đậm, đỏ đậm hay nâu sẫm trên nền trắng hoặc kem cũng quét tốt.
Những điều nên tránh:
- Cặp màu tương phản thấp như xám nhạt trên trắng, vàng trên trắng, hay màu pastel trên nền pastel
- Mã đảo màu (module sáng trên nền sẫm). Nhiều camera điện thoại đời mới đọc được, nhưng một số ứng dụng quét và điện thoại cũ thì không, nên bạn sẽ mất một phần người dùng
- Hiệu ứng chuyển màu từ đậm sang nhạt trên mã, vì một số module sẽ bị quá nhạt
- Nền ảnh rối mắt phía sau mã, khiến máy quét bị nhiễu
Một cách thử nhanh: chuyển thiết kế sang thang độ xám. Nếu mã vẫn rõ ràng là sẫm trên sáng, độ tương phản có lẽ đã ổn. Nếu nó trở thành xám vừa trên xám vừa, hãy chọn màu mạnh hơn.
Vùng trống: chừa chỗ cho mã "thở"
Vùng trống (quiet zone) là phần lề trống quanh mã. Tiêu chuẩn mã QR yêu cầu một đường viền rộng bốn module ở mỗi cạnh. Thực tế, nhiều mã vẫn quét được với lề hẹp hơn một chút, nhưng đây là chỗ rất mạo hiểm để tiết kiệm diện tích.
Nếu mã nằm sát ngay một bức ảnh, đường viền hay dòng chữ, máy quét không thể biết mã kết thúc ở đâu. Hãy giữ lề trống và cùng màu với các module sáng, bạn sẽ tránh được một trong những lỗi quét gây khó chịu nhất.
Thêm logo mà không làm hỏng mã
Đặt logo ở giữa là cách rất phổ biến, và nó hoạt động được vì mã QR có khả năng sửa lỗi. Sửa lỗi là phần dữ liệu bổ sung giúp mã vẫn đọc được khi một phần bị hỏng hoặc bị che. Có bốn mức, từ L (khôi phục được khoảng 7% dữ liệu) đến H (khoảng 30%). Bạn có thể tìm hiểu thêm trong bài viết về các mức sửa lỗi mã QR.
Khi đặt logo lên trên, bạn đang cố ý "làm hỏng" một phần mã. Hãy tuân theo các nguyên tắc sau:
- Dùng mức sửa lỗi cao hơn, như Q hoặc H, khi thêm logo.
- Giữ logo nhỏ, khoảng một phần năm chiều rộng mã hoặc nhỏ hơn, và nằm gọn trong giới hạn mà mức đã chọn khôi phục được.
- Đặt logo ở chính giữa, tuyệt đối không đè lên ba mẫu định vị ở góc.
- Cho logo một nền trơn hoặc viền trắng mảnh để nó không hòa lẫn vào các module xung quanh.
- Thử lại sau mỗi lần thay đổi kích thước hoặc vị trí logo.
Hãy nhớ rằng mức sửa lỗi cao hơn làm mã dày đặc hơn (nhiều module hơn, nhỏ hơn). Đó là thêm một lý do để giữ nội dung ngắn gọn, chẳng hạn dùng mã QR động với link ngắn thay vì một URL dài.
Giữ dữ liệu ngắn để mã gọn gàng hơn
Càng nhiều dữ liệu trong mã QR, mã càng cần nhiều module, và ở cùng kích thước in, mỗi module càng nhỏ. Một địa chỉ web dài kèm tham số theo dõi có thể tạo ra mã dày đặc, khó đọc từ xa hoặc khi in chất lượng thấp.
Hai cách khắc phục dễ dàng:
- Dùng công cụ rút gọn link hoặc mã QR động, vốn chỉ lưu một link ngắn
- Bỏ các tham số không cần thiết khỏi URL trước khi tạo mã
Mã động còn có thêm một lợi ích: nếu sau này cần đổi trang đích, bạn không phải in lại thiết kế đẹp đẽ của mình.
Hình dạng, kiểu dáng và khung viền
Nhiều trình tạo mã cho phép bo tròn module, đổi hình dạng ô vuông góc hoặc thêm khung kèm lời kêu gọi hành động. Chúng có thể trông rất đẹp, nhưng có giới hạn:
- Module bo tròn hoặc dạng chấm thường quét tốt nếu đủ lớn và giữ được độ tương phản. Chấm quá nhỏ với khoảng hở lớn có thể khiến mã không quét được.
- Ô vuông góc tùy chỉnh vẫn phải trông như những ô vuông đặc lồng trong ô vuông. Đừng làm chúng quá mảnh hoặc quá cầu kỳ.
- Khung và nhãn như "Quét để xem thực đơn" rất hữu ích, nhưng hãy đặt chúng bên ngoài vùng trống.
- Đừng kéo giãn mã thành hình chữ nhật hoặc uốn quanh bề mặt cong mà không thử trước. Việc làm méo sẽ thay đổi lưới module.
Danh sách kiểm tra thiết kế trước khi in
Hãy rà soát danh sách này cho mỗi thiết kế mã QR mới:
- Module sẫm trên nền sáng, tương phản mạnh khi chuyển sang thang độ xám
- Vùng trống khoảng bốn module ở mọi cạnh, hoàn toàn trống
- Logo nhỏ, đặt giữa, không che các ô vuông góc
- Đã nâng mức sửa lỗi nếu có thêm logo
- Dữ liệu ngắn gọn, tốt nhất là dùng link ngắn hoặc link động
- Lời kêu gọi hành động đặt bên ngoài mã
- In ở kích thước phù hợp với khoảng cách quét (xem hướng dẫn kích thước mã QR)
- Đã thử trên ít nhất hai hoặc ba điện thoại khác nhau, cả iPhone lẫn Android, trong điều kiện ánh sáng bình thường
- Tệp cuối cùng được xuất ở định dạng sắc nét (SVG hoặc PNG độ phân giải cao), không phải ảnh chụp màn hình mờ
FAQ
Mã QR có thể dùng bất kỳ màu nào không?
Có, miễn là các module rõ ràng sẫm hơn nền. Màu sẫm trên nền trắng hoặc kem là an toàn nhất. Tránh màu sáng trên nền sáng và cẩn thận với thiết kế đảo màu.
Logo trong mã QR có thể lớn đến mức nào?
Hãy giữ logo khoảng một phần năm chiều rộng mã hoặc nhỏ hơn, đặt ở giữa, với mức sửa lỗi Q hoặc H. Luôn thử lại sau khi thêm logo, vì mỗi mã và mỗi logo đều khác nhau.
Vì sao mã QR đã thiết kế của tôi không quét được?
Nguyên nhân thường gặp là độ tương phản thấp, thiếu vùng trống, logo quá lớn, hoặc mã in quá nhỏ so với lượng dữ liệu. Hãy sửa từng điểm một và thử lại sau mỗi lần thay đổi.
Thiết kế tùy chỉnh có làm mã QR kém an toàn hơn không?
Bản thân thiết kế không thay đổi mức độ an toàn. Điều quan trọng là mã dẫn đến đâu. Một mã mang thương hiệu, có lời kêu gọi rõ ràng và trang đích đáng tin sẽ giúp mọi người yên tâm quét hơn.
Tạo mã QR vừa đẹp vừa quét tốt
Thiết kế tốt là sự cân bằng: một bên là thương hiệu của bạn, bên kia là những gì máy quét cần. Hãy thử trình tạo mã QR miễn phí của QR-TH để thêm màu sắc và logo, xem trước kết quả và quét thử bằng chính điện thoại của bạn trước khi gửi đi in.