ブログの独自デザインの作り方！初心者が簡単にオリジナリティを出すための方法とは？

　ある程度ブログを続けていると、自分だけのオリジナルデザインを作ってみたくなるタイミングが訪れます💡

　よく考えると、世の中にあるブログのテンプレートは予め用意されたもので、他の誰かも同じデザインを使っているのですよ(。’-‘)(。,_,)

　もし、特徴があるオリジナルデザインのブログを公開できたら💡

　などなど💡ある程度文章力が付いてきたブロガーさんにとって、ブログのデザインを変えることは大きなメリットをもたらします⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾

　いざデザインを変えようと思っても、どうやって変えるの？どんなことができるの？？本格的にやるならどんな知識が必要なの？

　などなど、💡疑問だらけですよね？

　そこで今回から数回に渡って、

　という方に向けて💡知識がなくても簡単に変えられるブログデザインの作り方から、さらに凝った独自デザインを作るために必要な知識について、紹介していきたいと思います💡

　少しずつレベルアップしていくので、まずは初心者でも実践できる内容を楽しみながらこなしていきましょう^-^ﾉ

Yugo

僕も最初の頃は全然わからなかったんだけど💡

10年以上サイトを作ってると、気がついたら大体のカスタマイズはできるようになってたみたい(。’-‘)(。,_,)

こむぎ

月日が流れるのは早いね〜,,･ω･,,

初心者にも簡単にできて効果が大きいデザインとは？

　デザインを変える！と言っても、いきなり複雑なことをやるのはかなり難易度が高いので、まずは読者が比較的よく見る部分、そして誰でも簡単に実践でき、すぐに効果が出るカスタマイズから見ていきましょう💡

Yugo

まずは、初めてブログを訪れた読者さんがよく目を通す「本文中のデザイン」からカスタマイズしていこう^-^ﾉ

こむぎ

基本的に読者は「本文」しか見ないって考えても過言ではないかも！？

その１：ブログの配色を見直す（テンプレートの変更で可能）♪

「カラーセラピー」という言葉があるように、色には見る人の気持を変えるほどの力があります💡

　例えば、

　など、様々です💡

　ブログの配色を変えるだけなら「テンプレートを変えれば実現」できるので初心者でも簡単にイメージを変えることができます💡

　Wordpressであれば、Cocoonという無料テーマを使えば簡単に配色を変えられるので試してみましょう。

Yugo

配色についてはこの本がおすすめだよ💡

色の心理学

created by Rinker

¥607 (2020/02/16 09:30:03時点 Amazon調べ-詳細)

• Amazon
• 楽天市場
• Yahooショッピング

その２：記事中にアクセントとなる「オリジナル画像」を入れる♪

　↑こんなような、そのブログならではの特徴的な画像を記事中にバンバン使いましょう!!

　記事中に画像を入れるだけなら、既にブログを書いている方なら今すぐ簡単に実践できるうえ、内容も伝わりやすくなる2度おいしい方法💡

　凝った画像を作るのは難しいですが、紙に描いた手書きの文字や棒人間でもかなり個性がでます^-^ﾉ

Yugo

パソコン上だと画像編集ソフトで有名な「Photoshop」やフリーソフトの「GIMP」などでも作れるよ♪

こむぎ

手書きのイラストをスキャナーやスマホで撮って載せているブロガーさんもいるよね💡

やり方次第でいろんな個性が付けられそう(*´∀`*)

その３：オリジナルキャラクターを使った「吹き出し」を入れる♪

Yugo

さっきから使ってる、これが吹き出しだよ〜♪

こむぎ

これって箸休めにちょうどいいよね💡

長文だけだと読むの疲れちゃうもん(。’-‘)

　このようなオリジナルキャラクターを使った「吹き出し」を使うことでもブログに特徴を生み出すことができますね💡

　僕の場合は身近にイラストを描いてくれる方がいた（突如「描いてみた〜♪」と送ってくれた）のでそのイラストを使わせて頂いてます（ありがと〜う^-^♪）。

Yugo

ちなみにこの吹き出しはさっき紹介したCocoonという無料テーマの機能を使えば簡単に使えるよ💡

イラストが描けなくても、数千円で描いてもらえるサービスがある♪

　でも、自分ではイラストなんて書けないし、知り合いに描いてもらうと後々変えたくなったときに変えづらい、って考える方も多いですよね💡

　そんな方におすすめなのが、3,000円という格安でオーダーイラストを描いてもらえるココナラというサービスです💡

　イラストレーターさんの「評価」や「過去」の作品を見ながら、好みの作風の方に頼めるので活用してみましょう💡

Yugo

ココナラにイラストを頼んでるブロガーさんって結構多いみたいだよ💡

その４：ブログの「タイトルロゴ」を画像に変える♪

　本文中のデザインが充実してきたら、次はブログの顔となる「タイトルロゴ」をオリジナルの画像に変えましょう💡

「Wordpress」や「はてなブログ」でもそうですが、ブログを始めた初期状態では、タイトルは「テキスト」で表示されていますよね？

Yugo

ブログの世界では、読者は記事本文以外をほとんど見ないけど、タイトルロゴだけはTOPへ戻るためにクリックする慣習があって、常連さんへ印象づけるのに効果的だよ💡

こむぎ

このロゴも自分で作ったり、デザインが苦手な人はココナラで頼めば解決するね💡

次回はCSS（スタイルシート）を使った中級編へ♪

　デザインと言えばCSS（スタイルシート）の内容を紹介しようかと思ったんですけど、やっぱりまずは初回💡

　プログラミングをいじらなくてもこれだけ個性的なデザインを作れるよ！というブログの魅力をまずは多くのブロガーさんに伝えたかったのです⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾

　全てを画像でデザインしようと思うと、その都度画像を描いて配置するのってとても面倒な作業です💦

　CSSやPHPなどのプログラミング言語を使ってのデザインというのは、そんな画像を使ったデザインの先、延長線上にあるものなのです💡

Yugo

つまり💡画像で上手にオリジナルデザインを作れなければ、CSSでデザインを作るのはかなり難しいということ><

　次回から、CSSというプログラミング言語を使って（といってもまずはコピペで簡単にできる内容）記事中に彩りを与えたり、本文を読みやすくするためのデザイン方法を紹介します💡

　そこでは今回紹介した「画像を使って魅力的にデザインを仕上げる」という基本を常に忘れないようにしてくださいね^-^ﾉ ではでは〜see ya♪