「ブログのデザインは二の次。まずは記事を書いて文章に慣れるべき。」

そんなふうに考えていた時期が、僕にもありました。確かにこれは間違ってはいないと思います。特に作文が苦手な僕の場合は記事を書いて慣れる必要があります。デザインに余計な時間を取られている場合ではありません。

アイキャッチ SUGOI DASAI

ですが、このところこのブログのデザインがなんかダサいような気がしています。このままではブログを見るのが嫌になり、ついにはブログをやめてしまうかもしれません。

そこで、このブログのデザインをせめて「ダサくはない」状態にするため一計を案じました。

ダサいデザインの特徴

今回は未経験からWebデザイナーになろう!というサイトの記事を参考にさせてもらいました。この記事であげられているイケてないデザインの特徴は、

  • シャドウが強すぎる
  • 色が多すぎる
  • 彩度が高すぎる
  • ボタンの装飾が過剰
  • 背景画像がウザい
  • 余白がない

です。ここで本ブログのトップページがどうなっているか見てみましょう。この記事をあげる前のものです。

改善前のダサいトップページ

サイドバーがスカスカなのは置いておいて、この中でこのブログに関係ありそうなのは

  • 色が多すぎる
  • 彩度が高すぎる

でしょうか。「彩度が高すぎる」には「黒が強すぎる」を含むとします。アイキャッチに変わったフォントを使おうとしているところもダサさに拍車をかけている気がします。

ダサいデザインの特徴を取り除く

それではこれらの要素を取り除き、トップページがどんな印象になるかを確認してみたいと思います。

色を減らしてアイキャッチの黒を濃い灰色にした

上で当ブログに当てはまったダサイサイトの特徴を取り除いたものがこれです。散らかった感じが減り、だいぶ無難な感じになってきたと思います。

改善後のトップページ1

しかしながらまだきになる部分があります。そう、とってつけたようなサイトロゴのアイコンです。

サイトロゴのアイコンを消してフォントを変えた

とってつけたようなアイコンを消したものがこれです。ついでにフォントも変えました。

改善後のトップページ2

かなりスッキリしました。少なくとも、「小洒落た感じにしようとしたのが裏目に出たダサさ」に比べるとはるかに良いと考えられます。

まとめ

ブログ更新のモチベーションを保つため、以下のデザインの改善を行いました。

  • アイキャッチの色を減らフォントを見直した
  • サイトロゴのアイコンを削除しフォントを見直した

その結果、以前よりもすっきりしたデザインになりモチベーションの維持に繋がったと考えています。

シンプルイズベスト!
おすすめのレンタルサーバー
おすすめの記事