Nucleus でのデザインのリニューアル（５）
先に設定を変えてしまったのですが、今見ているのが新しいデザインのたまログ。
旧デザインが、全体で760pxでメニュー部分が150px×２で300pxだったので、差し引き、460pxしかコンテンツ部分がなかったんだけど、新デザインは全体で900pxで、メニューが175pxと170pxで、差し引き555pxで以前と比べると95pxも広くなりました。結構今まで460pxに合わせたイメージの出力を行っていたので、これからは555pxに合わせたイメージの出力を行わないと、スペースが空いちゃう感じかも。
ただ個人的には結構文字も大きくしたので、見やすく読みやすくなったかなーと思っているのですが、みなさんはどうでしょうか？
バックの色もオリジナルはもっと灰色っぽい色でしたが、もっと白っぽい色にしました。
ヘッダーイメージに使うイメージは、検索で、「blogs headers for free」とか検索すると結構ヒットするので、そこから拝借。よくヒットするのは、Blog Headers For Free Download | Graphics | Smashing Magazineあたり。
横が900pxなので、photoshopで横900pxに修正して使用
フッター部分は、オリジナルのコピーライトを残しつつ、「 Powered by NucleusCMS | Ported by tamako 」を追加しました。
まあこんな感じでまあまあいいかな。しばらく、このデザインでやっていこうと思います。
旧デザインが、全体で760pxでメニュー部分が150px×２で300pxだったので、差し引き、460pxしかコンテンツ部分がなかったんだけど、新デザインは全体で900pxで、メニューが175pxと170pxで、差し引き555pxで以前と比べると95pxも広くなりました。結構今まで460pxに合わせたイメージの出力を行っていたので、これからは555pxに合わせたイメージの出力を行わないと、スペースが空いちゃう感じかも。
ただ個人的には結構文字も大きくしたので、見やすく読みやすくなったかなーと思っているのですが、みなさんはどうでしょうか？
最後の調整は、Extraskin.jpで使用しているページ類を新しいページのデザインを使用するように調整することと、ヘッダーイメージが個人的に暗い感じだったので、夏向きなイメージを探して横900pxにあわせました。
バックの色もオリジナルはもっと灰色っぽい色でしたが、もっと白っぽい色にしました。
ヘッダーイメージに使うイメージは、検索で、「blogs headers for free」とか検索すると結構ヒットするので、そこから拝借。よくヒットするのは、Blog Headers For Free Download | Graphics | Smashing Magazineあたり。
横が900pxなので、photoshopで横900pxに修正して使用
フッター部分は、オリジナルのコピーライトを残しつつ、「 Powered by NucleusCMS | Ported by tamako 」を追加しました。
まあこんな感じでまあまあいいかな。しばらく、このデザインでやっていこうと思います。
