ブログ - 2021-05-22 19:21:00

意外と知らない!？文字にピュアブラックを使ってはいけない理由

Posted by
いいね♡179

Webサイトを構成する上で

・「直帰率」を下げる

・「ページの滞在時間」を増やすこと

を課題にしている経営者様、企業様が多いのではないでしょうか。

 

現在、Webサイトでは背景色(ベースカラー)を「白」とすることが多いため、

必然的に文字を「黒」で記載することがほとんどです。

 

そこで知ってほしいのが、

文字を「ピュアブラック」で記載するのは避けたほうがいいということです。

 

「ピュアブラック」というのは

ディスプレイ上で表示可能な最大値を使用した黒(#000000)のことを指します。

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

左の文字はピュアブラック(#000000)、右の文字は暗めのグレー(#323232)となっています。

 

比較するとどうでしょうか？

並べなければどちらも「黒」と感じるのではないでしょうか。

 

どちらも「黒」だと認識して扱う場合、

どちらの黒がおすすめかというと右の黒(暗めのグレー)です。

 

その理由ですが、

ピュアブラック(#000000)はディスプレイ上で表示可能な最大値の黒です。

ですので、とても強く感じるのです。

（この文字もピュアブラックを使用↑）

 

文字は強く感じたほうが

読みやすいのではないかと思う方もいらっしゃるかと思いますが、

背景色(ベースカラー)を白とした場合、

文字をピュアブラック(#000000)にするとコントラストが非常に高い状態となります。

 

そのため、他の要素よりも主張が強く伝わってしまい、

結果的に文字を読む際のストレスに繋がります。

 

せっかく考えたキャッチコピーや文章もしっかりと読んでもらえず、

直帰に繋がったり、ページ滞在時間も短くなります。

 

また、文字の主張が非常に強くなるため、

優先して見せたい部分の優先順位にも影響を与える可能性が考えられます。

 

 

以上のことから、

Webサイトの文字にはピュアブラックではなく、

暗いグレーの使用をおすすめします。

 

と書きましたが、

もちろんピュアブラックが完全にNGというわけではありません。

ページの内容によっては、

ピュアブラックをレイアウト上使用する場合もあります。

 

ただ、

暗いグレーを使用することも検討していただければと思います。

文字の黒を抑えるだけもページの印象が少し変わってきます。

 

配色については奥が深く、基本はありますが、

これが絶対に正解だ！というわけでもありません。

 

簡単にマネできそうな部分からまた紹介していけたらと思います。

いいね♡179
Posted by

が書いたその他記事

< Prev レーザー演出の魅力 ~MV編~
Next > 特殊撮影！ドローンを使っての空撮
ブログ TOP

ブログ　2026-08-30 11:22:00

現実よりも綺麗なんじゃないか？！

こんにちは、伊藤です。 先日、福間海岸と宮地嶽神社へ行ってきました。 せっかく綺麗な場所へ行くなら、ちゃんと写真に残したい。 というこ ...

ブログ　2025-05-31 23:48:00

ありすぎショートカットキー。。。

PCを使わない仕事はほぼないという今の時代、 皆さんいろんなソフトを使っていると思いますが ピークスマインドでは　After Effec ...

ブログ　2021-01-21 16:18:00

写真で巡る今年の初詣〜霧島神宮編〜

あけましておめでとうございます！     かいとです！   今更ながら新年のご挨拶させて頂きます(笑 ...

ブログ　2021-04-09 20:08:00

ポカリスエット新CM

本日、ポカリスエットの新CMが公開されました。     早速クオリティが凄いと話題になっております。   ...

ブログ　2021-01-18 21:58:00

Smoke Effect - Final Cut Pro - (ぷりんの話)

  こんばんは〜☆ 最近はまた、寒くなりましたね！！！   みなさん、お元気ですか^^   &nb ...

ブログ　2026-09-08 13:16:00

【目標達成】宮崎旅行、プールに行ってきました。

宮崎旅行 「子どもたちをプールに連れていきたい」〜飛行機にものっちゃうぞ〜   先日宮崎に家族旅行してきました！！ 泊まっ ...

ブログ　2024-07-10 10:27:00

熱中症対策って大事！

こんにちは！関です！   暑すぎる日々が続いていますが   みなさんいかがお過ごしですか？   & ...

ブログ　2025-05-28 14:32:00

メタバース人間によるワールド巡り日記part4

こんにちは！ 最近また睡眠不足の、なかむら　りんです！ 前回に続きまして 今回はもうひとつVRChatのWorld紹介です。 ーーー ...

ブログ　2020-08-28 17:44:00

カラグレ勉強日誌　サイエンスとアート

どーもこんにちはっ！！ 好きなチョコはCACAO72%、 山口ことひなのです！     前回はカラーコレクショ ...

ブログ　2021-02-07 17:21:00

今年もこの時期がやってきた【目と鼻の緊急事態】

      こんにちは   アレルギー性鼻炎ひきちひきです   実は鼻が滅弱 ...

Copyrights ©️ 2019 All Rights Reserved by PEACSMIND Co.,Ltd.