参考に!超おしゃれなブログデザイン総まとめ~WordPressテーマ~

おしゃれブログ参考デザイン
Sayu
Sayu

どうも、
おしゃれブログ見回り隊、隊長(自称)のSayuです☺

ブログにおいて、デザインは自己満ではあ・り・ま・せ・ん!

印象的なブログは一発で覚えてもらえるし、
また見に来たい!と思ってもらえるの!

Sayu
Sayu

しかも、デザインを整えると
読みやすいブログ
に!

良いデザインは良いブログから学ぶ

という方法でブログをレベルアップしましょう!

今回は、「私が何度も訪れてしまうお洒落ブログ」をまとめました。

ここでポイント▼

Sayu
Sayu

使っているものと違うテーマでも学べる点はいっぱいあるから

あえてテーマ別では紹介しないよ!

ということで、以下の「イメージ別」に分けて27サイトご紹介!▼

  • やさしい
  • シンプル
  • 配色が魅力的
  • ナチュラル
  • ポップ
  • スッキリ
  • 温かい
  • 可愛い
Sayu
Sayu

もちろんテーマも記載しているので安心してね♪
※テーマが不明なものあり

それでは「おしゃれブログでデザインの目を肥やす旅」スタート!

スポンサーリンク

優しいおしゃれな参考ブログ

やさしいブログ参考デザイン

ふわっとした気分になれる、

私がときめいた、優しいブログデザインをご紹介します。

おしゃれブログ|Mochi’s

おしゃれブログ 参考デザイン

引用元:Mochi’sより

はい!ドーーーン!

一発目は、「私がデザインについて考えるようなったきっかけ」を与えてくれた
Mochiさんのブログ「Mochi’s

空を連想させるような水色を使いたい。優しいイメージにしたい。
ということで、

淡いパステルカラーで統一しているそう♪

カテゴリーカードやアイキャッチなど、とにかく全てにセンスが溢れてる!!

Mochiさんはオーストラリアに在住されていて、
英語学習やワーホリをメインに書かれています。

A子先生
A子先生

ブログデザインについても
発信してくれているよ♪

「SWELL」を使っている人に是非読んでもらいたい記事▼

 

おしゃれブログ|すまいるままらいふ

にこさんの「すまいるままらいふ」は、
淡いブラウンとグレーが優しい雰囲気のお洒落ブログです。

実はセンス抜群なお母さん!
子育てや暮らしについて役立つ情報をメインに発信されています♪
A子先生
A子先生

ブログについても
紹介してくれてるの!

SWELLの魅力が存分に語られているこの記事を読めば、
SWELLを全て知りつくせますよ☺▼

Sayu
Sayu

SWELLを買いたくなること
間違いなしです(笑)

 

おしゃれブログ|theater

おしゃれブログ参考デザイン

引用元:theater

デザイナー兼イラストレーター、harucaさんの「theater」は

ミントグリーンが目に優しいオシャレブログ。

アイキャッチのイラストはオリジナリティがあってとっても可愛い☺

映画について発信されています!

Sayu
Sayu

記事内にも、harucaさんのイラストが出てきて
読むのが楽しいの!

 

U Love English

いや、自分のサイト紹介するんかーーーい!!

Sayu
Sayu

すみません!
当ブログも「優しいイメージ」だから紹介したい、、
許してくださいいい!

おしゃれブログ 参考デザイン

引用元:U Love English

他の先輩ブロガーさんには及びませんが、
デザイン素人が頑張ったCocoonブログです(笑)

背景色に淡いベージュを取り入れて
優しいイメージを意識。

Sayu
Sayu

アイキャッチやおススメカード、
ヘッダーなど全て
Canva無料版」で作成してます!

デザインの際に一番意識した【余白】について書いてみたので、
気になる方は是非♪▼

スポンサーリンク

シンプルでおしゃれな参考ブログ

シンプルなブログ参考デザイン

モノクロで統一された、

シンプルで洗練されたブログをご紹介します。

おしゃれブログ|ぜいたくゆるミニマリスト

ponpocoさんが運営する「ぜいたくゆるミニマリスト

