その色、見分けられますか　カラーユニバーサルデザインで見直す広告の読みやすさ

休業日を赤い文字で示す。申し込みのボタンを緑色にする。広告や案内を作るとき、色を使って情報を区別したり、注目してほしい箇所を強調したりすることがあります。ただ、その違いが、見る人にも分かるとは限りません。色の見分けやすさには個人差があり、自分にははっきり区別できる配色でも、相手には分かりにくい場合があります。

文字の読みやすさも、見る条件によって変わります。制作中のパソコンでは読めていた説明が、スマートフォンでは小さすぎる。近くで確認した看板の文字が、実際に通る場所からは読み取れない。情報を載せていても、それを必要とする人が読めなければ、十分に伝えたことにはならないでしょう。

こうした行き違いを減らすには、色や文字を選ぶ際の基本を知り、広告を見る人の側から確かめることが大切です。自分でデザインを作る人はもちろん、制作を依頼し、出来上がった案を確認する人にも役立つ視点です。

ここでは、色の見え方の違いを押さえながら、配色や情報の並べ方を工夫する方法と、広告が実際に見られる条件で読みやすさを確かめるポイントを説明します。

色の見え方は人や環境で変わる

広告の色を選ぶとき、企業や商品のイメージに合うか、目を引くかを考えることは多いでしょう。そこに、文字や情報を見分けやすいかという視点も加えたいところです。色の見え方には個人差があり、周囲の明るさや背景との組み合わせによっても、読み取りやすさが変わります。

同じ配色でも異なる見分けやすさ

たとえば、店舗の営業カレンダーで、営業日を緑、休業日を赤に色分けした場合を考えてみます。作り手には明確に区別できても、見る人によっては、この色の違いを捉えにくいことがあります。日付の数字は読めるのに、営業しているかどうかを判断できないという状況です。

人は、誰もが同じように色を見分けているわけではありません。色覚の特性によって、区別しにくい色の組み合わせがあります。ただし、「赤と緑なら必ず見分けられない」と一律に決まるものでもなく、同じ特性でもその程度によって見え方は異なります。

また、加齢に伴って色の識別が難しくなることもありますが、年齢だけで見え方を決めつけることはできません。色彩検定協会の解説でも、色覚の多様性や加齢による変化が紹介されており、人によって見え方が異なることへの理解が出発点とされています。

こうした違いを踏まえ、できるだけ多くの人に情報が伝わるよう色の使い方を工夫する考え方を、カラーユニバーサルデザインといいます。札幌市の「広報に関する色のガイドライン」でも、見分けやすい配色を選ぶことに加え、色を見分けにくい人にも情報が伝わるようにすることを重視しています。

広告では、配色の美しさや印象を考えることと、必要な情報を見分けられるようにすることを、あわせて検討します。特に、営業日、料金プラン、対応エリアなどを色で区別している場合は、その違いが分からなくても内容を把握できるかを確かめたいところです。

色合いだけでなく明るさの差を見る

文字を読みやすくするには、何色を使うかに加えて、文字と背景の明るさの差を見る必要があります。淡い黄色の背景に白い文字を載せた場合、色は異なっていても、どちらも明るいため、文字の輪郭を捉えにくくなることがあります。

文字と背景をどれくらい区別しやすいかを考える際の指標の一つが、コントラストです。Webでは、文字と背景の相対的な明るさから求める「コントラスト比」が、読みやすさを確認するために使われます。デジタル庁のデザインシステムでも、文字の大きさなどに応じて、必要なコントラストを確保する考え方が示されています。

写真の上に文字を重ねる場合も、背景との関係に注意が必要です。一枚の写真の中には明るい部分と暗い部分があるため、同じ白文字でも、置く位置によって読みやすさが変わります。写真の構図を優先して配置した結果、店名の一部が背景に埋もれてしまうことも考えられます。

その場合は、文字を置く位置を変える、文字の背後に無地の面を設ける、写真と説明文の領域を分けるといった方法があります。文字を太くしたり影を付けたりするだけで解決しようとせず、背景との組み合わせから見直すことが大切です。

企業のイメージカラーが淡い色でも、その色をすべての文字に使う必要はありません。見出しの周囲や装飾に使い、本文には背景から読み取りやすい色を選ぶなど、役割を分けて使えます。

