記事を書くだけで超大変!始めたばかりのブログをおしゃれなデザインにする方法【3つのルールを守るだけ】

ブログのデザイン
ブログを始めたばかりの超初心者。
ブログをオシャレなデザインにしたい!
こういった人に向けての記事です。

自分がブログ超初心者だった時、デザインまで考える余裕がありませんでした。

好きな色を設定すると、ど素人感がでちゃっちゃったり…。

けれど3つのルールを守っただけで、見違えるほど良くなりました。

たまに「ブログをオシャレなデザインにする20のルール」なんて記事もありますが、超初心者の時点でルールが多すぎると疲れてしまうと思います。

なのでこれさえ守れば大丈夫!という3つのルールだけまとめました。

難しいテクニックは不要で自分が決めたルールを守るだけです。

早速いってみましょう!

始めたばかりのブログをおしゃれなデザインにする方法【3つのルールを守るだけで見違える!】

ブログをおしゃれなデザインにするには、この3つを守るだけです。


  1. 配色ルール
  2. アイキャッチを統一
  3. 美しい画像を使う

これら3つを守るだけでブログに統一感がうまれ、オシャレに見えます。

これは私のブログの改善前と改善後です。


改善前はアイキャッチに統一感がなくてごちゃごちゃしてますよね?

改善後は配色・アイキャッチに統一感があってキレイに見えませんか?

ブログのデザインをおしゃれにするには、センスが必要なのではなく「統一感」です。

①配色を守る

まず一つ目のルールです。

自分のブログの配色パターンを決めましょう。

■色が統一されてると世界観ができあがるから
→ファンが増えやすい

■決まった色を使うと時短になるから
→記事執筆に集中できる

■好きな色を何色も使ってるとダサく見えるから
→滞在率が下がりやすい

このようにブログに大きな影響を与えるんですね。

ちなみにこのブログの配色パターンは主にこの3色です。

大人シンプル

そんな印象を与えたいと思ったからです。

 

配色を決める際の注意

ブログの配色は3色を選びます。

3色以内だとブログ全体に統一感をだすことができるからです。
もし3色を超えるとバラバラな印象になってしまう可能性があり、色の扱いが難しくなります。

左が5色を使ったレイアウト。
右が3色を使ったレイアウト。

 

ではどんな3色だと良いのか?
もちろん好きな色味を中心に選ぶのがいいですが、、、

■2色は同系色だと失敗しづらい

3色のうち2色を同系色にすると落ち着いたイメージをだせるので失敗しづらいです。
ただ左側の方が使い勝手はいいので、この辺はお好みです。

■メインカラーは薄い色

メインとして使いたい色はなるべく薄めの色が好ましいです。
濃い色は扱いが難しいからです。

 

  1. 薄めのメインカラー
  2. メインカラーを少し濃くした色

 

このへんを意識すると選びやすいですかね。

 

必ず配色見本を使う

そして禁止事項は自分の好きな色だけを選ぶことです。

配色見本を使った方がど素人感がなくなります。

 

配色見本その①palettable


(引用:https://www.palettable.io)

出てきた色を「スキ:like」か「キライ:Dislike」で判断していくと自分好みの配色が完成するサイトです。

5色の組み合わせまで選べます。

配色見本その②pigment


(引用:https://pigment.shapefactory.co)

こちらは2色の組み合わせから選べます。
左側で明るさも調整できますね。

配色見本その③canva


(引用:https://www.canva.com/ja_jp/learn/100-color-combinations)

100個の配色パターンが載ってる便利なページです。
いちばん楽に選べるかもしれません。

 

正直この3色を選ぶ作業が一番難しいかなと思います。

ブログデザインに大きく影響してきますからね。

たとえ配色見本の通り選んだ色だとしても、いざ自分のブログカラーに設定するとイマイチな感じになってしまったり…。

ちゃんとおしゃれにしたいのであれば、やはり勉強が必要です。


デザインを学ぶすべての人に贈るカラーと配色の基本BOOK

色に関する知識ゼロの人にも超基礎から教えてくれる本です。
他の本より初心者向けに書いてあるので、テクニックをマネしやすいです。

好きな色「だけ」を選んでたのは失敗だったんだと気づかせてくれました。

 

カラーコードを確認

自分が選んだ配色パターンのカラーコード【#から始まる番号】を自身のテンプレートに適用させましょう。

  • ヘッダー/フッターの色
  • ヘッダー画像(あれば)
  • 見出しの色
  • その他色が選べる部分

だいぶ統一感がでてきませんか?

②アイキャッチを統一する

2つ目のルールです。

アイキャッチも使うテンプレートを2~3パターンほど決めておきましょう。
ブログ全体に統一感がでるのと、毎回選ぶ手間がなくなり時短になります。

ちなみにこのブログは主にこの2つのテンプレートを使いまわしてます。

  1. 真ん中にイラスト+上下にテキスト
  2. 左側にイラスト+右側にテキスト

アイキャッチの作り方

アイキャッチの作り方はこちらの記事をご覧ください。

時短をかなえる!ブログのアイキャッチ画像の作り方【22枚の画像を使って解説】

■アイキャッチの色

アイキャッチに使う色はさきほど決めた配色パターンを使います。

 

■フォント

アイキャッチに使うフォントも毎回同じ種類を使います。

(さきほどのアイキャッチの作り方の記事内にて詳しく解説してます)

③美しい画像を使う

最後のルールです。

ブログに使う画像(アイキャッチや記事内の画像)は美しい写真を使いましょう。
粗い画像や何が写ってるかわからない写真を使うと一気にダサい雰囲気がでちゃいます。

これなんて何の写真かわかりづらく、オシャレ感ゼロですよね。

 

美しい画像のフリー素材

unsplash

(引用:https://unsplash.com)

海外のセンスのいい写真が揃ってます。

ブログに統一感をだすために、毎回同じ写真家さんの画像を使うことをおすすめします。

まとめ

ブログをオシャレにするために守るべきルールは3つです。

  1. 配色パターン
  2. アイキャッチの統一
  3. 美しい画像

この3つさえ守れば確実にブログに統一感がでてオシャレになります。

しかもルールを決めておくと毎回迷わなくて済むので、時短にもなります。

では今回はここまでです。