【初心者でもできる!】おしゃれなブログデザインの作り方【20の法則】

 
悩んでいる人
「ブログをおしゃれなデザインにしたいけど、具体的にどうやればいいの?」


こうした悩みにお答えします。


この記事では、初心者でもできるおしゃれなブログデザインの作り方について解説していきます。

 本記事の内容
  • おしゃれなブログデザインとは

  • おしゃれにするテンプレツール

  • おしゃれなブログデザインの作り方


 
内容を押さえておけば、誰でもおしゃれなデザインを実現できるので安心してください
 
※これからブログを始めようと思っている方は、完全初心者向けブログの始め方マニュアル【収益化まで徹底解説】をぜひチェックしてみてください。立ち上げから運営方法まで、丁寧に解説しています。


それでは見ていきましょう。

\当サイトも使ってるWPテーマ『THE THOR』/

»【THE・THOR(ザ・トール)】

 

1.おしゃれなブログデザインとは

おしゃれなブログデザインとは



結論をいいますと、シンプルで統一感のあるデザインがおしゃれです。
※好みによって個人差はあります。
今回は、僕の感覚にてお話させていただいております。

おしゃれなブログの要素とは

▼おしゃれなブログの要素は、下記です。

  1. 画像が美しい
  2. 配色/装飾がシンプル
  3. 全体に統一感がある

上記のような感じですね。


このような要素を満たすためには、ブログを書くときのルールテンプレを決めておけばOKです。


 
後半では、おしゃれなブログを作る方法を教えますよ

 

おしゃれなブログのメリットは読みやすい

ブログデザインがおしゃれであるメリットは、ブログ全体の違和感がないことで、ストレスなく読者が文章に集中できる点にあります。


デザインがめちゃくちゃなサイトにたどり着いたら思わず戻るをクリックして検索結果に戻りますよね。

記事内容を読み進めてもらうためには、引っかかりのないブログデザインに整えておくことは、実は重要なのです。

ブログデザインをおしゃれにして収益性UP

実は、収益性UPにも期待できます。


なぜなら、デザインの違和感がないことで、記事の離脱率が下がるからです。


離脱率が下がると、読者はブログをしっかり読んでくれるので、成約へと繋がる可能性も高まります。



例えば、当ブログは2020年11月にTHE・THOR(ザ・トール)というWordPressテーマを導入してデザインを整えた途端に収益が発生したのは紛れもない事実です。


ブログデザインをおしゃれにすることで、ブログの収益性は向上するといえます。


ちなみに、ブログを書かずにデザインばかり追求しても、収益にはつながらないので注意です。

 

2.おしゃれにするテンプレツール

おしゃれにするテンプレツール

WordPressテーマを導入して、デザインを整えましょう。



WordPressテーマとは「デザインテンプレート」みたいなもので、最近はデザインのみならずSEO内部対策がされているテーマが多いです。


以下では、SEO対策が施されていて、おしゃれなWordPressテーマをご紹介しています。



▼おしゃれなWordPressテーマ

  1. シンプル系:SWELL(スウェル)JIN(ジン)
  2. かっこいい系:AFFINGER5(アフィンガー5)
  3. スタイリッシュ系:THE・THOR(ザ・トール)


「シンプル系・かっこいい系・スタイリッシュ系」という切り口だと、上記がおすすめですね。


▼上記テーマについては、コチラの記事でも詳しく説明しています。

あわせて読みたい

  悩んでいる人 「WordPressをインストールしたのでテーマを設定したいのですが、こんなに種類があると決められません。おすすめを厳選してほしい。」 こうした悩みにお答えします。この記事では、WordPress[…]




ご自身が実現したい方向性のテーマを導入していただけるとよいかなと思います。


ちなみに、当ブログで使っているのはTHE・THOR(ザ・トール)でして、かなり重宝しています。


迷ったら、THE・THOR(ザ・トール)を選んでおけば間違いないです。


»【WordPress有料テーマ】THE THOR(ザ・トール)の購入方法から設定までを徹底解説【完全版】
※こちらの記事は、検索上位を獲得しているので、Googleから一定の評価を得ている記事です。

3.おしゃれなブログデザインの作り方【20の法則】

おしゃれにするテンプレツール


おしゃれなブログデザインの作り方をご紹介します。


誰でも取り組める内容になっているので、気になるものを取り入れてみてくださいね。

1:見出しデザインを整える

H2, H3, H4 などの、見出しデザインを整えてみましょう。


読者としても、見出しの位置を認識できると、どこを読むべきか明確になります。


▼例えば、以下のような感じです。

おしゃれなブログデザインの作り方(H2)

