どうも、
おしゃれブログ見回り隊、隊長(自称)のSayuです☺
ブログにおいて、デザインは自己満ではあ・り・ま・せ・ん!
印象的なブログは一発で覚えてもらえるし、
また見に来たい!と思ってもらえるの!
しかも、デザインを整えると
読みやすいブログに!
「良いデザインは良いブログから学ぶ」
という方法でブログをレベルアップしましょう!
今回は、「私が何度も訪れてしまうお洒落ブログ」をまとめました。
ここでポイント▼
使っているものと違うテーマでも学べる点はいっぱいあるから
あえてテーマ別では紹介しないよ!
ということで、以下の「イメージ別」に分けて27サイトご紹介!▼
- やさしい
- シンプル
- 配色が魅力的
- ナチュラル
- ポップ
- スッキリ
- 温かい
- 可愛い
もちろんテーマも記載しているので安心してね♪
※テーマが不明なものあり
それでは「おしゃれブログでデザインの目を肥やす旅」スタート!
優しいおしゃれな参考ブログ
ふわっとした気分になれる、
私がときめいた、優しいブログデザインをご紹介します。
おしゃれブログ|Mochi’s
はい!ドーーーン!
一発目は、「私がデザインについて考えるようなったきっかけ」を与えてくれた
Mochiさんのブログ「Mochi’s」
空を連想させるような水色を使いたい。優しいイメージにしたい。
ということで、
淡いパステルカラーで統一しているそう♪
カテゴリーカードやアイキャッチなど、とにかく全てにセンスが溢れてる!!
Mochiさんはオーストラリアに在住されていて、
英語学習やワーホリをメインに書かれています。
ブログデザインについても
発信してくれているよ♪
「SWELL」を使っている人に是非読んでもらいたい記事▼
おしゃれブログ|すまいるままらいふ
にこさんの「すまいるままらいふ」は、
淡いブラウンとグレーが優しい雰囲気のお洒落ブログです。
ブログについても
紹介してくれてるの!
SWELLの魅力が存分に語られているこの記事を読めば、
SWELLを全て知りつくせますよ☺▼
SWELLを買いたくなること
間違いなしです(笑)
おしゃれブログ|theater
デザイナー兼イラストレーター、harucaさんの「theater」は
ミントグリーンが目に優しいオシャレブログ。
映画について発信されています!
記事内にも、harucaさんのイラストが出てきて
読むのが楽しいの!
U Love English
いや、自分のサイト紹介するんかーーーい!!
すみません!
当ブログも「優しいイメージ」だから紹介したい、、
許してくださいいい!
他の先輩ブロガーさんには及びませんが、
デザイン素人が頑張ったCocoonブログです(笑)
背景色に淡いベージュを取り入れて
優しいイメージを意識。
アイキャッチやおススメカード、
ヘッダーなど全て
「Canva無料版」で作成してます!
デザインの際に一番意識した【余白】について書いてみたので、
気になる方は是非♪▼
シンプルでおしゃれな参考ブログ
モノクロで統一された、
シンプルで洗練されたブログをご紹介します。
おしゃれブログ|ぜいたくゆるミニマリスト
ponpocoさんが運営する「ぜいたくゆるミニマリスト」
モノクロで統一されていて、とにかく無駄のない洗練されたデザイン。
シンプルなブログを目指す方必見!
私の一押しブログです♪
また、テーマはなんと「Cocoon」!
Cocoonでここまでオシャレにできるの?!
Cocoonユーザーの夢が広がるね❤
日常やファッション、愛用品をメインに発信されています。
お気に入りは「クローゼットの整理」についての記事。
モノが捨てられない私でも、
実践してみよう!と思えました☺▼
おしゃれブログ|トバログ
鳥羽恒彰さんが運営する「トバログ」は、ブログ界ではかなり有名です。
全体が主に白で統一されていて、シンプルなデザイン。
アイキャッチや記事内に使う画像もこだわられていて、
とにかくスタイリッシュで清潔感のあるブログです!
シンプルなモノや、旅行について発信されています。
私のお気に入り記事は
「カメラと旅と、メルボルン」シリーズ!
カメラ好きでもある鳥羽恒彰さんの撮る写真は
とてもきれいで見入ってしまいます▼
配色が印象的でおしゃれな参考ブログ
配色がおしゃれなブログを見て、
色使いをマスターしましょう!
おしゃれブログ|monecre
知らない人はいないんじゃ?というぐらい有名な
フリーランスデザイナー、モネさんのブログ「monecre」
黄色をメインに、赤、黒、白で構成されています。
私はモネさんのブログで、
色の重要さを学びました!
JINの良さを最大限に引き出したおしゃれブログですね!
ちなみにmonecreは、働き方・デザイン・ブログの記事がメイン。
JINユーザー必読の記事はこちら▼
おしゃれブログ|kurashicreate
こちらもモネさんが運営されているブログ、
「kurashicreate」です。
さっきのmonecreとは一変し、
淡いブラウンで統一された落ち着いたデザイン。
色が違うだけで
こんなに印象が変わるんだね!
やはり「色がサイトのイメージを決める」と言えるので、
配色にはこだわりたいですね☺
kurashicreateでは、わくわくする暮らしのヒントについて
発信されています▼
おしゃれブログ|くらしメモ
Webデザイナー、龍之介さんの「くらしメモ」
イラストにも同じ色を取り入れることによって統一感が出ています!
おしゃれブログ|マッシュメモ
フリーランスWebデザイナーのマッシュさんが運営する
「マッシュメモ」の色使いは感動もの!
カテゴリーごとにアイキャッチを色分けしたり、
図解やイラストを使った分かりやすい記事作りを心掛けているそう♪
アイキャッチを見るだけで、
カテゴリーが一目瞭然!
ちなみにマッシュさん曰く、
SANGOは機能面でもおすすめだそうですよ☺
個人で働く方法、Webデザイン、家庭と仕事の両立、について発信されています。
ナチュラルでおしゃれな参考ブログ
おしゃれブログ|KitaLog
フリーランスデザイナー、あいまいみーさんの「KitaLog」
ヘッダーやアイキャッチに木や葉といった自然を取り入れた、
ナチュラルなデザイン。
薄めのブラウンとグリーンを取り入れることで
ナチュラルさが生まれるんですね!
テーマはわかりませんでした。。
どなたか教えてくれると全力で喜びます!(笑)
最近、記事の更新はされてないけど
過去記事もすごく参考になるよ☺
おしゃれブログ|kuraku
主婦のkotaさんが運用する「kuraku」
全体的な背景は薄ピンクでふわっとしたイメージ。
中でも私が着目したのは、ヘッダーとカテゴリーカード!
ヘッダー、カテゴリーカードのすべてに
白い大理石と少しのグリーンが入っています。
このように緑や自然を取り入れると、ナチュラルな印象になりますね☺
kurakuとは、「暮」 × 「楽」の造語で、
「楽しく暮らす」という意味が込められているのだとか♪
「食」をメインに発信されています!
ナチュラルなイメージを読者に与えることで、
「健康的な食事を紹介してくれそう!」
という印象を与えられるね♪
実際の記事も「体に良い食生活のコツ」が満載です☺
ポップでおしゃれな参考ブログ
「見るだけでワクワクする」ような、
元気のでるカラフルなブログをご紹介します♪
おしゃれブログ|yurutto
イラストレーター、ベチマルさんの「yurutto」
ヘッダーのイラストに一目ぼれしました!!💛
yuruttoには「ゆったりと」という意味が込められているのだそう♪
「ゆるっとしたイラスト」が、
ブログのコンセプトに合ってるね!
この記事ではベチマルさんの仕事に対する考え方が綴られています▼
おしゃれブログ|Liferish
こちらの超おしゃれなサイト「Liferish」は、
またまたベチマルさんのブログです!
配色が違うだけで
ガラッと雰囲気が変わるんだね!
奇抜にならないポップな雰囲気をうまく引き出しています。
特にアイキャッチはため息がでる可愛さなの。。♡
おしゃれブログ|うーなログ
オーストラリアに在住されているうーなさんの「国際恋愛Blog」
こちらも「Cocoonには見えない」代表ブログですね~!
ヘッダー、おススメカードのデザインが統一されていて、
配色はイエロー&ライトグリーンと、なんともポップで可愛いカラー!♡
「国際恋愛」をメインに発信されています!
今すぐ恋愛したくなるような
ウキウキ気分になれるブログデザインだね♪
私のおすすめ記事はこちら▼
実は私も留学中に国際恋愛したことあるから、
共感しまくりで面白かった!(笑)
スッキリしたおしゃれな参考ブログ
白を基調としていて、スッキリ!
だけどデザイン性があっておしゃれ!なブログたちをご紹介します♪
おしゃれブログ|サルノマド
デザイナーをされている、サワタリタツヤさんの「サルノマド」
全体は白を基調としていてスッキリですが、
ポイントにからし色とグリーンを使用していて、色が映えるおしゃれブログ。
当ブログのアイキャッチは、
このブログを参考にさせてもらいました!
「サルノマド」のアイキャッチはカテゴリーごとに分けられていて、
全てのデザインが個性的 & 魅力的なんです💛
私がサルノマドのアイキャッチを研究しまくって発見した、
「誰でも簡単!超オシャレなアイキャッチを作るコツ」
を記事にしました▼
「サルノマド」は最近更新されていませんが、
とってもデザインの参考になる素晴らしいブログです♪
おしゃれブログ|Note198
グラフィックデザイナー、ikueさんの「Note198」
初めて見たとき、
Cocoonだと気づきませんでした。。。
全体は白、ポイントは淡いピンク色で統一された
ヘッダーや吹き出しに登場する
ブルドッグも可愛いの♡
おしゃれブログ|つきみにまる。
ミニマリスト、つきみさんの「つきみにまる。」
シンプルな背景の中に、
メインカラーのイエローが際立ちますね☺
どこを切り取ってもおしゃれな、
細部までこだわりぬいたデザインは感動もの!
また、カテゴリーカードやアイキャッチに見られる
「ポヨンとしたスライムのような形」は
流体シェイプと呼ばれる2021年のトレンドデザイン!
当サイトのヘッダー、おススメカードにも
取り入れています♪
そんなつきみさんのシンプル綺麗なお部屋を覗けてしまう、
ご褒美記事がこちら▼
おしゃれブログ|MINIMALOG
ミニマリスト、ミニマログさんが運営する「ミニマログ」は、
アイキャッチや記事内の写真が素敵すぎて惚れ惚れします。
真っ白な大理石の上に並べて撮影されたモノは、
とても映えます!!
ミニマログさんが撮ると、
何でも高級感がでるから不思議!
写真の撮り方にはかなりこだわられているようで、
有難いことに、良い写真を撮るための便利グッズを公開してくれています!▼
温かみのあるおしゃれな参考ブログ
ほっこり、地元に帰ったような気持ちになる
温かいブログデザインをご紹介します。
おしゃれブログ|かもめと街
続いては、エッセイスト・チヒロさんのブログ「かもめと街」
ヘッダーが印象的で、
イラストやロゴには鉛筆で書いたような温かみのあるフォントが見られます。
東京下町のおすすめスポットを散歩好きの人に向けて紹介しています。
また、アイキャッチはどちらかと言うと
「レトロなデザイン」が多め!
昔ながらのレトロな喫茶店を紹介するのにピッタリな
アイキャッチにこだわりを感じます☺▼
おしゃれブログ|暮らしの音
micoさんが運営する「暮らしの音」
ヘッダー、アイキャッチの写真に「木」を取り入れることで、
とても温かみを感じるデザインに。
オレンジのような暖色を
取り入れるのがポイント!
クールなイメージに仕上げたい人は、
逆に青っぽい寒色を取り入れましょう。
「暮らしの音」は、
100均や無印良品のおすすめグッズ紹介・インテリアがメイン。
そしてなんとmicoさんは、
インスタのフォロワー3万人 & 楽天room公式インフルエンサーさん!
デザインだけじゃなく、
記事の書き方なども学べますね!
便利すぎる無印良品グッズについての記事はこちら▼
おしゃれブログ|ほどほど生活
主婦、こいしさんの「ほどほど生活」
なんともほっこりするイラストでお出迎えしてくれますね!
ここでもオレンジっぽい暖色が使われているよ!
料理のレシピや暮らしに役立つグッズがメインのブログで、
アイキャッチにたまに登場するイラストにもほっこりします☺
絵日記シリーズでは、可愛いイラストを面白いエピソードとともに
楽しめます♪▼
「ほどほど日記」以外にも、ブログカスタマイズのブログやSNSも運営されています。
こいしさんのブログ・SNS情報▼
それぞれのブログでデザインが違うから
参考になる!
おしゃれブログ|てぬき生活のすすめ
主婦のくりかわさんが運営する「てぬき生活のすすめ」
可愛いブログに分類するか迷いましたが、
特にアイキャッチがとても温かみのあるデザインなのでこちらでご紹介します。
手書きのようなフォントから、家庭的な印象が伝わります。
イメージに沿ったフォント選びが需要なの!
可愛いおしゃれな参考ブログ
おしゃれブログ|はむおは、スッキリ暮らしたい
開いた瞬間 ”ボヨヨ~ン” となる
はむおさんの「はむおは、スッキリ暮らしたい」ブログ。
開いてみてください。
「ボヨヨ~ン」の意味が分かります(笑)
見た目は可愛いのに、
ギャグセンが高すぎるんです!!
記事がとにかく面白くて、
「もう終わり?!」とすぐ読み終わってしまいます(笑)
とっても可愛いアイコンは、「ココナラ」で作成してもらったんだって♪
おしゃれブログ|毎日をごきげんに過ごすコツ
微笑ましいイラストが印象的なよっしーさんのブログ
「毎日をごきげんに過ごすコツ」
ブログのコンセプト通り、「Smile & Be happy」になれそうですね☺
こんな風に、
ブログのコンセプトとデザインを合わせる事も重要だよ!
元気に暮らすためのヒントがもらえる、そんなブログです♪▼
おしゃれブログ|カラシソエルの絵と文具
イラストレーター、カラシソエルさんの「カラシソエルの絵と文具」
スッキリしたデザインに分類するか迷いましたが、
アイキャッチのイラストがとても可愛いので
「可愛いブログ部門」で紹介します☺
おしゃれブログ|hitodeblog
最後のトリはこの方!ドーーーーーーン!!
ブロガーなら一度はお世話になったことがあるのではないでしょうか。
ブロガーの鏡!ブロガーの憧れ!
ヒトデさんの「hitodeblog」です☺
マスコットキャラを作るのは超おススメ!
「あっ!このキャラは〇〇さんのブログだ!」
って覚えてもらいやすくなるよ☺
「ヒトデ」と言えば「ヒトデブログ」ですもんね!
月100万以上売り上げるヒトデさんの本、
「ゆる副業」のはじめかた アフィリエイトブログでは、
とにかく分かりやすく、ブログで稼ぐ方法を初心者向けに解説してくれています。
電子書籍版もあるよ♪
楽天では紙書籍はすでに売り切れ💦
電子書籍は今のところまだあるので、是非GETして下さいね♪
WordPressおすすめテーマは?
結局どのテーマが良いんだろう?
ということで、
今回取り上げた計27サイトそれぞれのテーマを数えました▼
テーマ | 数 |
Cocoon | 7 |
JIN | 7 |
SWELL | 6 |
STORK | 2 |
SANGO | 2 |
自作テーマ | 1 |
テーマ不明 | 2 |
私が見つけたおしゃれブログの中での結果なので、
あくまでテーマ選びの1つの指針として考えてね!
やはり、Cocoon、SWELL、JINは大人気ですね~!
ただ今回分かったのは、
【結局どのテーマでもおしゃれブログは作れる】ということ!
ポイントを押さえれば、
だれでもお洒落なブログは作れる!
それでは、今回紹介したす・べ・てのブログに共通する
【おしゃれブログの法則】を見ていきましょう!!!
おしゃれで見やすいブログの作り方
今回ご紹介したブログを分析した結果
全てに共通していたのは、、▼
- 全体的に余裕のある見た目で、ごちゃついていない
- アイキャッチが統一されている
- サイトカラーが決められている
の3点でした☺
ブログのコンセプトに合ったデザインを
作れるなら、なお良し!
一つずつ見ていきましょう♪
①余白を用いて「ゆとりのあるブログ」に
ぎゅうぎゅうに詰まったブログはなんだか息苦しいですよね💦
【余白】を取り入れるだけで、見やすいブログに生まれ変わる!
余白はいろんな所に取り入れられるよ!
「けっきょく、よはく」では、素人でも「垢ぬけたデザイン」を作る方法が学べます
▼
悪いデザインと良いデザインが比較されていて、
どうしたら「見やすいデザイン」が作れるのかが一目でパッと分かります。
余白だけでデザインが桁違いによくなるんだ!
と気づかされました。
余白だけでなく、配色やフォントについても豊富に紹介されている。
という点でもポイントが高いです👍
アイキャッチの参考にもなるので気になる方は是非☺
私流、余白活用法はこちら▼
②アイキャッチの統一化
デザインがバラバラなアイキャッチは、メリハリのない見た目の原因に💦
統一感のある垢抜けたブログに仕上げる為に、アイキャッチを整えましょう!
一度デザインを決めてしまえば、
テンプレート化できるから作成が楽になる!
というメリットもありますよ♪
「読みたい!」と思ってもらえるアイキャッチを目指しましょう☺
③サイトカラーを決める
テーマカラーを決めて、統一感を出しましょう!
今回紹介したブログもそれぞれに色があって
オリジナリティが溢れていますよね。
デザイン初心者さんは
3色以内で決める事をおススメするよ!
例えば当サイトは以下の3色で作られています▼
決められた色でアイキャッチやヘッダーを作るだけで、
統一感がでます。
ここで注意点!▼
3色と言っても、
相性の良い組み合わせじゃないと意味がないの!
どの色が良いか分からない💦
という方には、「3色だけでセンスのいい色」がおすすめ。
簡単にオシャレな配色が見つかります。▼
私は配色について自信がなかったけど、
簡単にイメージ通りの色を決められたよ!▼
クール、ポップなど、イメージごとに合う色を教えてくれて、
おしゃれな参考ブログデザイン【まとめ】
今回は【おしゃれブログで磨くデザインスキル】の話をしました。
どのブログも、それぞれの個性があって素晴らしいですね♪
トキめいたブログを参考に、
【あなただけの素敵なブログ】をめざして下さいね♪
皆さんのブログ作りを応援しています♡
最後まで読んでいただきありがとうございました。
皆さんのブログがもっと充実しますように♥
コメント