Posted by | 原田銀次 Ginji Harada |
Webサイトを構成する上で
・「直帰率」を下げる
・「ページの滞在時間」を増やすこと
を課題にしている経営者様、企業様が多いのではないでしょうか。
現在、Webサイトでは背景色(ベースカラー)を「白」とすることが多いため、
必然的に文字を「黒」で記載することがほとんどです。
そこで知ってほしいのが、
文字を「ピュアブラック」で記載するのは避けたほうがいいということです。
「ピュアブラック」というのは
ディスプレイ上で表示可能な最大値を使用した黒(#000000)のことを指します。
左の文字はピュアブラック(#000000)、右の文字は暗めのグレー(#323232)となっています。
比較するとどうでしょうか?
並べなければどちらも「黒」と感じるのではないでしょうか。
どちらも「黒」だと認識して扱う場合、
どちらの黒がおすすめかというと右の黒(暗めのグレー)です。
その理由ですが、
ピュアブラック(#000000)はディスプレイ上で表示可能な最大値の黒です。
ですので、とても強く感じるのです。
(この文字もピュアブラックを使用↑)
文字は強く感じたほうが
読みやすいのではないかと思う方もいらっしゃるかと思いますが、
背景色(ベースカラー)を白とした場合、
文字をピュアブラック(#000000)にするとコントラストが非常に高い状態となります。
そのため、他の要素よりも主張が強く伝わってしまい、
結果的に文字を読む際のストレスに繋がります。
せっかく考えたキャッチコピーや文章もしっかりと読んでもらえず、
直帰に繋がったり、ページ滞在時間も短くなります。
また、文字の主張が非常に強くなるため、
優先して見せたい部分の優先順位にも影響を与える可能性が考えられます。
以上のことから、
Webサイトの文字にはピュアブラックではなく、
暗いグレーの使用をおすすめします。
と書きましたが、
もちろんピュアブラックが完全にNGというわけではありません。
ページの内容によっては、
ピュアブラックをレイアウト上使用する場合もあります。
ただ、
暗いグレーを使用することも検討していただければと思います。
文字の黒を抑えるだけもページの印象が少し変わってきます。
配色については奥が深く、基本はありますが、
これが絶対に正解だ!というわけでもありません。
簡単にマネできそうな部分からまた紹介していけたらと思います。
Posted by Ginji Harada
専務取締役/人事部・営業部統括マネージャー 原田銀次
|
ブログ 2022-05-12 18:42:00
こんにちは! 4月にインターン生から正社員になりました! 宮崎菜摘です! 改めてよろしくお願いいたします! 今回は福 ...
ブログ 2022-06-24 19:41:00
皆さんこんにちは 今回は2022年上期版!今時花嫁が結婚式で流す楽曲を ご紹介したいと思います。 定番楽曲だとつまらないので定番以外の ...
ブログ 2022-01-24 00:45:00
こんにちは! トラより猫が好き深田雄太です! 新年あけましておめでとうございます! 2022年はどんな ...
ブログ 2021-03-01 20:35:00
みなさんこんにちは!! 水流です!! 今回の記事も世の中を騒がせている新型コロナウイルスについて話してい ...
ブログ 2020-12-29 20:50:00
オススメしたい本・・・それは・・・・ 「ワールドトリガー」葦原大介 &n ...
ブログ 2020-12-24 12:25:00
みなさん!クリスマスイブですよ! 小さな子供たちはサンタがいつ来るかいつ来るか・・とそわそわする日ですね^^   ...
ブログ 2021-02-15 13:22:00
こんにちは、ホーリーです。 結婚式エンドロールカメラマンとしてデビューし、早4ヶ月が経ちました。 約30組の新郎新婦を撮 ...
ブログ 2022-07-02 10:37:00
こんにちは〜 最近触れたことのない音響を覚え始め、 ドキドキワクワクしながら毎日過ごしています、 23新卒内定者の牛で〜す、おねがいし ...
ブログ 2021-01-31 22:01:00
もうすぐバレンタイン 誰かに送るものとして、自分へのご褒美として すこし贅沢なチョコレートケーキはい ...
ブログ 2022-05-29 23:50:00
こんにちは! 永原です! 今日は、映像制作もブライダルも初心者な私のお勉強ブログ第1弾です! (どうかあたたかい目でご覧ください笑) ...