デザイン変更の概要

今年の1月にブログをリニューアルしたのですが、どうもしっくりこないのでもう一度デザインを手直ししました。

デザイン変更にあたって重視したのは「見やすさ」。

基本に立ち返って配色を見直したり、フォントサイズや細かなパーツのグラフィックを調整してすっきりクリーンなブログを目指しました。

ビフォアアフター

今回の変更前後のブログの比較画像を並べていきます。左がビフォアで右がアフターです。

ホーム

↑左がビフォアで右がアフターです。オレンジ基調から水色基調に変更し、ヘッダーもフラット化することですっきりした印象になりました。そして今や日本のインフラともいえる「いらすとや」さんの画像のおかげで柔らかな印象になりました。

記事ページ

↑記事の周りの囲い線を廃止してフラット化したらすっきりしました。シンプルイズベストを再確認しました。

記事中盤

↑記事の見出しが良く分かるように、立体感のあるオビにしてみました。フラットと迷いましたが、流し読みした時の目に留まりやすさを重視。あとは右のサイドバーも少し見た目を変更しています。

記事下部

↑ここはオレンジ基調から青基調に色を変更したのみ。やっぱり青色の方が理性的で落ち着きますね。

カテゴリページ

↑色をオレンジから青基調に変更。あとは、サイト幅が狭くなったので、タイトルの文字やサムネイル画像のサイズを少し小さくしました。全体的にぎゅっと集まった感じになってまとまり感がでた気がします。

まとめ

2022/6/22に行ったデザイン変更のビフォアアフターでした。

いつも思うのですが「ブログは余計なことをしないほど読み易い」です。分かってはいるんですがついつい個性を出したくて余計な事してしまうんですよね～。

とりとめもない内容ですが読んでくれてありがとうございました。