モノクロで統一されていて、とにかく無駄のない洗練されたデザイン

シンプルなブログを目指す方必見!
私の一押しブログです♪

また、テーマはなんと「Cocoon」!

A子先生
A子先生

Cocoonでここまでオシャレにできるの?!
Cocoonユーザーの夢が広がるね❤

日常やファッション、愛用品をメインに発信されています。

Sayu
Sayu

お気に入りは「クローゼットの整理」についての記事。
モノが捨てられない私でも、
実践してみよう!と思えました☺▼

 

おしゃれブログ|トバログ

おしゃれブログ 参考デザイン

引用元:トバログより

鳥羽恒彰さんが運営する「トバログ」は、ブログ界ではかなり有名です。

全体が主に白で統一されていて、シンプルなデザイン。

アイキャッチや記事内に使う画像もこだわられていて、
とにかくスタイリッシュで清潔感のあるブログです!

シンプルなモノや、旅行について発信されています。

Sayu
Sayu

私のお気に入り記事は
カメラと旅と、メルボルン」シリーズ!

カメラ好きでもある鳥羽恒彰さんの撮る写真は
とてもきれいで見入ってしまいます▼

スポンサーリンク

配色が印象的でおしゃれな参考ブログ

カラフルなブログ参考デザイン

配色がおしゃれなブログを見て、

色使いをマスターしましょう!

おしゃれブログ|monecre

おしゃれブログ 参考デザイン

引用元:monecre

知らない人はいないんじゃ?というぐらい有名な

フリーランスデザイナー、モネさんのブログ「monecre

黄色をメインに、赤、黒、白で構成されています。

Sayu
Sayu

私はモネさんのブログで、
色の重要さを学びました!

JINの良さを最大限に引き出したおしゃれブログですね!

ちなみにmonecreは、働き方・デザイン・ブログの記事がメイン。

JINユーザー必読の記事はこちら▼

 

おしゃれブログ|kurashicreate

おしゃれブログ 参考デザイン

引用元:kurashicreate

こちらもモネさんが運営されているブログ、

kurashicreate」です。

さっきのmonecreとは一変し、
淡いブラウンで統一された落ち着いたデザイン

A子先生
A子先生

色が違うだけで
こんなに印象が変わるんだね!

やはり「色がサイトのイメージを決める」と言えるので、
配色にはこだわりたいですね☺

kurashicreateでは、わくわくする暮らしのヒントについて
発信されています▼

 

おしゃれブログ|くらしメモ

おしゃれブログ 参考デザイン

引用元:くらしメモ

Webデザイナー、龍之介さんの「くらしメモ

龍之介さんはなんと、テーマを自分で作ってしまったそう!
さすがデザイナーさんですね~!
大きめのヘッダー & 印象的なイラストが特徴のブログ。
フッターの黄色がメインカラーで、
イラストにも同じ色を取り入れることによって統一感が出ています!
お気に入り商品などを紹介されています▼

 

おしゃれブログ|マッシュメモ

おしゃれブログ 参考デザイン

引用元:mushmemo

フリーランスWebデザイナーのマッシュさんが運営する

マッシュメモ」の色使いは感動もの!

カテゴリーごとにアイキャッチを色分けしたり、
図解やイラストを使った分かりやすい記事作りを心掛けているそう♪

A子先生
A子先生

アイキャッチを見るだけで、
カテゴリーが一目瞭然!

ちなみにマッシュさん曰く、

SANGOは機能面でもおすすめだそうですよ☺

個人で働く方法、Webデザイン、家庭と仕事の両立、について発信されています。

スポンサーリンク

ナチュラルでおしゃれな参考ブログ

ナチュラルなブログ参考デザイン

おしゃれブログ|KitaLog

おしゃれブログ 参考デザイン

引用元:KitaLog

フリーランスデザイナー、あいまいみーさんの「KitaLog

ヘッダーやアイキャッチに木や葉といった自然を取り入れた、
ナチュラルなデザイン。

薄めのブラウンとグリーンを取り入れることで

ナチュラルさが生まれるんですね!

テーマはわかりませんでした。。
どなたか教えてくれると全力で喜びます!(笑)

