スキャンできるQRコードのデザイン例

はい。しっかりしたコントラスト、手を加えないクワイエットゾーン、見分けられる角のパターンを保てば、色・モジュールの形・フレーム・中央のロゴはいずれも安全です。問題が起きるのは、装飾がコントラストを下げたり、スキャナーが頼る部分の形を変えたりしたときです。

はい、前景が背景よりはっきり濃いままであれば大丈夫です。明るい背景に濃いブランドカラーはよく機能します。淡い色に淡い色、あるいはコントラストの低い組み合わせで、色付きのコードは失敗しがちです。

はい。ロゴは小さく、コードの中央5分の1程度に抑え、先に誤り訂正のレベルを上げましょう。その冗長性のおかげで、ロゴが覆ったデータをコードが復元できます。

円形のQRコードは、丸いフレームで見せた標準のコードで、多くは点状のモジュールを使います。スキャンされるパターンはQRのグリッドに従っているので、普通にスキャンでき、ただの四角よりずっとデザインされて見えます。

よくある原因は、コントラストが低い、クワイエットゾーンがない、角のパターンを作り込みすぎている、誤り訂正のレベルに対してロゴが大きすぎる、のいずれかです。ひとつずつ直せば、たいていコードは元に戻ります。

ドット・星・三角形・カプセルといったインクの少ないパターンは、各モジュールの中心のまわりに隙間を残します。ピクセル単位で完全なファイルを渡されたデコーダーは、その隙間にカメラより厳しくなります。スマホのレンズは画像をわずかにやわらげ、その隙間をちょうど埋めます。手元のスマホが読めるデザインをチェッカーが拒む場合は、スマホを信じて印刷物で試してください。

濃いパターンと明るい背景の差がはっきりしていることです。高いコントラスト、たとえばクリーム色にグレーではなく白に濃紺なら、どんな明るさでもカメラが最も読み取りやすくなります。

濃いモジュールの内側で控えめなグラデーションを使うなら成立しますが、背景色へ溶けていくグラデーションはコントラストを下げ、スキャンの失敗を招きます。パターンは全体を通して、背景よりはっきり濃く保ちましょう。

パレットと形をその場面に合わせ、リンク先の内容を短く保ってコードを空いた状態にし、印刷用にSVGで書き出しましょう。丸いフレームや柔らかいブランドカラーは、招待状や看板・サインの上で意図が伝わります。

画面にはPNG、印刷するものにはSVGを使いましょう。SVGはぼやけずに拡大できるので、同じデザインが名刺からポスターまで鮮明なままです。

いいえ。カスタムの色・形・ロゴ・円形フレームでQRコードをデザインし、無料で書き出せます。必要なときは印刷対応のベクター出力も使えます。

いいQRコードはたいてい、5つのことを同時にやるのではなく、1つをうまくやっています。強いブランドカラー、特徴のあるモジュールの形、置く面に合ったフレームなどです。抑制こそが、写真に撮られるコードと素通りされるコードを分けます。そしてそれは、コードをスキャンできる状態に保つものと同じです。

すでに他で使っている配色と形から始め、暗いパターンを背景よりはっきり暗く保ち、クワイエットゾーンには手を入れないでください。美しいQRコードとは、規律あるスタイリングを施した普通のコードのことで、下にあるグリッドは何も変わりません。

レバーをひとつではなくふたつ組み合わせてください。モジュールの形とブランドカラー、あるいは円形フレームと中央のロゴ、といった具合です。他にはないQRコードは、誰も使っていない組み合わせから生まれるもので、エディタの効果を全部重ねて生まれるものではありません。