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

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

Posted by
いいね♡112

Webサイトを構成する上で

・「直帰率」を下げる

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

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

 

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

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

 

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

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

 

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

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

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

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

 

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

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

 

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

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

 

その理由ですが、

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

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

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

 

文字は強く感じたほうが

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

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

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

 

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

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

 

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

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

 

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

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

 

 

以上のことから、

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

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

 

と書きましたが、

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

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

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

 

ただ、

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

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

 

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

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

 

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

いいね♡112
Posted by

が書いたその他記事

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

ブログ　2025-11-26 15:00:00

初めての"よもぎ蒸し"を体験してきました！

こんにちは！ 絶賛喉風邪中の、なかむら　りんです。 冬になり、乾燥がとんでもないですね；；   あっという間の11月でした ...

ブログ　2023-11-30 23:38:00

Black Friday!!何にでも手を出してしまいそう、、

お疲れ様です、ほりです   ブラックフライデー、皆様何を買いましたか？？ 僕はというと、、 常備薬のイブクイックが安かった ...

ブログ　2020-12-08 13:23:00

カラーで映像をよりよくする方法~持論編~

こんにちは★ 山内譲です 今回は動画制作をするときに映像をよりよく魅せるポイントについてお話ししていこうと思います。 個人的にこだわっ ...

ブログ　2020-05-31 22:52:00

Logic Pro Xで曲を作ってみよう！~ピアノロールでオリジナリティをだそう編~

こんにちは！ほーりーです。     Logic講座第4回目(?)です。   今回はソフト音源を立ち上 ...

ブログ　2026-02-28 22:40:00

今年もいちご狩りの時期がやってきた

いちご狩りに行ってきました！   私は　勝手に鹿児島にはいちご狩りがないものだと思っていて、 福岡にいちご狩りで帰る予定もな ...

ブログ　2021-02-15 14:39:00

一瞬で写真を水平に！！！

こんにちは、セキです！ 写真を加工する際 水平は必ず確認するかと思いますが 調整していると、あれ？ これは水平なのか？行きすぎたかな ...

ブログ　2025-02-28 23:43:00

クリエイティブセンス抜群の卒業展示

こんにちは、伊藤です。       先日、九州産業大学の卒業展示会にお邪魔しました。   ...

ブログ　2020-10-30 14:24:00

最近悩んでいること

皆様、こんにちは。 食欲の春夏秋冬上甲です。   すっかり肌寒くなってきましたこの季節、 皆様いかがお過ごしでしょうか？ ...

ブログ　2022-07-14 19:36:00

福津巡り - Part3　福津街中編

こんにちは、こんばんは 江原です。   お待たせいたしました。 福津巡り第３弾でございます。   今回はちょ ...

ブログ　2021-02-11 21:22:00

~オンライン MIX WEDDING~ 告知

こんばんは★ 山内です★   今回のブログも「オンライン MIX wedding」です！！ 資料完成したのでご覧ください ...

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