Sayu
Sayu

最近、記事の更新はされてないけど
過去記事もすごく参考になるよ☺

 

おしゃれブログ|kuraku

おしゃれブログ 参考デザイン

引用元:kuraku

主婦のkotaさんが運用する「kuraku

全体的な背景は薄ピンクでふわっとしたイメージ。

Sayu
Sayu

中でも私が着目したのは、ヘッダーとカテゴリーカード!

ヘッダー、カテゴリーカードのすべてに

白い大理石と少しのグリーンが入っています。

このように自然を取り入れると、ナチュラルな印象になりますね☺

kurakuとは、「暮」 × 「楽」の造語で、
「楽しく暮らす」という意味が込められているのだとか♪

「食」をメインに発信されています!

A子先生
A子先生

ナチュラルなイメージを読者に与えることで、
健康的な食事を紹介してくれそう!
という印象を与えられるね♪

実際の記事も「体に良い食生活のコツ」が満載です☺

スポンサーリンク

ポップでおしゃれな参考ブログ

ポップなブログ参考デザイン

見るだけでワクワクする」ような、

元気のでるカラフルなブログをご紹介します♪

おしゃれブログ|yurutto

おしゃれブログ 参考デザイン

引用元:yurutto

イラストレーター、ベチマルさんの「yurutto

Sayu
Sayu

ヘッダーのイラストに一目ぼれしました!!💛

鮮やかなオレンジで統一されていて、とってもおしゃれですね~!
ポップなイメージを出したい方には、特に参考にしてもらいたい配色 & デザイン!
「自分のペースで前へ進む働き方」をメインに発信しており
yuruttoには「ゆったりと」という意味が込められているのだそう♪
 
A子先生
A子先生

「ゆるっとしたイラスト」が、
ブログのコンセプトに合ってるね!

この記事ではベチマルさんの仕事に対する考え方が綴られています▼

あなたに合った仕事とは何かを考えさせてくれますよ♪

 

おしゃれブログ|Liferish

おしゃれブログ参考デザイン

引用元:Liferish

こちらの超おしゃれなサイト「Liferish」は、
またまたベチマルさんのブログです!

Sayu
Sayu

配色が違うだけ
ガラッと雰囲気が変わるんだね!

yuruttto」に比べて、全体的に淡い色が見られます。
淡い色でもカラフルなので、
奇抜にならないポップな雰囲気をうまく引き出しています。
また、ベチマルさんはイラスト制作もされているのだとか♪
ゆるっとポップなイラストを探している方は是非依頼してみて下さいね☺
 

おしゃれブログ|うーなログ

おしゃれブログ 参考デザイン

引用元:うーなログ

オーストラリアに在住されているうーなさんの「国際恋愛Blog

こちらも「Cocoonには見えない」代表ブログですね~!

ヘッダー、おススメカードのデザインが統一されていて、

配色はイエローライトグリーンと、なんともポップで可愛いカラー!♡

「国際恋愛」をメインに発信されています!

A子先生
A子先生

今すぐ恋愛したくなるような
ウキウキ気分になれるブログデザインだね♪

私のおすすめ記事はこちら▼

Sayu
Sayu

実は私も留学中に国際恋愛したことあるから、
共感しまくりで面白かった!(笑)

スポンサーリンク

スッキリしたおしゃれな参考ブログ

シンプルなブログ参考デザイン

白を基調としていて、スッキリ

だけどデザイン性があっておしゃれ!なブログたちをご紹介します♪

おしゃれブログ|サルノマド

おしゃれブログ 参考デザイン

引用元:サルノマド

デザイナーをされている、サワタリタツヤさんの「サルノマド

全体は白を基調としていてスッキリですが、

ポイントにからし色グリーンを使用していて、色が映えるおしゃれブログ。

Sayu
Sayu

当ブログのアイキャッチは、
このブログを参考にさせてもらいました!

「サルノマド」のアイキャッチはカテゴリーごとに分けられていて、

全てのデザインが個性的 & 魅力的なんです💛

私がサルノマドのアイキャッチを研究しまくって発見した

