こんにちは、ハヤです。
ブログ開設したけど、どういう配色にしたら良いのかわからない。
以上の方のお悩みを解決するための記事です。
◆本記事の内容
・ブログの配色選びの方法
・当ブログの配色選び
筆者のプロフィールをざっくりと紹介しますね。
この記事を読めば、センスの良い配色のブログがすぐに出来るようになります。
それではどうぞ。
ブログセンスを良くするために選ぶ３色
早速ですが、ブログの配色をセンス良く選ぶために以下の色を決めていきます。
抑えるのは３色だけです。
②文字色（記事に書く文字の色）
③ポイント色（差し色やアクセントになる色）
色の具体例はこの通り。
②文字色（黒か濃いグレー）
③ポイント色（上記以外の色：例：■■■■■など）
つぎは配色の習熟度合いで決める色を決めていきます。
パターン１：①②は固定で③だけ決める
配色にあまり詳しくない方向け。カンタンにかつセンス良く決めたい方は③ポイント色だけ選ぶことをオススメします。
①地色と②文字色は固定します。
③のポイント色を選ぶだけです。①②をシンプルな色で選ぶ分シンプルに仕上がりますよ。
パターン２：①②③すべて決める
配色の知識がある方向け。もう少し凝った配色にしたいと思っている方は①②③すべてカスタマイズも可能です。
色がバラつく可能性はありますが、オリジナリティが生まれやすくなります。
例えば、
②文字色：■（ホワイト）
③ポイント色：■（イエローグリーン）
のような配色も可能だったりします。統一感が大事ですね。
ハヤブログの色彩戦略
↓タネ明かしにはなりますが、私のブログの配色はこんな感じです。
②文字色：■グレー
③ポイント色：■アムバー（オレンジを少し暗くした色）
①地色と②文字色は私のブログのカスタマイズテーマである『Cocoon』にある色をそのまま使っています。
③ポイント色のアムバーは「元気づくような明るいイメージが良い」と思ってこの色を選びました。
ブログのメニュー
ブログの全体的なテーマは「■アムバー（オレンジを少し暗くした色）」でまとめました。
全体的に明るくていいなと思って選びました。■オレンジもあったのですが選ばなかったのは、目がチカチカして見えたからです。そのため少し落ち着いた色の■アムバーを選びました。
色はカスタマイズせずワードプレス内で選べる「テキスト色」から使っています。もしかしたらオレンジをカスタマイズできればもっと良い色があったかもしれませんが、あえてこの色にしました。
私の細かいこだわり
ブログのテーマにも限界があるので、少し工夫が必要だと思っています。
そのため私はある程度ブログの世界観を統一するために「記号」にこだわっています。
例えば、
『◆本記事の内容』
『＊今回参考にした本です。』
『■関連記事』
先頭にある記号は「◆、＊、■」らの色と文字の大きさを変えただけです。
ブログテーマだけに頼らず記号などを使って色をつけるなどの工夫もいいでしょう。
（ちなみにワードプレスの編集画面に「特殊記号Ω」があるので見てみてください。）
テーマは「シンプルで美しく」
複数色を使っても、ブログが見づらくなる可能性があります。あちこち色を使わないためにも色は絞っていきます。
私が尊敬するレオナルド・ダ・ヴィンチは「シンプルさは究極の洗練である」という名言を残しています。この言葉はブログの配色にも通じる話だと思っています。
それぞれのブログのテーマあると思いますが読者的にもシンプルなブログの方が読みやすくなります。
私がよく見るサイトの配色
よく見るサイトでは記事の偏りはあるかもしれませんが、良く見かける配色があります。
②文字色：■グレー
③ポイント色：■スカイブルー
この配色が多い理由は、ブログ界で有名な方たちがこの配色を使ってらっしゃるので影響されてそのまま使っているんだと考えています。
確かに青系統でネイビーで濃すぎない明るくてポップなスカイブルーを選択したのはいいなと思いました。ただ配色面で差別化出来ないと思いました。
もし差別化したいと思ったら前述した①②③をカスタマイズするのも良いでしょう。
ブログの配色は３色でまとめる
配色の話は深堀するとかなりおもしろい分野だと思います。
もし他の方とブログが被っていておもしろみを感じない方は少し色にこだわってみてもいいかもしれません。
今後ワードプレスのカスタマイズのテーマを変更することはあるかもしれませんが、配色は統一します。そして引き続き「シンプルで読みやすいブログ」を目指していきます。
今回の記事でブログの配色を考えるいい機会になればうれしいです。今回は以上です。
＊今回参考にした本です。気になった方はポチってみてください。
■関連記事
★よく読まれる記事
コメント