何をなぜスキャンするのかが伝わるQRコードのフレーム

フレームがQRコードに加えるもの

むき出しのQRコードは、どこへつながるのかを何も語りません。フレームはそれを解決する最も安上がりな方法で、3つの別々の役割を果たします。

• スキャンする理由 - 「メニューを見る」や「Wi-Fiに接続」のような短いラベルは、次に何が起きるかを読み手に伝えます。ラベルのないコードは、人に信用だけでスキャンすることを求めます。
• 視覚的な重み - 枠があると、にぎやかなポスターや情報の多いパッケージの上で、小さなコードが最後に付け足されたものではなく、意図して置かれた要素として見えます。
• 守られた余白 - クワイエットゾーンの外側に描いたフレームは、レイアウトの中でその空間を確保します。ほかのデザイナーも、あとからの修正も、むき出しのコードに比べて、フレーム付きのコードに文字を押し付ける可能性がはるかに低くなります。
• リスクなしでブランドカラーを使える - フレームには、モジュールそのものに使うと危険な、鮮やかなブランドカラーや淡いブランドカラーを使えます。スキャナーがフレームを読むことはないからです。

フレームはQRコードのスキャンを良くするものではなく、スキャンしにくいコードを直すこともできません。フレームが左右するのは、人がコードに気づいてスキャンしようと思うかどうかです。スキャンが成功するかどうかを決めるのは、変わらずモジュールの大きさ、コントラスト、クワイエットゾーンです。

余白と大きさ

フレームは場所を取り、大きさの決まったレイアウトでは、その場所はたいていコードから削られます。以下のルールは、フレームを付けてもコードを正しい大きさに保つためのものです。

• フレームはクワイエットゾーンの外側から始める - 最も外側のモジュールとフレームの内側の縁とのあいだに、4モジュール分の何もない空間を取ります。25モジュールのコードを幅25 mmで印刷するなら、1モジュールは1 mmなので、すき間は四辺それぞれ4 mmです。
• フレームではなくコードの大きさを決める - 幅4 cmのフレーム付きデザインでも、中のコードは幅2.5 cmしかないことがあります。スキャン距離のルール、つまり距離10 cmごとにコードの幅を約1 cmというルールは、コード単体に当てはまります。
• 配置したあとで測る - フレーム付きのコードをレイアウトに合わせて拡大縮小したら、2つのファインダーパターンの外側の縁どうしの距離を測ってください。フレームの寸法がいくつであれ、それが実際のコードの幅です。
• フレームの内側は明るく平坦に保つ - フレームの内側の領域は、コードの背景です。色、グラデーション、写真で塗りつぶしたフレームは、その塗りをモジュールの背後に置くことになり、モジュールのコントラストを下げます。
• フレームをコードの輪郭に合わせる - 四角いコードには四角いフレーム、円形のコードにはリングです。四角いコードを囲む円形のフレームは、コードの角とそのクワイエットゾーンを避けるために、コードよりずっと大きくしなければなりません。