誰でも簡単!超オシャレなアイキャッチを作るコツ
を記事にしました▼

「サルノマド」は最近更新されていませんが、
とってもデザインの参考になる素晴らしいブログです♪

 

おしゃれブログ|Note198

おしゃれブログ 参考デザイン

引用元:Note198

グラフィックデザイナー、ikueさんの「Note198

Sayu
Sayu

初めて見たとき、
Cocoonだと気づきませんでした。。。

全体は白、ポイントは淡いピンク色で統一された

スッキリかつ可愛らしいデザインにこだわりを感じます。
A子先生
A子先生

ヘッダーや吹き出しに登場する
ブルドッグも可愛いの♡

有難いことに「Cocoonカスタマイズ」の記事もアップしてくれているんです!
有益すぎる、おしゃれブログのための記事がこちら▼

 

おしゃれブログ|つきみにまる。

ミニマリスト、つきみさんの「つきみにまる。

シンプルな背景の中に、

メインカラーのイエローが際立ちますね☺

どこを切り取ってもおしゃれな、
細部までこだわりぬいたデザインは感動もの!

また、カテゴリーカードやアイキャッチに見られる

ポヨンとしたスライムのような形」は

流体シェイプと呼ばれる2021年のトレンドデザイン

Sayu
Sayu

当サイトのヘッダー、おススメカードにも
取り入れています♪

そんなつきみさんのシンプル綺麗なお部屋を覗けてしまう、
ご褒美記事がこちら▼

 

おしゃれブログ|MINIMALOG

おしゃれブログ 参考デザイン

引用元:MINIMALOG

ミニマリスト、ミニマログさんが運営する「ミニマログ」は、

アイキャッチや記事内の写真が素敵すぎて惚れ惚れします。

真っ白な大理石の上に並べて撮影されたモノは、
とても映えます!!

Sayu
Sayu

ミニマログさんが撮ると、
何でも高級感がでるから不思議!

写真の撮り方にはかなりこだわられているようで、

有難いことに、良い写真を撮るための便利グッズを公開してくれています!▼

スポンサーリンク

温かみのあるおしゃれな参考ブログ

温かいブログ参考デザイン

ほっこり、地元に帰ったような気持ちになる

温かいブログデザインをご紹介します。

おしゃれブログ|かもめと街

おしゃれブログ 参考デザイン

引用元:かもめと街

続いては、エッセイスト・チヒロさんのブログ「かもめと街

ヘッダーが印象的で、
イラストやロゴには鉛筆で書いたような温かみのあるフォントが見られます。

東京下町のおすすめスポットを散歩好きの人に向けて紹介しています。

また、アイキャッチはどちらかと言うと
レトロなデザイン」が多め!

昔ながらのレトロな喫茶店を紹介するのにピッタリな
アイキャッチにこだわりを感じます☺▼

 

おしゃれブログ|暮らしの音

おしゃれブログ 参考デザイン

引用元:暮らしの音

micoさんが運営する「暮らしの音

ヘッダー、アイキャッチの写真に「」を取り入れることで、

とても温かみを感じるデザインに。

A子先生
A子先生

オレンジのような暖色
取り入れるのがポイント!

クールなイメージに仕上げたい人は、
逆に青っぽい寒色を取り入れましょう。

暮らしの音」は、

100均や無印良品のおすすめグッズ紹介・インテリアがメイン。

そしてなんとmicoさんは、
インスタのフォロワー3万人 & 楽天room公式インフルエンサーさん!

Sayu
Sayu

デザインだけじゃなく、
記事の書き方なども学べますね!

便利すぎる無印良品グッズについての記事はこちら▼

 

おしゃれブログ|ほどほど生活

おしゃれブログ 参考デザイン

引用元:ほどほど生活

主婦、こいしさんの「ほどほど生活

なんともほっこりするイラストでお出迎えしてくれますね!

A子先生
A子先生

ここでもオレンジっぽい暖色が使われているよ!

料理のレシピや暮らしに役立つグッズがメインのブログで、
アイキャッチにたまに登場するイラストにもほっこりします☺

絵日記シリーズでは、可愛いイラストを面白いエピソードとともに
楽しめます♪▼

