Loading...

ブログの見た目を、全面的にリニューアルしました。

前々から、ブログのデザインと、このブログで使っているプリン🍮のモチーフが、どうもしっくりきていないような気がしていました。

そこで今回、思い切ってデザインを全面的に変更してみました。

目指したのは、ポップで、ゆるくて、楽しい感じ

ブログを開いたときに、ちょっと楽しい気分になれるような場所にしたくて、いろいろなところを見直しています。

色も少し落ち着かせました

リニューアル前は、配色も少し明るすぎるところがありました。ポップな雰囲気にしたいとはいえ、明るければいいというわけでもありません。

そこで、全体の色合いを調整して、ブログのモチーフに合いながらも、長く見ていて疲れにくいようなバランスを意識しました。

明るく楽しいけど、うるさすぎない雰囲気を目指しています。

メニューまわりも見やすくしました

今回、見た目だけではなく、ブログの中身の見え方も少し変えています。

以前のメニューやカテゴリー一覧、タグ一覧は、項目をただずらっと並べているだけの、ちょっとさみしい画面でした。情報はちゃんとあるのに、なんとなく見づらかったです。

せっかくカテゴリーやタグを用意しているのだから、もう少しわかりやすく見せたいと思い、今回のリニューアルでデザインを見直しました。

記事の中身も見やすくしました

記事の中にある表やカードのデザインも変更しました。

特に翻訳のところ、背景が黄色で見づらいと思っていました。なので、思いきって変えました。情報がぱっと目に入るように、境界をはっきりさせています。

ブログのデザインは、全体の雰囲気だけではなく、実際に記事を読んだときの「読みやすさ」も大事ですね。かわいくすることばかりに気を取られず、ちゃんと内容が伝わることも意識しました。

シェアボタンも変更しました

細かいところですが、記事のシェアボタンも変えています。位置も近づけました。

以前はアイコンだけを表示していたのですが、これだと「これは何のボタンなんだろう?」と少しわかりにくいかなと思っていました。

そこで今回は、アイコン+テキストで表示するようにしました。

見た目としてはアイコンだけのほうがすっきりするのですが、初めて訪れた人にも「これはシェアするためのボタンなんだな」とわかってもらえることのほうが大切です。

そんな感じで、細かいところも少しずつ変えています。

「ゆるく楽しいブログ」に

今回のリニューアルでは、ブログの雰囲気そのものを変えたかったのだと思います。

前のデザインに感じていた違和感をきっかけに、色やメニュー、カテゴリー、タグ、記事内の表やカード、シェアボタンまで、一つひとつ見直してみました。

ポップで、ゆるくて、楽しい。でも、ただ見た目が楽しいだけではなく、記事を読んだり、目的のページを探したりするときにはちゃんとわかりやすい。そんなブログになっていたらいいなと思っています。

まだこれから微調整するところもあるかもしれませんが、ひとまず大きなリニューアルは完了です。

CSSを書きまくって楽しかったです!

新しくなったこのブログで、これからもゆるく楽しく記事を書いていきたいと思います。

ここまで読んでいただき、ありがとうございました💕