その他運営サイトはコチラ▷link lit

ブログの文字の色は黒じゃだめ?大手のサイトから学ぶ最適な文字の色

color
この記事を読むといい人
  • ブログのデザインをこだわりたい人
  • ブログを運営していこうと思っている人
  • Webのデザインに興味がある人

みなさん無意識で読んでいる文字の色は
」ではないことをご存知でしょうか…?

また、サイトによって文字の色が微妙に違っています

この記事では

  • 大手広告企業
  • トップブロガー
  • ブログサイト

ではどのような色が使われているのかをみていきたいと思います

当サイトではでもなくグレーでもない
少し青みがかった色を使用しています



背景が真っ白(#ffffff)
文字が真っ黒(#000000)である場合
コントラストが強すぎて

目に負担がかかってしまいます

現在文字の色を真っ黒にしている人は
今すぐ文字の色を修正することを
オススメします

Contents

よく目にするサイトの文字色

Google

必ず1日1回は目にするであろう
Googleはどんな文字が
使われているのでしょうか?

Google
  • 見出し(リンクの色)
    • #1A0DAB
  • 本文
    • #4d5156

世界が認める日本の食材
2021/5/23−日本の食の味は世界でも定評があり、特に「寿司」は世界中から愛されています…

少し見覚えのある色使いになりましたね!

Twitter

Twitterも1日1回は開くSNSだと思います
Twitterの配色はこのような感じです

Twitter
  • 名前、本文
    • #0f1419
  • アカウント名
    • #1b95e0
ツタローjr.

ツタロー|投資家 
@sub_t_job
今日も一日頑張ろう!

Twitterの文字の色は
青の要素が若干取り入れられています

ブログ

各ブログや有料テーマでは
どのような色が使われているのでしょうか?

ヒトデブログ

月100万円以上を毎月稼いでいる
トップブロガーの一人であるヒトデさん

調べてみると、文字の色にも配慮されていることがわかりました

ヒトデブログ
  • 文字色
    • #514C38

このようにみると
なかなか特殊な色を利用しているのがわかります

hitode blog

しかし、文章にしてみると
そこまで特殊な色を使っているようには見えません

こちらもコントラストが強くない色を使用しています

ブログのテーマにあった色を使うことで
整った記事に見えます

有名なブログテーマ

ブロガーに人気なテーマについても調べてみました

ブログテーマ
  • SWELL
    • #04384C
  • THE THOR
    • #191919
  • JIN
    • #555555

一番多く使われていた色

様々なサイトを見てきましたが
一番使われれているのは#333333の色でした

#333333が使われていた主なサイト
  • Apple
  • 電通
  • 楽天市場
  • AFFINGER5(ブログテーマ)

日本でも有名な広告会社「電通
おしゃれを追求する「Apple

それぞれのHPで#333333を
使っていました

迷った人はこの色を
使いましょう

少し色を足した文字色

オーソドックスな色は嫌だ!

自分のHPに特色を出したい人もいるかと思います

そんな方は少し色を足してみましょう!

基本的にはテーマカラーに寄せた色を出すことで
整ったサイトが出来上がると思います

まとめ

  • 真っ黒はだめ
  • 無難は#333333
  • 少しテーマに色を寄せる

ブログの全体のデザインだけでなく
文字にも配慮することで
文字が読みやすくなります

ブログのテーマと統一感ができて
美しく見えるようになります

簡単にできますので
少しいじってみるといいかもしれません!

読者のために見やすい文字色にしましょう!

それでは〜!

Google AdSenseの仕組みはこちら

ブログのフォントサイズの記事はこちら

コメント

コメント一覧 (1件)

コメントする

CAPTCHA


Contents
閉じる