見出しデザインを整える(H3)

H2, H3, H4 見出しデザインを整えてみましょう(H4)

読者としても、見出しの位置を認識できると、どこを読むべきか明確になります。(段落)


見出しデザインを整えることで、重要度が明確に認識できるようになります。

 
本記事で紹介したWordPressテーマでは、見出しデザインの種類が豊富に揃っています


2:吹き出しを使用する

 

 
会話形式で表現することで、読者としても頭に入ってきやすくなるからだよ

 

なるほど!!


上記のような感じで、吹き出しを活用することで、視覚的に情報が入ってきやすくなります。


また、吹き出しでオリジナルなイラストを使うことで、自分の作りたい世界観を作ることができるので、吹き出しをカスタムして使ってみましょう。


さらに、上記吹き出しのようにアニメーションをつけるとオリジナル感と目を惹きつける効果がありますよ!


3:箇条書きでまとめる

3つ以上の例をあげるときや、1〜3と番号が続いていくときは、箇条書きにすることで見やすくまとまります。


例えば、僕がおすすめしたいレンタルサーバーを紹介するとします。

▼箇条書きを使わない場合

僕がおすすめしたいレンタルサーバーは、エックスサーバーConoHa WINGmixhostロリポップ!の4社です!

▼箇条書きを使う場合
僕がおすすめしたいレンタルサーバーは以下です。


上記のような感じで、3つ以上の概念をまとめるときは箇条書きを使うことで、見やすくまとめることができます。

 
3つ以上の概念は、箇条書きでまとめましょう
 

4:テーブルで一覧化する

何かを比較するときは、テーブル(表)を使って一覧化してみましょう。


▼例えば、上のレンタルサーバーつながりで表すと以下のような感じです。

≫≫横にスクロールできます

サーバー

転送量バックアップWPインストール/無料SLL複数サイト初期費用/月額費用利用者数
エックスサーバー

70GB/日(2.1TB/月)無料
復元に15000円かかる
有り50サイト3000円/1000円とても多い(国内No.1)
ConoHa WING

3.0TB/月無料
復元も無料
有り無制限0円/900円少ない
mixhost

2.0TB/月無料
復元も無料
有り無制限0円/980円多い
ロリポップ!

100GB/日(3.0TB/月)有料
(月300円)
有り30サイト1500円/500円多い

 

 
基本的に読者はスマホで記事を読むため、記事公開前にスマホでも確認しておきましょう


何かを比較したり、一覧で見せたいときはテーブルを活用しましょう。


本記事で紹介したWordPressテーマを使用すると、上記のようなテーブルはワンクリックで作れますよ!

5:ボックスで目立たせる

ボックスとは「囲み」をつける装飾のことなのです。

▼本記事でも、すでに何度か使用している以下のような囲いです。

  1.  
  2.  
  3.  


ボックスは、本記事で紹介したWordPressテーマに豊富な種類が揃っているので、ご自身の使いたいものを選んで使ってみましょう。

6:マーカーで重要度を表す

重要なポイントは、マーカーで下線を引いてみましょう。


▼例えば以下のような感じです。

結論をいいますと、シンプルで統一感のあるデザインがおしゃれです。

上記のように、マーカーで線を引くことで、読者にどこが重要なポイントなのかを視覚的に伝えることができるようになります。

7:改行で文章を読みやすくする

改行することで、文章にまとまりが出てきます。


改行のコツとしては、文章をブロックだとイメージすることですね。


1〜2文ごとに改行を入れることで、パッと見たときにブロックごとに文章を読めるので、まとまっているように感じられます。


 
ちなみに僕の場合は、「shift + enter」で改行できます


改行をすることで、文章にまとまりを与えて読みやすくしましょう。

8:ひらがなを増やす

漢字がたくさん入っている文章は、非常に読みにくいです。


そのため、「ひらがな・カタカナ・漢字・数字・アルファベット」などをバランスよく配合した文章を意識することで、読みやすい文章になります。


一般的に、「漢字:ひらがな=3:7」の配分が、もっとも読みやすく美しい文章になるそうです。


ひらがなが多いと柔らかい文章になりますし、漢字が多いと硬い文章になります。

9:一文を長くしすぎない

一文は、長くしすぎないようにしましょう。


一文が長いと、文章として読みにくく、読者は読むことをやめてしまいます。


コンパクトに文章を書くためのコツは、「結論ファースト」でまとめることです。


何度も紹介していますが、PREP法に沿って書くといいでしょう。

PREP法
  • 結論を提示する
  • 理由を説明する
  • 具体例を出す
  • 結論でまとめる

