うかブログ »

ウェブデザイン »

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「うかブログ・リニューアル」関連記事

△ページトップに戻る

この記事に関連情報

同一カテゴリ内の新着記事

関連カテゴリ一覧

△ページトップに戻る

トラックバック

トラックバック先URL:

△ページトップに戻る

この記事に関するコメント・クチコミ情報

2007/05/08
ZYCO

はじめまして。
あり~さんのマイミクシィからやって参りました。

機能的なレイアウトなので思わず投稿してしまいました。「レイアウトは440×180×120の変形3カラム」→ここはかなりの試行錯誤があったのではと推測します。私自身、この大枠のレイアウトに対しては結構無頓着でしたので、これまではワンパターンでOKと決め込んでいましたが…。むっ、むっ、チャレンジスピリットが芽生えてくるのを感じざる負えません。

また遊びに来ます。

2007/05/09
うか

>ZYCOさん
はじめまして。コメントありがとうございます!
変則レイアウト自体はネタフルさんに惚れただけで、そんなに試行錯誤もしてないんですよ^^;
元々写真を最大440pxで掲載してたので、余白を除いたメインスペースの幅も自然と決まりましたし、後は並べてみて...といった感じでできあがりました。
プロの方に活力を与えることができ、嬉しく思っています^^

△ページトップに戻る

コメントを投稿

上の情報を保存する場合はチェック

△ページトップに戻る