なお、画面上のコントラストを確認できても、屋外の看板や印刷物で同じように読めるとは限りません。照明、素材の反射、見る距離なども関わります。配色を整えることを基本に据えながら、実際に掲出する環境での確認につなげていく必要があります。

情報を見分ける手がかりを増やす

配色を調整することに加え、文字や形、配置を工夫することでも、情報を読み取りやすくできます。色の違いに気づかなくても意味が分かり、関連する説明を一緒に見つけられるように、広告の中にどのような手がかりを用意できるかを考えます。

色に文字や形を添える

営業カレンダーの休業日を赤くする場合、その日付に「休」と添えてあれば、色を見分けにくくても意味を読み取れます。色による区別に、文字による説明を加える方法です。

サイトの案内でも、「緑のボタンを押してください」と書くより、ボタン自体に「資料を請求する」と表示し、その名称で案内するほうが、色の判断に頼らず操作できます。

広告に複数のプランを載せる場合も、同じ考え方が使えます。色を変えた枠だけで区別するのではなく、「基本プラン」「訪問サポート付きプラン」といった名称を付ければ、何が違うのかを言葉で示せます。電話で問い合わせる際にも、「青い枠のプラン」ではなく、名称を使って話を進められます。

地図上で店舗や受付場所を案内するなら、色の異なる印に番号を添え、説明文にも同じ番号を付ける方法があります。路線や経路を描く場合は、色に加えて実線と破線を使い分けることも考えられます。ただし、印や番号を増やしすぎると、対応関係を探す手間が生じます。見る人が必要な情報をたどれる範囲に整理することが大切です。

記号や絵で意味を表すピクトグラムも、手がかりになります。ただ、作り手が意図した意味を、初めて見る人が必ず理解するとは限りません。特に独自の図柄を使う場合は、短い説明を添えるなど、意味を確かめられるようにしておきます。

色、文字、形を組み合わせるときには、表示全体で使い方をそろえます。同じ記号が場所によって違う意味になっていないか、同じプランの名称が途中で変わっていないか。手がかり同士に食い違いがないことも、見分けやすさを支えます。

配置と余白で情報の関係を示す

広告を読む際には、個々の文字だけでなく、情報の位置関係も意味を理解する手がかりになります。価格のすぐ下に説明があれば、その価格についての条件として読み進められます。反対に、条件が離れた場所にまとまっていると、どの価格に対応するのかを探さなければなりません。

仮に、二つのサービスを横に並べた広告で、それぞれの料金だけを大きく表示し、適用条件を紙面の下部にまとめた場合を考えてみます。文字はすべて読めても、片方にだけ必要な追加料金を、両方に共通する条件として受け取られるかもしれません。

この場合は、サービス名、料金、その料金に関わる条件を一つのまとまりとして配置します。共通の条件は「両プラン共通」と明記するなど、どの情報に対応する説明なのかを示します。小さな注記を置くだけで済ませず、内容の関係が伝わるかまで確認する必要があります。

余白も、このまとまりを示すために使えます。関連する情報は近づけ、別の内容との間には少し広い間隔を設けると、どこまでが一組なのかを示しやすくなります。枠や線を追加する前に、文字の位置と間隔を整えるだけで整理できないかを考えてみます。

イベントの案内なら、名称と概要、日時と会場、申し込み方法と締め切りなど、読み手が一緒に確かめたい情報をまとめる方法があります。そのうえで見出しを付ければ、すべての文章を順番に読まなくても、必要な箇所を探せます。

情報が多くて収まらないときも、すぐに文字を小さくするのではなく、重複する説明や長い言い回しを見直します。詳しい内容をサイトに載せる場合には、広告だけでも判断に必要な条件が分かるかを確かめます。文字の大きさ、情報量、配置を合わせて調整することが、読みやすい広告を作るうえで大切です。

広告が見られる条件で確かめる

配色や情報の配置を整えたら、実際に広告を見る場面に近づけて確認します。制作中は何度も原稿を読み、画面を拡大して細部を確かめるため、初めて見る人が読み取りにくい箇所に気づかないことがあります。見る距離や表示する大きさを変え、制作に関わっていない人にも確かめてもらいます。

掲出場所に合わせた確認

看板や交通広告では、原稿を見る距離と、掲出後に人が見る距離が異なります。パソコンの画面では読める文字でも、通路の反対側や道路沿いから同じように読めるとは限りません。広告の寸法に加えて、人がどの位置から、どのように見るのかを確認する必要があります。

