Desain QR code yang baik menjaga kontras kuat (kode gelap di atas latar terang), menyisakan quiet zone berupa ruang kosong di sekeliling tepinya, memakai logo yang tidak lebih besar dari kemampuan koreksi kesalahan, dan selalu diuji di beberapa ponsel sebelum dicetak. Gaya boleh saja, asalkan pemindai tetap bisa membaca setiap bagiannya.
QR code bermerek memang terlihat lebih menarik daripada kotak hitam polos, tetapi setiap keputusan desain bisa mengurangi apa yang dibutuhkan pemindai. Panduan ini menjelaskan aturan yang benar-benar penting, supaya Anda bisa membuat kode yang enak dilihat sekaligus langsung terbaca saat di-scan pertama kali.
Bagaimana pemindai "melihat" QR code Anda
Kamera ponsel tidak membaca QR code seperti Anda melihat gambar. Kamera mencari tiga kotak besar di sudut (disebut finder pattern), menghitung sudut dan ukuran kode, lalu memeriksa setiap kotak kecil, yang disebut modul, untuk menentukan apakah kotak itu gelap atau terang.
Artinya, ada tiga hal yang paling penting:
- Kontras antara modul gelap dan modul terang
- Finder pattern yang jelas di tiga sudut
- Ruang kosong di sekeliling kode, supaya pemindai tahu di mana kode dimulai dan berakhir
Apa pun yang mengaburkan perbedaan gelap dan terang, menutupi sebagian pola, atau membuat tepi kode terlalu sesak akan membuat proses scan lebih lambat atau bahkan gagal.
Kontras, warna dan quiet zone
Memilih warna
Warna adalah penyebab kegagalan desain yang paling sering. Aturan paling aman sederhana saja: warna depan gelap di atas latar terang. Hitam di atas putih paling baik, tetapi biru tua, hijau tua, merah marun atau cokelat tua di atas putih atau krem juga mudah di-scan.
Hal-hal yang sebaiknya dihindari:
- Pasangan warna berkontras rendah seperti abu-abu muda di atas putih, kuning di atas putih, atau pastel di atas pastel
- Kode terbalik (modul terang di atas latar gelap). Banyak kamera ponsel baru bisa membacanya, tetapi sebagian aplikasi pemindai dan ponsel lama tidak, sehingga Anda kehilangan sebagian audiens
- Gradasi yang memudar dari gelap ke terang di sepanjang kode, karena sebagian modul jadi terlalu pucat
- Latar foto yang ramai di belakang kode, yang membingungkan pemindai
Tes cepat: ubah desain Anda menjadi hitam-putih (grayscale). Jika kode masih tampak jelas gelap di atas terang, kontrasnya kemungkinan sudah cukup. Jika berubah menjadi abu-abu sedang di atas abu-abu sedang, pilih warna yang lebih tegas.
Quiet zone: beri ruang bernapas
Quiet zone adalah margin kosong di sekeliling kode. Standar QR code meminta batas selebar empat modul di setiap sisi. Dalam praktiknya, banyak kode masih bisa di-scan dengan margin sedikit lebih kecil, tetapi menghemat ruang di bagian ini berisiko.
Jika kode menempel langsung pada foto, garis tepi atau teks, pemindai tidak bisa mengenali batas akhirnya. Biarkan margin tetap kosong dan berwarna sama dengan modul terang, maka Anda terhindar dari salah satu masalah scan yang paling menjengkelkan.
Menambahkan logo tanpa merusak kode
Logo di tengah QR code sangat populer, dan hal ini bisa berhasil karena QR code memiliki koreksi kesalahan (error correction). Koreksi kesalahan menambahkan data ekstra sehingga kode tetap terbaca meski sebagian rusak atau tertutup. Ada empat tingkat, dari L (sekitar 7% data bisa dipulihkan) hingga H (sekitar 30%). Baca selengkapnya di panduan kami tentang tingkat koreksi kesalahan QR code.
Saat Anda menaruh logo di atas kode, Anda sengaja "merusak" sebagian kode. Ikuti aturan berikut:
- Gunakan tingkat koreksi kesalahan yang lebih tinggi, seperti Q atau H, saat menambahkan logo.
- Buat logo tetap kecil, kira-kira seperlima lebar kode atau kurang, dan jauh di bawah batas yang bisa dipulihkan oleh tingkat yang dipilih.
- Letakkan di tengah, jangan pernah di atas tiga finder pattern di sudut.
- Beri logo latar polos atau bingkai putih tipis agar tidak menyatu dengan modul di sekitarnya.
- Uji ulang setiap kali Anda mengubah ukuran atau posisi logo.
Ingat bahwa koreksi kesalahan yang lebih tinggi membuat kode lebih padat (modul lebih banyak dan lebih kecil). Itu alasan lain untuk menjaga isi kode tetap pendek, misalnya dengan QR code dinamis yang memakai tautan pendek alih-alih URL panjang.
Data pendek, kode lebih bersih
Semakin banyak data dalam QR code, semakin banyak modul yang dibutuhkan, dan semakin kecil ukuran tiap modul pada ukuran cetak yang sama. Alamat web panjang dengan parameter pelacakan bisa menghasilkan kode yang sangat padat, sulit dibaca dari jauh atau jika kualitas cetaknya rendah.
Dua cara mudah mengatasinya:
- Gunakan pemendek link atau QR code dinamis, yang hanya menyimpan tautan pendek
- Hapus parameter yang tidak perlu dari URL sebelum membuat kode
Kode dinamis punya kelebihan lain: jika tujuannya perlu diganti nanti, Anda tidak perlu mencetak ulang desain yang sudah bagus.
Bentuk, gaya dan bingkai
Banyak generator memungkinkan Anda membulatkan modul, mengubah bentuk kotak sudut, atau menambahkan bingkai berisi ajakan bertindak. Hasilnya bisa sangat menarik, dengan beberapa batasan:
- Modul bulat atau bergaya titik biasanya tetap bisa di-scan selama cukup besar dan kontrasnya terjaga. Titik yang sangat kecil dengan celah lebar bisa gagal.
- Kotak sudut custom tetap harus terlihat seperti kotak solid di dalam kotak. Jangan dibuat terlalu tipis atau terlalu dekoratif.
- Bingkai dan label seperti "Scan untuk lihat menu" sangat berguna, tetapi letakkan di luar quiet zone.
- Jangan meregangkan kode menjadi persegi panjang atau melengkungkannya di permukaan cembung tanpa pengujian. Distorsi mengubah susunan modul.
Checklist desain sebelum mencetak
Periksa daftar ini untuk setiap desain QR code baru:
- Modul gelap di atas latar terang, dengan kontras kuat saat dilihat dalam grayscale
- Quiet zone sekitar empat modul di semua sisi, benar-benar kosong
- Logo kecil, di tengah, dan tidak menutupi kotak sudut
- Tingkat koreksi kesalahan dinaikkan jika Anda menambahkan logo
- Data dibuat pendek, idealnya dengan tautan pendek atau dinamis
- Ajakan bertindak diletakkan di luar kode
- Dicetak dengan ukuran yang sesuai jarak scan (lihat panduan ukuran QR code kami)
- Diuji di minimal dua atau tiga ponsel berbeda, iPhone dan Android, dalam pencahayaan normal
- File akhir diekspor dalam format tajam (SVG atau PNG resolusi tinggi), bukan tangkapan layar yang buram
FAQ
Apakah QR code boleh berwarna apa saja?
Boleh, selama modulnya jelas lebih gelap daripada latarnya. Warna gelap di atas putih atau krem paling aman. Hindari warna terang di atas latar terang dan berhati-hatilah dengan desain terbalik.
Seberapa besar logo boleh dipasang di QR code?
Batasi kira-kira seperlima lebar kode atau kurang, letakkan di tengah, dengan koreksi kesalahan Q atau H. Selalu uji setelah menambahkannya, karena setiap kode dan logo berbeda.
Mengapa QR code yang sudah didesain tidak bisa di-scan?
Penyebab umumnya adalah kontras rendah, tidak ada quiet zone, logo terlalu besar, atau kode dicetak terlalu kecil untuk jumlah datanya. Perbaiki satu hal dalam satu waktu dan uji setelah setiap perubahan.
Apakah desain custom membuat QR code kurang aman?
Desain itu sendiri tidak mengubah keamanan. Yang penting adalah ke mana kode itu mengarah. Kode bermerek dengan ajakan bertindak yang jelas dan tujuan tepercaya justru membuat orang lebih yakin untuk scan.
Buat QR code yang cantik dan mudah di-scan
Desain yang baik adalah soal keseimbangan: merek Anda di satu sisi, kebutuhan pemindai di sisi lain. Coba generator QR code gratis di QR-TH untuk menambahkan warna dan logo, lihat pratinjaunya, lalu uji dengan ponsel Anda sendiri sebelum mengirim apa pun ke percetakan.