ブログの見た目をもろもろ手直しした

最近まったくブログを更新してなくて,なんでか考えてみたらブログの見た目がダサくて書く気が起きないからじゃないか,という説が浮上しました。なので見た目をちょこっと手直ししました。

結論から言うと手直ししてよかったです。自分としては上々な出来栄えになりまして,せっかくなので変えたところを書いておきます。

ヘッダーをスマートな感じに

ヘッダーが,背景色がオレンジ色のフォントが普通のゴシックだったんですが「なんかダサい」と。

しかしどう変えたもんかわからなかったので,まずはこのブログの方向性に立ち戻ってみました。

そもそもこのブログには「書きたいことをなんでも書きたい」という想いがありまして,自分の中でも大まかな方向性すら定まっていなかったんですね。でも書きたいことじゃなくて「書けること」を考えると,

  • おすすめのガジェットとか
  • パソコンまわりのハックとか

といった,なんとなくスマートで理系っぽい感じかな,と思い至りました。

そこでヘッダーを,フォントはギークな印象を与えるデザイン書体を選び,カラーは白黒のほうがシャープな印象を与えるのでモノクロにしました。また,サイト全体でも黒をより濃くしました。

これでかなり印象が変わったんじゃないでしょうか。

ファビコンを変えた

とりあえず変更前のファビコンを見てください。

解像度が足りねぇ…

これは設定したときからわかってたんですが,実際にファビコンとして表示されるときにはこれよりさらに画質が荒くなってしまい,見るに耐えませんでした。

このまま同じデザインでもうまいこときれいに表示させることもできるのかもしれませんが,私にはできなかったので思い切ってガラッとデザインを変えました。

このブログのタイトルの「めめんとらっく」の頭文字の「め」をデフォルメしてそれっぽくデザインしました。直線しか使ってないので,これなら解像度によらずきれいに表示させることができますね。

コマゴマしたところの変更

あとは,パソコンで特定のタグの投稿一覧を表示したときに右サイドに存在しない目次のウィジェットが表示されてしまう問題を解決したり,スマホ版のフォントサイズが全体的にデカすぎたので小さくしたり,色々な要素の位置や余白を微調整したりしました。

またこれは別に自分でやったことじゃないですけど,BloggerのUIが変わってスマホから更新しやすくなりました。この流れでBloggerの公式iPhoneアプリも出してほしいですGoogleさん。

今後

とまぁそんな感じで,まだまだテコ入れが必要な部分もたくさんありますが,この調子でプロフィールとかも充実していけたらなという所存です。

0 件のコメント :

コメントを投稿