来年からの大冒険に向けてブログのデザインを一新しました

3ヶ月ぶりの投稿です。時が経つのはあっという間ですね。やりたいことに集中していると特にそう感じます。
先月はポートフォリオを公開し、今週はブログのデザインを一新しました(3度目!)。
今回のブログデザインについて気をつけた点など書き残します。

 

ブログのデザインを変更する目的

リニューアルした理由は次の2つです。

  1. プロフェッショナル感を出すこと
  2. 職場でも読みやすい見た目にすること

プロフェッショナル感

来年の1月、フリーランサーとして一歩踏み出すことを決意しました。営業活動なども積極的にこなす必要が出てきます。いざという時に中途半端なものは見せたくないなと思いました。しかし「プロフェッショナル感ってなんだよ〜」とかいう新たな疑問がわき、悩んだ末に「シンプル イズ ベスト」という答えにたどり着きました(小並感)。また、プロフィールの画像は猫ちゃんの画像から顔写真に変更したいなと考えています。

職場でも読みやすく

Hodalogは1日あたり50PVほどの弱小ブログですが、グーグルアナリティクスを見ると、平日の日中にアクセスが集中していることに気づきました。

読まれているのはPHPの環境構築やApacheの設定方法などの技術系の記事です。おそらく職場でWeb系の人が読んでくれているのでしょう。

以上を踏まえ、仕事中に閲覧しても差し支えない、シンプルで落ち着いたデザインへ変更することにしました。

 

気をつけた点

というわけで、リニューアルするにあたり下記を考慮しました。

  • シンプルで読みやすいこと
  • ページ全体が軽いこと
  • 自分が満足すること( ・`д・´)b

ユーザビリティを意識しつつも、私自身が気にいるデザインを目指しました。

シンプルで読みやすく

最近のブログは画面を大きく使い、幅広のコンテンツ配置が多い印象があります。それは解像度が大きいモニターでも美しく見せることができるし、インパクトもあります。しかし目線が大きく動くと目が疲れてしまいますので、程よい感じの幅にしました。

前回はごちゃごちゃした装飾をたくさんつけていました(リボンとかピョンとでるボタンとか色々。。。)。色々飾りたくなる気持ちをグッと抑え、必要なものを必要なだけ、必要な箇所に配置するようにしました。

色はポートフォリオと合わせ、パステル調の緑をアクセントに、白と灰色でスッキリした感じにまとめました。Webサイトの配色として一般的と言われている「べースカラー:75%、メインカラー:25%、アクセントカラー:5%」の比率を参考にしています。

 

ページ全体を軽く

オシャンティなプラグインやこだわりアニメーションのjQueryを使いたくなりますが、これも必要なものだけに絞ることにしました。できるものは自作し、リクエスト数を抑えるために読み込むファイルの数を抑えています。サーバー側の設定などはまだ見直していませんが、jQueryをフッターに置くなど、フロント側でできることはだいたい実施済みです。

自分が満足できるように

やっぱり自分が納得しないとダメですよねー。長く続けたいですから。ところどころ小さいアニメーションを入れたり、いい感じにやっています。

まとめ

このブログは2016年2月に公開してから、およそ1年に一回のペースでデザインを変更しています(節操がない。。)。よく見かけるオーソドックスな形ですが、かなり納得のいく仕上がりになりました!これでしばらくは落ち着くと思います。やったね╭( ・ㅂ・)و ̑̑ グッ !"

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください