デザインの最近のブログ記事

こんにちは！さいとうです
８月になりましたねみなさんはどこか旅行にいく予定はありますか？
私は先日、長野にいってきました
おそばがおいしかったですよ

それでは、今回はブログのデザインを考えるの注意点！のつづきです。
ブログのデザイン考える（３）で、文字数が増えても対応できる方法を紹介しましたが、実はあの画像では意図した通りにはなりません

繰り返し表示させるとこのようになってしまいます
繰り返し表示部分の画像の上下の色が違うから、繋がらなくなってしまってるんですね。。

右の画像のように繰り返し表示させても画像が繋がるように、３つに分けた画像の真ん中の画像は、縦方向に変化するグラデーションや模様を付けない方が良いでしょう

メニューエリアの横幅

メニューエリアの横幅（width）を170px以下にしてしまうと、右の図のようにプラグインがメニューエリアからはみ出てしまい、ブログのデザインが崩れることがあります（プラグインの横幅が170pxを超えるものもあります）デザインが崩れないよう、メニューエリアの横幅は170px以上とっておくとよいでしょう

ブログのデザインを考える（１）～（４）を踏まえてデザインを考えれば、テンプレート作成がスムーズに進むと思います

次回はテンプレート制作の流れについて書きます！
更新は８月１１日（月）１３日（水）の予定です。お楽しみに
（※多忙の為、更新日を変更しました）

ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ
新作テンプレート作成中です

毎日暑いですね夏バテしてませんか
こんにちは！さいとうです
昨日うちのクーラーが１週間ぶりに復活して、汗だらだらの生活から開放されましたクーラーってすばらしいなぁと思いながら使っています

それでは、今回はブログのデザインを考えるときの注意点について書いていきます。
まず、ブログのデザインと一般的なWebサイトとのデザインで異なる点は、構造を考えてデザインしなければならない箇所が多いというところではないでしょうか

通常のWebサイト制作でも、縦幅（height）はコンテンツの量によって左右されるので、どれだけ縦に長くなってもいいように背景画像を考えて作りますが、ブログの場合はブログ全体の背景以外にも構造を考えてデザインしなければならない箇所があります

それは、メニュー内のプラグインと記事を囲んでいる枠です。プラグインと記事を囲んでいる枠は、何度も繰り返し使用され、縦幅がコンテンツの量によって変わってきます

例えば、プラグインのタイトルの背景をこのような画像にしたとします。

プラグインタイトルの文字数が少ない場合は問題ないのですが、文字数が多い場合は、画像からはみ出してしまいます

CSSで横幅を指定して黒い線の外にはみ出さないようにすると、今度は文字が２列になり、下側がはみ出してしまいます

このような状態を回避するために、文字数が多くなっても良いように作らなければなりません。
右の図のように画像を３つにわければ、文字数がどんなに増えようと、真ん中の背景画像が繰り返されるので、文字が画像からはみ出すことがなくなります

アメブロの場合はカテゴリー、トラックバック、などプラグインのタイトルごとに背景画像をかえることができるので、文字を画像にすれば、画像を３つに分ける必要はありません。FC2やlivedoorではプラグインごとに背景を変えることはできないので、このように画像を３つに分ける必要があります

次回もブログのデザインを考えるときの注意点について書きます！
更新は８月４日（月）の予定です。お楽しみに

ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ
近々新しいテンプレートが追加されるとかされないとか・・・

こんにちわ！さいとうです
最近ホントに暑い日が続いていますね
そんな中、２～３日前まで普通に動いていた、私の家のクーラーが壊れてしまいましたよりによってなんで夏本番ってときに・・・クーラーの有難さを感じる毎日です

それでは、今回はブログのレイアウトについて考えてみましょう?。

フッターを含めないで考えると、次の５つのレイアウトが一般的かなぁと思います。
このレイアウトはブログだけでなくWebページ制作の解説でもよく見られますね

２カラム ３カラム

フッターがつくとこのような形になります。

２カラム＋フッター ３カラム＋フッター

使い勝手が良くないかもしれませんが、次のようなレイアウトもありますね

アメブロの場合はレイアウトが決まってしまっているので、このレイアウトは使うことができません

【２カラム】

メインの幅が広くとれるので、沢山文章を書いたり、写真を載せたりする場合に向いているのではないでしょうか？
メニューに載せるコンテンツが多い場合には縦に長くなり、メニュー内のプラグインを見る為にスクロールしなければいけないのが難点です

【３カラム】

メニューがみやすくなり、全体的ににぎやかな印象になります
アメブロの芸能人ブログはほとんどが３カラムですね。

レイアウトを決めたら、配色やフォント、イラスト・写真などのグラフィックを考えます

レイアウトにとらわれすぎると、面白くない普通のテンプレートになってしまいます
レイアウトを考えずに見た目重重視で考えると自由なデザインができるので良いと思うのですが、コーディングをするのが大変になってしまいます。。難しいところですね・・・

次回はブログのデザインを考えるときの注意点などなどを書こうと思います！
更新は７月２８日（月）の予定です。お楽しみに

ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