※PREP法:Point(結論)→Reason(理由)→Example(具体例)→Point(結論)の4つに沿って、相手に情報を上手に伝えるテクニックのこと。

10:画像の配置を統一する

画像は、配置する場所を統一しておきましょう。


画像の配置に一貫性があると、読者は一定のリズムを感じながら記事を読むことができます。


例えば、当ブログでは「H2見出しの下」に、必ず画像を1枚いれるようにしています。


ちなみに、当ブログでよく使っているフリー素材は、下記の記事内でご覧いただけます。

»【ブロガー必見!】ブログ運営に必須のおすすめ神ツール10選【収益化の裏ワザ】

11:記事内の画像を統一する

同じ記事では、画像のテイストも統一しておきましょう。


テイストが統一された画像を使うことで、違和感が消えて、文章に集中してもらうことができます。


例えば、「写真で統一」「イラストで統一」といった感じで統一していけばOKです。

 
記事内画像のテイストは、あわせておきましょう

 

12:画像サイズを統一する

画像のサイズもあわせておきましょう。


僕の場合は、1200×720で統一しています。

13:配色を決めておく

記事で使う配色は、あらかじめ決めておきましょう。


例えば、当ブログの場合は、スタイリッシュなWordPressテーマなので、青系でスタイリッシュかつシンプルに表現しています。

»【THE・THOR(ザ・トール)】

14:リンクの色は統一する

リンクの色は、統一しておきましょう。


当ブログは、Googleのリンク色に合わせて、「#1a0dab」となっております。

 
ちなみに、リンクには下線も引いておくと、より認識されやすいですよ

15:デカ文字は使わない

フォントサイズが大きなデカ文字は、あまり使わないようにしましょう。


なぜなら、記事全体のまとまりを崩してしまうからです。


どうしても使わないといけないとき以外は、デカ文字は極力使わない方が無難です。


16:顔文字は使わない

デカ文字と同様に、顔文字もあまり使わないようにしましょう。


完全に好みや世界観によるので絶対とは言いませんが、どうしても使わないといけないタイミング以外は、顔文字の利用も控えましょう。

17:長々と説明しない

一文一文を長々と説明するのはやめましょう。


なぜなら、読者ファーストで考えたときに、読むのが大変だからです。

とはいえ、しっかり説明をしないといけないシーンでは、読者が理解できるように、言葉を尽くして解説する必要はあります。

 

18:文の途中で改行しない

一文の途中で改行をするのは、やめましょう。


勧誘ビジネス系の方々は、なんだか書き方にこだわりがあって、とにかく見やすくするように、「。」がくる前に改行をする人がいますが、「。」がくるまでは改行しなくてOKです。


▼改行が多い文章

正直、
文章の途中で改行してしまうと、
読みづらくなるので、
「。」がくるまでは改行はしなくて大丈夫です。

上記のように、文章の途中で改行してしまうと、読みづらくなるので、「。」がくるまでは改行はしなくて大丈夫です。

19:文字サイズを統一する

記事内の文字は統一しましょう。


たまに、強調したい箇所だけの文字サイズを大きくする人がいますが、太文字にするか、ラインを引くようにしましょう。

 
基本は、文字サイズは統一が読みやすいです

 

20:広告リンクを貼りすぎない

広告リンクは、必要なタイミングのみ貼りましょう。


たまに、各見出しの終わりにバナーでアフィリエイトリンクが置いてあるブログを見かけます。


収益を得るために広告をたくさん貼りたくなるのは分かります。



しかし、無闇に広告を貼りすぎると、おしゃれなブログから遠ざかってしまうので注意しましょうね。

まとめ:誰でもおしゃれなブログは作れる!

誰でもおしゃれなブログは作れる!


今回は、おしゃれなブログとは何なのかを説明した後に、具体的にはどうやっておしゃれなデザインを作ればいいのかについてお話してきました。


▼おしゃれブログの作り方

  1. テンプレツールを導入する
  2. この記事の内容を取り入れる
  3. シンプルで統一感のあるデザイン
 

ブログをおしゃれなデザインにしておくと、読み手が集中できるので、収益性もUPするはずです。


そして、ブログ初心者の方は、まずは何より記事を書いていくことを大事にしてください。


»【ブログ】簡単に書ける記事作成テンプレート【初心者ほどオリジナルはやめよう!】


というわけで、

今回は「【初心者でもできる!】おしゃれなブログデザインの作り方【20の法則】」をまとめてみました。

本記事に沿っておしゃれに見えるブログを構築していきましょう!

ここまで、記事を読んでいただきありがとうございます

おつかれさまでした!

≫フォローお願いします≪