「ほどほど日記」以外にも、ブログカスタマイズのブログやSNSも運営されています。

こいしさんのブログ・SNS情報▼

Sayu
Sayu

それぞれのブログでデザインが違うから
参考になる!

 

おしゃれブログ|てぬき生活のすすめ

主婦のくりかわさんが運営する「てぬき生活のすすめ

可愛いブログに分類するか迷いましたが、

特にアイキャッチがとても温かみのあるデザインなのでこちらでご紹介します。

私が特にときめいた「アイキャッチ画像」
画像は温かみのある木の机を背景に「料理」などが並べられています。
また、アイキャッチだけでなくブログ全体に使用している
手書きのようなフォントから、家庭的な印象が伝わります。
A子先生
A子先生

イメージに沿ったフォント選びが需要なの!

主婦さんの負担を減らし、健康的な生活をする術を発信されており、
「手抜きだけどおいしい料理」シリーズは私のお気に入り☺▼
スポンサーリンク

可愛いおしゃれな参考ブログ

可愛いブログ参考デザイン

おしゃれブログ|はむおは、スッキリ暮らしたい

開いた瞬間 ”ボヨヨ~ン” となる
はむおさんの「はむおは、スッキリ暮らしたい」ブログ。

開いてみてください。
「ボヨヨ~ン」の意味が分かります(笑)

くりくりお目目のハムスターが愛らしいブログで、
スッキリ暮らすためのライフハックを発信しています。
Sayu
Sayu

見た目は可愛いのに、
ギャグセンが高すぎるんです!!

記事がとにかく面白くて、
「もう終わり?!」とすぐ読み終わってしまいます(笑)

私が更新を楽しみにしているブログナンバーワン!
記事の書き方も参考になりますよ♪
A子先生
A子先生

とっても可愛いアイコンは、「ココナラ」で作成してもらったんだって♪

ココナラの記事はこちら▼

 

おしゃれブログ|毎日をごきげんに過ごすコツ

おしゃれブログ 参考デザイン

微笑ましいイラストが印象的なよっしーさんのブログ
毎日をごきげんに過ごすコツ

これぞ「ザ・可愛いブログ」!!
ブログのコンセプト通り、「Smile & Be happy」になれそうですね☺
A子先生
A子先生

こんな風に、
ブログのコンセプトとデザインを合わせる事も重要だよ!

元気に暮らすためのヒントがもらえる、そんなブログです♪▼

 

おしゃれブログ|カラシソエルの絵と文具

イラストレーター、カラシソエルさんの「カラシソエルの絵と文具

スッキリしたデザインに分類するか迷いましたが、

アイキャッチのイラストがとても可愛いので
「可愛いブログ部門」で紹介します☺

イラストの細かいタッチも丁寧で、ブログ全体を見ても細部まで抜け目ない!
黄色、白、黒でまとめられていてこだわりがヒシヒシと伝わってきます☺
文房具についてメインに書かれていて、アイキャッチも記事内の画像もおしゃれ💛▼

 

おしゃれブログ|hitodeblog

おしゃれブログ 参考デザイン

引用元:hitodeblog

最後のトリはこの方!ドーーーーーーン!!

ブロガーなら一度はお世話になったことがあるのではないでしょうか。

ブロガーの鏡!ブロガーの憧れ!

ヒトデさんの「hitodeblog」です☺

ヒトデのイラストがかわいらしくて、親しみやすさを感じますよね♪
Sayu
Sayu

マスコットキャラを作るのは超おススメ!
あっ!このキャラは〇〇さんのブログだ!
って覚えてもらいやすくなるよ☺

「ヒトデ」と言えば「ヒトデブログ」ですもんね!

月100万以上売り上げるヒトデさんの本、
「ゆる副業」のはじめかた アフィリエイトブログでは、

とにかく分かりやすくブログで稼ぐ方法を初心者向けに解説してくれています。

A子先生
A子先生

電子書籍版もあるよ♪

楽天では紙書籍はすでに売り切れ💦

電子書籍は今のところまだあるので、是非GETして下さいね♪

スポンサーリンク

