読み取れるQRコードのデザインアイデア：業種別の実例

よくデザインされたQRコードは、印刷されている物の一部のように見えます。カフェの卓上カード、結婚式の招待状、商品の箱などです。そのためには、ドットの形、色、フレームを場面に合わせて選び、スキャンすると何が起きるかを短く添え、次の3つのルールを守ることです。明るい背景に暗いコード、コード周囲の余白、読み取り距離に十分なサイズ。

以下は場面ごとにまとめたデザインのアイデアと、それぞれの選択の理由です。すべて、QRコード事例集で編集可能な完成テンプレートとしてご覧いただけます。

デザインで破ってはいけないルール

スマートフォンのカメラは、3つの角にある大きな四角（位置検出パターン）でQRコードを見つけ、その間にある明暗のモジュールの格子を読み取ります。カメラが明暗を見分け、その角を見つけられる限り、スタイルを加えても問題ありません。

以下のアイデアはすべて、この範囲内で成り立っています。

飲食

カフェの卓上カード。 丸いドットや「リキッド」形状のドットを、クリーム色の地に深いコーヒーブラウンで。白地に黒より温かみがあり、それでいて暗い色として読み取れます。コードの下にラベル付きのフレームを置き、「スキャンして注文」のようなシンプルな案内を添えましょう。卓上POPは30〜60cmで読まれるので、幅3〜6cmで十分です。

お客様用Wi‑Fi。 ここでは実用的な道具らしさを出しましょう。ネイビーかチャコールの丸いドット、柔らかなカードフレーム、そして「無料Wi‑Fi」の文字。Wi‑Fiコードはネットワーク名とパスワードを保持しているので、パスワードを変えるまで使い続けられます。

レジ横のレビュースタンド。 レビューの星を連想させる金色は魅力的ですが、金色のドットは明るすぎて読み取れません。コードは暗い色のままにし、金色はフレームに使いましょう。色はフレームが、データはコードが担います。

キッチンカー。 メニューボードは列に並んだ人が、2〜3m離れて読むことがよくあるので、コードは大きく、20〜30cmほど必要です。暗いボードに白いカードを置き、キッチンカー自身の配色から明るい色のフレームを合わせるとうまくいきます。白いカードがコードに必要な明るい背景になるからです。

小売・パッケージ

商品の箱。 パッケージでは、両端が暗い色のままであれば、ある濃い色から別の濃い色へのグラデーションも使えます。コードは折り目や曲がった縁をまたがない平らな面に置き、購入後にお客様が求めるもの、たとえばお手入れ方法、詰め替え、保証登録にリンクしましょう。

クーポン。 カラフルなフレームは、細かい文字を読む前から「お得」だと伝えます。特典は変わるものなので、動的コードにしておけば、来週のクーポンも同じ印刷物を使い回せます。

Tシャツやグッズ。 布は伸びたり折れたりします。暗い単色のシンプルな丸ドットにし、フレームは省き、紙よりも大きく、最低5〜6cmで印刷しましょう。

イベント・結婚式

結婚式のペーパーアイテム。 くすんだゴールドや温かみのあるブラウンのドットに細い二重フレームが、印刷した招待状によく合います。1つの動的コードで、式の前は出欠フォームを、式の後はフォトアルバムを開けます。

チケットと受付。 混雑した入口では、スタイルよりスピードが大事です。四角いモジュール、四角い角、白地に黒。入口のスタッフは古いハンディ端末で読み取ることが多く、行列は読み取り失敗のたびに影響を大きくするので、ここは実験する場所ではありません。

写真の共有。 ゲストは花やグラスでいっぱいのテーブルの上の案内をスキャンします。強い単色の明るいラベルフレームにすれば案内が目立ちます。ラベルには何が起きるかを書きましょう。「写真をシェア」のように。

美術館・ギャラリー。 コードは作品のすぐ横にあるので、控えめにすべきです。オフホワイトの地にダークグレー、ストーンカラーの細いフレーム、小さな「音声ガイド」のラベル。来館者は近くに立つので、3〜4cmで十分です。

地域のサービス