たとえば、駅の通路に掲出する広告なら、立ち止まって読む人だけでなく、歩きながら見る人も考えます。店名やサービスの内容など、最初に知ってもらいたい情報が、その状況でも読み取れるかを検討します。可能であれば現地を確認し、近くの案内表示や周囲の広告も含めて、どのような環境に置かれるかを把握します。

印刷物では、紙や印刷の仕上がりも確認したい点です。画面は自ら光を発して色を表示しますが、印刷物は周囲の光を反射して見えます。そのため、画面で見た印象を、そのまま印刷後の見え方として判断することはできません。実寸での出力は文字の大きさや配置の確認に使い、色の仕上がりは必要に応じて印刷会社と確認します。

屋外の広告では、昼と夜で明るさが変わり、素材や光の当たり方によって反射も生じます。照明がある看板なら、点灯した状態で文字や背景がどう見えるかも確認します。配色だけで読みやすさを判断せず、掲出条件と合わせて考えることが大切です。

サイトやバナーでは、スマートフォンでの表示を確かめます。パソコン向けの画像をそのまま縮小すると、画像内の文字まで小さくなります。横長の画像が一部切り取られて表示される場合には、説明やロゴが欠けないかも見る必要があります。

また、サイトの本文では、文字を拡大した際に説明が重なったり、画面の外に隠れたりしないかを確認します。デジタル庁の「ウェブアクセシビリティ導入ガイドブック」でも、文字の拡大時に内容を読み取れることが扱われています。通常の表示で整っているかに加え、読む人が表示を調整した場合も使えるかを見る視点です。

見る人に確かめてもらう読みやすさ

制作に関わっていない人に原稿を見てもらうときは、「見やすいですか」と感想を聞くだけでなく、具体的な情報を探してもらう方法があります。

たとえば、イベントの広告なら「いつ、どこで開催されますか」「申し込みは必要ですか」と尋ねます。サービスの広告なら、料金に含まれる内容や問い合わせ先を確かめてもらいます。探す場所に迷ったり、違う情報を答えたりした箇所は、配置や説明を見直す手がかりになります。

その際、先に答えや見方を説明しすぎないことも大切です。「この下に条件が書いてあります」と教えてしまうと、初めて見た人が自力で見つけられるかを確認できません。まず原稿だけを見てもらい、どこを読んだのか、何が分かりにくかったのかを聞きます。

色覚のシミュレーションやコントラストの確認ツールも、見直しの補助になります。ただし、シミュレーション画像は、すべての人の実際の見え方を再現するものではありません。色彩検定協会も、公開している画像は色の区別がつきにくい特性が強い場合の見分けにくさを模擬したものであり、実際の見え方の再現ではないと説明しています。

白黒にして、色の違いがなくても情報を区別できるかを見る方法もありますが、それだけですべての読みづらさを確認できるわけではありません。文字の大きさや線の細さ、説明の分かりやすさなどは、別に確かめる必要があります。

少人数に見てもらって問題がなかったとしても、誰にでも読めると断定はできません。それでも、作り手だけでは気づかなかった迷いや読み違いを知る機会になります。見つかった問題を修正したら、その修正によって別の箇所が読みづらくなっていないかも確かめます。こうした確認の積み重ねが、必要な情報を受け取りやすい広告につながります。

まとめ

広告の読みやすさは、色や文字の大きさだけでは決まりません。背景との明るさの差、関連する情報のまとまり、見る距離や周囲の明るさなど、いくつもの条件が関わります。作り手の画面で整って見えることに加え、広告を見る人が必要な情報を見つけ、読み取れるかを確かめることが大切です。

自社の広告を見直す際には、色だけで区別している情報がないか、料金と条件の対応が分かるか、問い合わせ先を探しやすいか、といった点から確認できます。制作に関わっていない人に見てもらうと、自分たちには当たり前になっていた表示の分かりにくさに気づくこともあるでしょう。

企業らしい配色やデザインを活かしながら、文字や形、配置にも情報を伝える役割を持たせ、実際に掲出する場所や表示する大きさで確かめていく。こうした工夫を重ねることで、広告に込めた情報を、必要とする人が受け取りやすくなります。

私たちは、交通広告や屋外広告、Web広告などの媒体選びから、広告の企画・制作までお手伝いしています。掲出する場所に合わせた文字の大きさや配色、載せる情報の整理など、広告の見せ方に迷われた際は、お気軽にご相談ください。