おしゃれで読みやすいブログデザインにするコツ｜イラストレータが伝授します

ブログのデザインがおしゃれに決まらなくてお困りの方に向けて、すぐに実践できるデザインのコツをまとめました◎

おしゃれなブログにするには、美しく見えるルールを知って、サイトデザインを決めてしまうことが大事。

色の配色やアイキャッチの構成は、1度決めてしまえばあとはその型通りに作っていくだけ。

ブログが読みやすくなるだけでなく、デザインに迷わないため記事執筆のスピードもアップします。

どれもすぐに実践できることばかりなので、さっそくはじめましょう◎

ブログで使用するカラーを絞る

サイト全体が見にくくなったり、おしゃれに見えない原因としてよくあるのが、『色の使いすぎ』。

WEBサイトのカラー配分は以下のように作ると美しく見えると言われています。

まずはブログのメインカラーを決めて、そのメインと相性の良い色を2色程度アクセントとして使うイメージです。

『Colorhunt』はカラーパレットを投稿できるサイトで、さまざまなユーザーが作成した配色を参考にすることができます。

左端には「パステル」「キッズ」「レトロ」などカテゴリがあるので、ブログジャンルに合わせて選んでみましょう。

参考：「Colorhunt」サイト

『PALETTABLE』は、好きな色・嫌いな色を直感で選ぶだけで、おすすめのカラーパレットを生成できます◎

参考：『PALETTABLE』サイト

原色・蛍光色を避ける

原色や蛍光色を使うと、デザインが一気にダサくなるので避けましょう。

目がチカチカして見にくく、安っぽい印象を与えてしまいます。

サイトや広告にある原色っぽい色も、実は原色ではなくおしゃれに見えるよう彩度と明度を調整してあります。

同じように、真っ黒(#000)もwebデザインでは、あまり使用されません。

1スクロールに1装飾で見やすくなる

スマホからの読者は、かなり早いスピードでスクロールしながら読んでいます。

そのため、画面が文字だらけで見づらいと離脱される原因に。

1スクロールに1装飾すると画面がスッキリし、重要なポイントも伝わりやすくなります。

見出し下に画像を入れる

見出し下に画像を入れると、全体のバランスがすっきりして見えます。

フリー素材(写真)をそのまま貼るのもOKですが、フリーイラストを使ってオリジナル画像を作るのもおすすめ。

オリジナル画像を作るメリットは以下の通り。

無料で使える、おしゃれなフリーイラストサイトは以下の記事にまとめたのでご覧ください◎

あわせて読みたい

【無料】ブログに使えるおしゃれフリーイラスト素材8選｜デザイナーも利用する有名サイトまとめ ブログのアイキャチや記事内画像をもっとおしゃれにしたい！でも、デザインのセンスないし絵とか絶対描けない...！涙 そんな方におすすめなのが、無料で使える『フリー...

アイキャッチのデザインを統一する

アイキャッチのデザインや色使いがバラバラだと、ブログのトップページが散らかって見えてしまいます。

『写真に半透明レイヤー＋文字(中央)』『文字(中央)＋アイコン』『写真(左)＋文字(右)』など、

構図さえ決めておけば、あとは写真やイラスト、文字を毎回決まった場所に配置するだけなので簡単に制作ができ、統一感も出ます。

使用するフォントを毎回同じものにしたり、使用するカラーをブログカラーに合わせて数色きめておくのもおすすめ。

コツを掴んでブログを読みやすくおしゃれなデザインにしよう！

おしゃれな見やすいブログにするには、ちょっとした工夫を実践すればOKです。

デザインを整えると、読者が見やすくなるだけでなく、記事投稿のスピードもアップ◎

色の配色やアイキャッチの構成などは、1度決めてしまえば、あとはその型に沿って作成していくだけなので時短になります。

装飾の方法も、「このような場面でマーカーを使う」「囲みを入れる」など、ルール化しましょう。

コツを掴んでブログデザインを楽しんでくださいね◎