· 2 分

画像またはグラフィックの QR:デザインへの統合

スキャン性を失うことなく、写真、ポスター、グラフィックに QR を埋め込む方法。背景、コントラスト、quiet zone。

ポスター、チラシ、パッケージ、HTMLメール、プレゼンテーションの QR。すべて可能 — 3 つのルールで。

簡単な答え

  • Quiet zone:QR の周りに ≥ 4 モジュールの白い余白。
  • コントラスト:明るい背景の暗いモジュール。最低 3:1。
  • フォーマット:スケーリング用 SVG、オーバーレイ用 透明 PNG。
  • 混沌としたパターンに QR を置かない。

Quiet zone — 不可侵の境界

ISO 規格は QR の周りに白(または明るい)余白 を要求します。4 モジュール = QR の辺の ~10%。

quiet zone がないと、多くのスキャナーが コードを全く検出しません。

コントラスト — 鉄の規則

理想:白い背景に黒い QR。 許容:コントラスト ≥ 3:1 の明るい背景にカラー QR。 いいえ:暗いに明るい QR、低コントラスト。

使用法によるフォーマット

目的 フォーマット
印刷 SVG
高品質印刷 PNG 300+ DPI
ウェブ(HTML、メール) SVG
QR 付き背景 透明 PNG
アニメ GIF/ビデオ 背景なし PNG、重ね合わせ

詳細: PNG vs SVG.

ポスター上の QR

最小 cm サイズ はスキャン距離に依存します:

距離 QR サイズ
30 cm 2 × 2 cm
1 m 4 × 4 cm
3 m 10 × 10 cm
10 m 30 × 30 cm

ルール:サイズ = 距離 / 10。

詳細: QRの最小サイズ.

製品パッケージの QR

  • マットラベルは光沢よりも良い。
  • 損傷耐性のための ECL Q または H。
  • パッケージの折り目には絶対に置かない。

HTML メーリングの QR

PNG として埋め込む(SVG ではない — 一部のクライアントは表示しません)。他のコンテンツと整列。

写真の QR(例:写真付き広告ポスター)

3 つの技術:

  1. 白いパネル — 明るい四角形オーバーレイの QR。
  2. エリアのぼかし — QR の下の写真を低コントラストにぼかす。
  3. ネガティブ — 暗い写真上の白い QR(一部のスキャナーでのみ動作 — リスク)。

デザイナーの一般的な間違い

Quiet zone なし

「余白なしでもっと良く見える」。スキャナーが QR を見るのを止めます。

背景としての QR

QR がほとんど見えない表面全体のパターン。いいえ。

QR の上のテキストまたはグラフィック

中央のロゴのみ。コードの内部に他のコンテンツは絶対に置かない。

QR が小さすぎる

最小以下はスキャン不可。

色 + ロゴ + 低訂正

QR を 3 方向からストレス。最大 2 つを選択してください。

ライブ製品テスト

最終サイズでプロトタイプを印刷。3 つの携帯電話、3 つの距離、2 つの照明条件でスキャン。

ロゴの詳細: ロゴ付き QR.

よくある質問

写真上の透明 QR? モジュールの下の背景が十分に明るく保たれている場合のみ。

QR を回転できる? はい。スキャナーは 3 つの眼のおかげでどんな回転でも読みます。

グラフィックに隠れた QR? 推奨されません。スキャン性が低下します。

カラー QR は動作する? はい — 3:1 コントラストを維持します。

角を切った、または円形の QR? 非標準。一部のスキャナーは拒否します。

まとめ

Quiet zone、コントラスト、フォーマット — デザインにおける QR の 3 つの柱。残りは美学です。

よくデザインされた QR を無料で作成: qrcito.com

← ブログに戻る