Sebagian besar QR code terlihat seperti bug software yang dicetak ke kertas. Ini warisan dari masa ketika generator hanya bisa menggambar kotak hitam di atas kotak putih — dan kebanyakan masih begitu. Tapi formatnya sendiri tidak menuntut keburukan. QR hanyalah grid modul berkontras tinggi; sisanya adalah keputusan desain.
Inilah yang berubah ketika kamu benar-benar mendesainnya — dan aturan yang menjaganya tetap terbaca.
QR hanyalah grid modul berkontras tinggi. Jelek itu pilihan.
1 · Pilih palet warna dengan arah
Peningkatan tercepat: berhenti pakai hitam-putih. Ambil dua warna dari palet brand-mu — satu cukup gelap untuk terbaca, satu cukup terang untuk jadi latar — lalu pakai. QR langsung terlihat disengaja, bukan kebetulan.
Aturan: warna titik dan latar perlu rasio kontras luminansi minimal 3:1, idealnya 4.5:1. (Editor Capy QR memperingatkan ketika kamu turun di bawahnya.) Pink pastel di atas krem terlihat manis di layar dan gagal di stiker. Uji sebelum cetak.
2 · Pilih gaya titik
Generator lama hanya tahu «kotak». Yang modern menawarkan titik membulat, lingkaran kecil («dots»), bentuk tersambung ala classy, dan bentuk seperti bantal. Gaya titik adalah tuas visual paling besar — mengubah keseluruhan rasa QR.
- Membulat — modern, ramah, pilihan paling aman saat ragu
- Dots (lingkaran kecil terpisah) — playful, lembut; cocok kalau kamu mau latar terlihat
- Classy — kurva tersambung, sangat distil; cocok untuk brand editorial atau fesyen
- Kotak — berani, retro, sedikit agresif; cocok di tech / gaming
3 · Beri penanda mata gaya tersendiri
Tiga «kotak besar di sudut» adalah penanda mata QR — pemindai memakainya untuk orientasi. Sebagian besar QR merender mata dengan warna dan bentuk yang sama dengan titik lainnya. Tidak harus begitu.
Mengubah warna mata (atau bentuknya) adalah cara tercepat membuat QR terasa kustom. Di kanan ada preset «Peach» dari Capy QR — titik warna persik dengan mata pink. Perbedaan kecil itu yang menciptakan kesan «disengaja».
Build yours in the editor → capyqr.com
4 · Tambahkan logo, secukupnya
Logo di tengah berkata «ini serius». Logo yang terlalu besar berkata «ini tidak akan terbaca». Batasnya sekitar 25 % luas QR — di atas itu, koreksi error tidak bisa memulihkan data yang hilang dengan andal di semua pemindai.
Dua aturan praktis:
- Saat ada logo, selalu set koreksi error ke H. Capy QR otomatis berpindah ke H ketika kamu mengunggahnya.
- Sisakan zona tenang putih kecil di sekitar logo (editor menanganinya — kontrol «margin» di sekitar gambar tengah).
(Renderer statik blog tidak menyusun logo tengah, tapi editor di capyqr.com melakukannya — unggah logomu, lalu klik Match colors from logo untuk menyamakan tema QR secara otomatis.)
5 · Sesuaikan QR ke brand, bukan sebaliknya
Kesalahan paling umum: mendesain QR dengan warna cantik, lalu cetak di produk dan menyadari QR-nya berebut perhatian dengan elemen lain di produk. QR harus jadi elemen brand, bukan potongan yang hidup di semesta visual sendiri.
Capy QR punya tombol «Match colors from logo» — unggah logo, klik, lalu warna titik, mata, caption, dan bingkai QR akan menyesuaikan palet dominan logo. Jalan pintas menuju basis yang koheren.
6 · Bingkai, secukupnya
Garis bingkai tipis dan tenang di sekitar QR memberi kesan disengaja — seperti kartu atau label. Secukupnya bekerja keras di kalimat itu. Bingkai terlalu tebal, kontras berlebihan, atau warnanya tidak nyambung dengan QR akan terlihat seperti clip-art murahan.
Capy QR menyediakan enam gaya bingkai: solid, putus-putus, titik-titik, ganda, hati, dan bunga. Default-nya menyesuaikan warna titik — ini titik awal yang tepat.
7 · Caption di bawah («Scan me» atau teks pilihanmu)
Opsional tapi berdampak besar. Caption singkat di bawah QR («Scan me», «Ketuk di sini», «Wi-Fi», atau kalimatmu sendiri) memberi pengguna ajakan yang jelas. Selisih antara QR-sebagai-grafik dan QR-sebagai-undangan.
Dua aturan caption:
- Pendek — 8 karakter atau kurang tetap terbaca di ukuran kecil
- Pakai warna yang berhubungan dengan palet QR, bukan hitam pekat
Aturan «membosankan» yang menjaga keterbacaan
Kebebasan desain itu nyata, tapi QR harus berfungsi. Yang tidak bisa ditawar:
- Kontras ≥ 3:1 antara titik dan latar
- Zona tenang minimal 4 modul di sekitar QR
- Logo ≤ 25 % luas QR, koreksi error H
- Gambar latar (jika dipakai) ≤ 40 % opasitas
- Uji baca di dua ponsel berbeda sebelum cetak
Contoh yang dieksekusi penuh
Dibuat dengan prinsip-prinsip di atas: palet brand, titik membulat, warna mata komplementer, dan zona tenang yang lapang.
Bikin punyamu sendiri — editor di capyqr.com menyediakan delapan preset yang sudah mengikuti aturan ini, jadi kamu bisa menyesuaikan dari basis yang berfungsi alih-alih mulai dari nol.