| Posted by | ![]() |
Webサイトを構成する上で
・「直帰率」を下げる
・「ページの滞在時間」を増やすこと
を課題にしている経営者様、企業様が多いのではないでしょうか。
現在、Webサイトでは背景色(ベースカラー)を「白」とすることが多いため、
必然的に文字を「黒」で記載することがほとんどです。
そこで知ってほしいのが、
文字を「ピュアブラック」で記載するのは避けたほうがいいということです。
「ピュアブラック」というのは
ディスプレイ上で表示可能な最大値を使用した黒(#000000)のことを指します。

左の文字はピュアブラック(#000000)、右の文字は暗めのグレー(#323232)となっています。
比較するとどうでしょうか?
並べなければどちらも「黒」と感じるのではないでしょうか。
どちらも「黒」だと認識して扱う場合、
どちらの黒がおすすめかというと右の黒(暗めのグレー)です。
その理由ですが、
ピュアブラック(#000000)はディスプレイ上で表示可能な最大値の黒です。
ですので、とても強く感じるのです。
(この文字もピュアブラックを使用↑)
文字は強く感じたほうが
読みやすいのではないかと思う方もいらっしゃるかと思いますが、
背景色(ベースカラー)を白とした場合、
文字をピュアブラック(#000000)にするとコントラストが非常に高い状態となります。
そのため、他の要素よりも主張が強く伝わってしまい、
結果的に文字を読む際のストレスに繋がります。
せっかく考えたキャッチコピーや文章もしっかりと読んでもらえず、
直帰に繋がったり、ページ滞在時間も短くなります。
また、文字の主張が非常に強くなるため、
優先して見せたい部分の優先順位にも影響を与える可能性が考えられます。
以上のことから、
Webサイトの文字にはピュアブラックではなく、
暗いグレーの使用をおすすめします。
と書きましたが、
もちろんピュアブラックが完全にNGというわけではありません。
ページの内容によっては、
ピュアブラックをレイアウト上使用する場合もあります。
ただ、
暗いグレーを使用することも検討していただければと思います。
文字の黒を抑えるだけもページの印象が少し変わってきます。
配色については奥が深く、基本はありますが、
これが絶対に正解だ!というわけでもありません。
簡単にマネできそうな部分からまた紹介していけたらと思います。
|
Posted by
|
ブログ 2026-04-30 13:40:00
どうも皆さんこんにちは! 志水です 前回の続きですが、同期たちと集まろうとなり、熊本へ全員集合しました! 恐竜博物館に ...
ブログ 2026-08-31 21:00:00
こんにちは、瀬元です! 最近、SNSやYouTubeを見ていると、 「これ、生成AIで作った映像じゃない?」と思ってしま ...
ブログ 2020-12-14 18:53:00
みなさんこんばんわ、横山です(・・) 実は数ヶ月前に液タブ ...
ブログ 2021-02-27 15:02:00
こんにちは、ほーりーです。 今回はホームページの話。 「ずばり、アクセス数の多いホームページに共通する点 ...
ブログ 2025-12-28 22:40:00
こんにちは!野口です!! 最近は急激に冷え込みましたね。。 体調管理が難しい時期だなと感じている今日この頃です。 &n ...
ブログ 2026-03-25 11:21:00
― 印刷は奥が深すぎる ― カタログや自社イベントのリーフレットを制作して、入稿まで担当することが年に数回あります。 そして毎回、入稿前 ...
ブログ 2020-02-14 18:14:00
こんにちは、ほーりーです。 まだまだ風の冷たい今日この頃、 皆様いかがお過ごしでしょうか? 鹿児島にはあったかおいしい ...
ブログ 2025-09-23 15:50:00
2025年10月13日(月・祝) 開場 13:00、開演 13:30 SAWARAPIA(サワラピア・旧ももちパレス/福岡県立ももち文化 ...
ブログ 2025-09-27 16:10:00
こんにちは、伊藤です! 先日、大濠公園の日本庭園で開催されているナイトイベント「宙(SORA)」に行ってきました。 「宙」 ...
ブログ 2023-09-30 18:57:00
こんばんわ!永原です。 最近やっと暑さも落ち着いてきましたね! 9月は結婚式フィバーで大変でしたが、どれも素敵なご結婚式で オペレート ...