WordPressおすすめテーマは?

結局どのテーマが良いんだろう?

ということで、

今回取り上げた計27サイトそれぞれのテーマを数えました

テーマ
Cocoon
JIN
SWELL
STORK
SANGO
自作テーマ
テーマ不明
Sayu
Sayu

私が見つけたおしゃれブログの中での結果なので、
あくまでテーマ選びの1つの指針として考えてね!

やはり、Cocoon、SWELL、JINは大人気ですね~!

ただ今回分かったのは、

【結局どのテーマでもおしゃれブログは作れる】ということ!

A子先生
A子先生

ポイントを押さえれば、
だれでもお洒落なブログは作れる!

それでは、今回紹介したす・べ・てのブログに共通する

おしゃれブログの法則】を見ていきましょう!!!

スポンサーリンク

おしゃれで見やすいブログの作り方

今回ご紹介したブログを分析した結果

全てに共通していたのは、、▼

  1. 全体的に余裕のある見た目で、ごちゃついていない
  2. アイキャッチが統一されている
  3. サイトカラーが決められている

の3点でした☺

A子先生
A子先生

ブログのコンセプトに合ったデザインを
作れるなら、なお良し!

一つずつ見ていきましょう♪

 

①余白を用いて「ゆとりのあるブログ」に

ぎゅうぎゅうに詰まったブログはなんだか息苦しいですよね💦

【余白】を取り入れるだけで、見やすいブログに生まれ変わる!

Sayu
Sayu

余白はいろんな所に取り入れられるよ!

「けっきょく、よはく」では、素人でも「垢ぬけたデザイン」を作る方法が学べます

悪いデザインと良いデザインが比較されていて
どうしたら「見やすいデザイン」が作れるのかが一目でパッと分かります。

Sayu
Sayu

余白だけでデザインが桁違いによくなるんだ!
と気づかされました。

余白だけでなく、配色フォントについても豊富に紹介されている。

という点でもポイントが高いです👍

アイキャッチの参考にもなるので気になる方は是非☺

私流、余白活用法はこちら▼

②アイキャッチの統一化

デザインがバラバラなアイキャッチは、メリハリのない見た目の原因に💦

統一感のある垢抜けたブログに仕上げる為に、アイキャッチを整えましょう!

Sayu
Sayu

一度デザインを決めてしまえば、
テンプレート化できるから作成が楽になる!

というメリットもありますよ♪

「読みたい!」と思ってもらえるアイキャッチを目指しましょう☺

 

③サイトカラーを決める

テーマカラーを決めて、統一感を出しましょう

今回紹介したブログもそれぞれに色があって

オリジナリティが溢れていますよね。

デザイン初心者さんは
3色以内で決める事をおススメするよ!

例えば当サイトは以下の3色で作られています▼

決められた色でアイキャッチやヘッダーを作るだけで、
統一感がでます。

ここで注意点!▼

Sayu
Sayu

3色と言っても、
相性の良い組み合わせじゃないと意味がないの!

どの色が良いか分からない💦

という方には、「3色だけでセンスのいい色」がおすすめ。
簡単にオシャレな配色が見つかります。▼

 
Sayu
Sayu

私は配色について自信がなかったけど、
簡単にイメージ通りの色を決められたよ!▼

ベースカラー、アクセントカラー、サブカラー」を基本に、
3色でバランスのとれた配色を紹介してくれる1冊。
 

クール、ポップなど、イメージごとに合う色を教えてくれて、

あなたが作りたいイメージを実現できます。
 デザイン初心者の私が本当に買ってよかったと思う「お気に入りの本」です☺

 

スポンサーリンク

おしゃれな参考ブログデザイン【まとめ】

今回は【おしゃれブログで磨くデザインスキル】の話をしました。

どのブログも、それぞれの個性があって素晴らしいですね♪

トキめいたブログを参考に、
あなただけの素敵なブログ】をめざして下さいね♪

Sayu
Sayu

皆さんのブログ作りを応援しています♡

最後まで読んでいただきありがとうございました。

皆さんのブログがもっと充実しますように♥

コメント

タイトルとURLをコピーしました