[う]うかブログ デザインVer.3

うかブログ デザインVer.3

先日来思うところありまして、このブログをリニューアルすることにしました。で、前回のリニューアル同様、現在のデザインを記録に残しておこうと思います。


うかブログのデザイン Ver2はコチラ

うかブログ デザインVer.3、トップ

うかブログ デザインVer.3、全体

Ver.2よりメインカラーを「黒」にしているこのブログ。しかし、Ver.2では白の分量が多く、どちらかと言うとメインカラー「白」。そこで、Ver.3では背景も黒にしてホンマモンのメインカラー・黒にしました。

レイアウトは440×180×120の変形3カラム。当初は普通の3カラムにしようと思っていたんですけどネタフルさんを見てマジ惚れし、このような変則タイプのレイアウトになりました。

ま、3カラムといっても見た目は2カラム。非常にバランスよく配置できたと思っているので、今後別のサイトで活用していければと思ってます^^

このデザインの最大の特徴はトップページ冒頭の大きな写真です。

通常、ページトップにこのように大きな写真を置くというのは、最初にサイトに訪れた際に見えるコンテンツが減ってしまうため、あまりよろしいことではないと思うんですが、ウチは所詮特定のジャンルもない個人ブログ。「あ、うかブログ!」と覚えてもらえるよう頭のところでインパクトを与えたかったというのがこの画像配置の理由です。

また、個人的にブログのトップページは、コンテンツを見てもらうよりも「ハブ」としての役割の方が大きいと思っているので、画像右に新着記事のリストを表示させることで、下に行かなくても個別ページへジャンプできるようにしました。

前回、Ver.2からVer.3にリニューアルしたときは「デザインに飽きて・気に入らなくなってブログを書くモチベーションが下がった」というのがリニューアルのきっかけでした。

が、今回は違います。ある明確な理由を持ってのリニューアルです。その理由とは…..この辺に書いてあるカモ^^;

しかしなぁ…このデザイン、気に入ってるんですよねぇ。。。リニューアルして逆にモチベーションが下がったなんてことにならないよう、気合入れてテンプレを作らねば!