【デザイン初心者向け】おしゃれなブログの作り方 〜好きなデザインブログを見つけて参考にしよう〜

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

記事内に商品プロモーションを含む場合があります

「おしゃれなブログを作りたい!」

という方、必見!

ワードプレスもCSSも初心者でしたが、悪戦苦闘しつつも楽しく作ったブログは、

「完成度高い」「おしゃれ」「かわいい」

と思いのほか褒めてもらうことが多くびっくりしています。正直クオリティはまだまだだと思いますが、素人でもできるブログデザインのプロセス(考え方)について今回書いてみました。

この記事が「おしゃれなブログを作りたい!」という人の役に立ったら嬉しいな、と思います。

ちなみに使っているテーマは、無料なのに有料にせまる機能をもっていて優秀&カスタマイズ情報も豊富な Cocoon

スポンサーリンク

この記事はこんな人にオススメ

  • 時間はかかってもいいから、おしゃれなブログにしたい人
  • 見た目にこだわりたいけれど、何から始めてよいかわからない人
  • デザイン初心者

この記事を読めば、できること


記事のとおり順を追って考えていくと、おしゃれなブログの土台が完成する

正直、頭使うし、時間もかかる方法ですが、それをやってでもおしゃれなブログにしたい!という人はぜひ続きを読んでもらえたら、と思います。

(私の場合)頑張った結果、数ヶ月後に、いくつかのサイトやnoteでおしゃれなブログとして紹介されるという嬉しいサプライズが待っていました。

おしゃれなブログに向けて最初にやったこと

スタート

おしゃれで自分好みのブログや要素(ヘッダー、コンテンツ、サイドバーなど)を探す

なぜなら、初心者が自分の力だけでおしゃれなブログを作るのは限界があるなと思ったのと、デザイナーさんたちがデザインをする前に必ず資料を集めていたのを思い出したから。

おしゃれなデザインブログの探し方

リサーチ

1. キーワード検索(おしゃれ、ブログ、参考など)をして、ひたすら上から見ていく

2. 自分の中で印象に残ったブログはどんどんブックマークに保存

もうこれだけ。

検索し見てブックマーク、検索し見てブックマーク、、、という繰り返し。地道な作業ですが、たくさんのブログを見ることで、自然とデザインアイデアの引き出しが増えていきました。

yoko
yoko

やっぱり良いアウトプットのためには、良いインプットから♪

おしゃれで自分好みのデザインブログを見つけて参考にする理由

理由

自分らしいブログデザインになり、大切にしたくなるから

他人からどう思われるかをすごく気にして生きてきた私は、何かを選ぶとき、周りの顔色を窺って選び自分らしさを失った残念な経験が何度もあります。だから、

ブログデザインでは、自分の本能に100%従うことにしました。

自分の「なんか好き」「なんか気になる」を集めてコツコツと作ったら、自分らしいこだわりが反映され、長く大切にしたいと思えるブログになるのではないかと思ったから。

そして今、その通りになっている、と思います。

何よりもやってほしい、大切なこと

重要

「好き」を掘り下げる

好きなブログを見つけた後に取り組んだのは、じっくりと時間をかけ「なぜ好きなのか」「どこが好きなのか?」まで掘り下げること。

「このブログが好き」とただ思うだけでは、進みたい方向がわからなかったけれど、

  • シンプルなデザインが好き
  • バックカラーは白のものが好き
  • 色数は抑えたブログが好き
  • テーマカラーはイエロー系統が好き
  • サイドバーのデザインは〇〇ブログのが好み

など自分の好みが分かってくると、具体的なデザインが見えてきました。

キップム
キップム

ぼんやりはダメで、イメージを具体化するのが大事なんだね。

イメージが固まればあとはググってカスタマイズ情報を探し、取り掛かるだけ。「初心者には難しいかな」と思ったデザインも完成イメージがはっきり見えたものは100%現実化できました。

私が参考にしたデザインアイデアのブログ3選

私的に勝手にオススメするのだけれど、美しさも読みやすさも兼ね備えていてすごいと思ったブログたち。うっとりしながら、じっくり観察していたら素人の私でも参考にできるデザインアイデアがたくさん発見できました。

1. karuchielatan (カルチェラタン)

画像引用元:karuchielatan より

かわいくておしゃれなブログ。イラストに目がいくよう色を抑えたデザインがシンプルできれい。参考になるアイデアがたくさんあって、デザインで迷ったら何度も何度も覗きに行きました。私がコンテンツを1カラムにするきっかけにもなったブログ(2020年8月現在、ブログタイトルが「yuki illustration」に変更、デザインもリニューアルされ、更にお洒落に!)。

2. monecre(もねくり)

画像引用元:monecre より

ファーストビューやアイキャッチ画像が読み手の印象に残る。配色がとても綺麗だなと思ったブログ。ここのボタンの色どうしよう、、など配色で悩んだ時によく参考にしています(2023年10月現在、テーマをJINからJIN:Rに変更。デザインがリニューアルされています)。

3. milieu

画像引用元:milieu より

ブログではなくメディアだけど、とっても美しい憧れのサイト。そして内容も濃い。話はそれるけれど『ファニーでハッピーな夫が突然、「なんか、腕痛いんだよね」と言い出した』という記事は泣けます。参考にするにはレベルが高すぎたけれど、1mmでもmilieuのエスプリを取り入れたくて穴があくほど見ました。

こだわって作ってよかったこと

よかったこと

自分のブログが自分で「好き」と言えること

褒めてもらえること

ブログを大切に育てたいと思えるようになったこと

もっとおしゃれにしたいと、自分から勉強するようになったこと

ブログをおしゃれにカスタマイズしたい人は、この本がオススメ

おしゃれなブログにしたい!と思ってやり始めると、絶対に避けて通れないのが「CSS」!専門用語がわからないと本当に大変……

そこで「HTML & CSS」の入門書を読んで、基礎を身につけるのが一番のオススメ!私が参考にした本がこちら。

著:千貫 りこ, 読み手:ロクナナワークショップ
¥2,178 (2023/10/11 14:44時点 | Amazon調べ)
\ブラックフライデー!ポイント最大11倍/
楽天市場

知らなくてもカスタマイズできるけれど、知っていればカスタマイズのスピードが速くなり、時間の浪費が減る、と実感させてくれました。

CSSの仕組みがよくわかるので、手元に置いておいて損はない1冊。

おわりに

「おしゃれなブログを作りたい!」

「でも、ワードプレスもCSSも初心者だし出来るわけない、、、」

2つの声が脳みそを行ったり来たりしたけれど、前向きな心の願いを叶えてよかったな、と思います。

魅力的なデザインブログを参考に、自分の心が喜ぶブログデザインにしたら、「大切に育てていきたい」と思える感覚になったから。

自己満足かも知れないけれど、

自分好みのおしゃれなブログを作って、自分の気持ちが上がるならば、長く続くブログになるならば、それはとってもハッピーなことだと思います。

文章・イラスト: yoko( @_yoko51_

Comment