不動産の看板。 大きく、シンプルに。コードは歩道から数m離れてスキャンされるので、幅15〜30cmが必要です。黒に近い角丸の四角なら、そのサイズでもくっきりしています。

美容室・スパ。 受付カウンターには、内装に合わせた柔らかなローズやセージのフレームを。ドット自体はダークプラムかチャコールのままにしましょう。

ジム。 ジムのポスターは、多くの視覚的なノイズと競い合います。太く暗いフレームに短い特典（「初回無料」）を添えれば、コードの輪郭がはっきりします。

個人

名刺。 明るいグレー地にグラファイトの丸ドットは、たいていの名刺用紙に合います。vCardコードなら、連絡先をスマートフォンのアドレス帳に直接保存できます。2cmのコードでは、内容を短くするか連絡先ページへのリンクにしましょう。長いvCardは密なコードになるからです。

履歴書。 小さく、落ち着いた印象で、隅に。ポートフォリオにリンクし、紙面の邪魔をしないようにします。

マーケティング・画面

ポスター。 中心から放射状に伸びる光線形のドットは、読みやすさを損なわずに躍動感を加えます。コードは目の高さに置き、スキャンで何が得られるか（割引、チケット、動画）を書きましょう。

画面に表示するコード。 スライドやテレビでは、コードは思ったより大きくし、スキャンできるだけの時間表示しておく必要があります。反射や明るさが変わる画面では、高いコントラストがいっそう重要です。

ビジネス・教育

備品ラベル。 スタイルを完全に無視してよい唯一の場所です。シンプルな黒い四角は傷や安いプリンターにも強く、スタッフが持っているどのスマートフォンでも確実に読み取れます。

レシート。 感熱プリンターは黒しか印刷できず、解像度にも限りがあります。レシートサイズ（約2.5cm）では、四角いモジュールがきれいに印刷されます。

季節のテーマ

季節のコードでは絵柄の出番です。クリスマスツリー、ディワリのランプ、旧正月の「福」の字を、コード自身のモジュールで描きます。各モジュールの中心はデータどおりに保ち、残りの部分を絵柄に合わせるハーフトーン技術を使っています。絵柄が視覚的なノイズを加えるので、幅5cm以上で印刷し、誤り訂正は必ずレベルHにしてください。季節のQRコードアイデアの記事で、行事ごとに詳しく紹介しています。

アイデアを自社ブランドに合わせるには

1. ロゴではなく、場面から考える。同じブランドでも、レシートのコードとワインラベルのコードでは扱いが違います。
2. ドットにはブランドカラーのうち暗い色を1つ選ぶ。ブランドカラーがすべて明るい色なら、パレットで最も暗いニュートラルカラーを使い、ブランドカラーはフレームに回しましょう。
3. スキャンで何が起きるかを3〜4語で伝えるフレームラベルを加える。
4. 読み取りチェックを行い、本番前に実際の素材で試し刷りを1部作る。

よくある質問

QRコードは何色でもいいですか？

モジュールは、背景と強いコントラストが出るほど暗い色なら何色でも構いません。ネイビー、フォレストグリーン、バーガンディ、ダークブラウンはどれも使えます。黄色、ライトグレー、パステル、ネオンカラーは使えません。暗い背景に明るいコードを読めないカメラや読み取りアプリもあるので、反転は避けましょう。

丸いドットは四角と同じように読み取れますか？

きれいな印刷で適切なサイズなら、読み取れます。丸いドットや角丸のドットは広く使われていて、最近のスマートフォンなら問題なく読めます。感熱紙のレシート、傷のついたラベル、非常に小さいサイズなど条件が悪い場面では、四角のほうがやや堅牢です。

ロゴはQRコードのどのくらいまで覆えますか？

誤り訂正レベルHなら、コード幅の約20%の中央配置のロゴは通常安全です。角の3つの四角はふさがないようにし、結果をテストしてください。ロゴのせいで読み取りチェックに警告が出たら、誤り訂正を下げるのではなくロゴを小さくしましょう。

QRコードの横に文字を添えるべきですか？

はい。「スキャンして注文」や「スキャンで音声ガイド」のように、スキャン後に何が起きるかを短く伝えると、スキャンしてもらいやすくなり、何が表示されるかも伝わります。