FC2ブログの歩き方ブログ

FC2ブログユーザを応援します。「バックアップとろうよキャンペーン」実施中。トラックバック大歓迎

Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • TB(-) |
  • CO(-) 
  • [Edit
  • [No Tag]

画面いっぱいのブログにしたい

「最大化」してブログを見ておられる方もいらっしゃるようで、「画面いっぱいのブログにしたい」と思われることもあるようです。

その場合、以下のことを念頭に入れてカスタマイズ・あるいはテンプレートを選択することをおすすめします。

(1)ブログを見る人の環境は一律ではありません。
(2)トップ画像の幅との整合性を考えましょう。

その上で、「画面いっぱいのブログにしたい」なら、「リキッドデザイン」(後述)のテンプレートをお勧めします。テンプレート検索の説明の項目に「リキッド」と入力して検索します。

以下、上の2点について綴ります。

(1)ブログを見る人の環境は一律ではありません。
あなたのブログを見る人がすべてあなたと同じようにウインドウを広げて見る訳ではありません。したがって、大きな数値で横幅を固定してしまうと、小さめのウインドウで見る人には全体が表示されず不便になります。
たとえば、こんな記事もあります(今急いで拾って来たのでもっと適切な例があるかもしれません)。
akiyan.com:mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由

かつてはウェブサイトの表示は800ピクセルまで、と言われていました。今は、大型ディスプレイの普及もあり、もっと幅広い表示ができる環境に居る人は少なくありませんが、それでも、広過ぎる画面が好かれることはありません。

ひとつには、たとえ大型ディスプレイを利用していたとしても、ウェブを最大化して見るとは限らないこと。個人的な話で恐縮ですが、私のディスプレイは1280まで表示できますがウェブはほぼその半分くらいで閲覧します。広くしても3分の2くらいです。あまり大きな幅を前提にしてあるサイトは読みづらく感じます。
もうひとつは、人間の能力として、読みやすい一行の文字数というものがあること。こんな記事も読んでみてください。
えっけん:「文字数」について書かれた記事

以上から、広くする場合においても、ある程度の幅にしておいたほうが良いと言えます。
あるいは、ウェブの特徴として、「幅を固定しない」という考えもあります。閲覧者が開いたウインドウの幅に合わせてサイトの幅が決まるというもの。これを「リキッドデザイン」と呼びます。
いい例が公式テンプレートにあるのでご覧になってみてください。
mushroom
mushroom_liquid
同じデザインですが、ウインドウの幅を変えてみると、違いが分かっていただけると思います。

(2)トップ画像の幅との整合性を考えましょう
上記きのこテンプレートを見ていただいてもお分かりの通り、リキッドデザインの場合は、連続させて不自然のないような画像を使ったほうが自然です。

ブログの幅を広くする場合、トップの画像をどうするかも考える必要があります。

広い画像を用意する:ただし前述したように、広過ぎると全体を見てもらえない・見づらく感じられる場合があります。
連続して不自然のない画像を用意する:幅が広くても、リキッドデザインでも問題はありません。
画像を使用しない:同じく、幅が広くても、リキッドデザインでも問題はありません。
スポンサーサイト
  • [No Tag]

Comment[この記事へのコメント]

承認待ちコメント 

このコメントは管理者の承認待ちです
  •  
  •  
  • at 2011.12.28 21:04 
  • [編集]

承認待ちコメント 

このコメントは管理者の承認待ちです
  •  
  •  
  • at 2012.08.11 16:15 
  • [編集]

Comment_form

管理者のみ表示。

Trackback[この記事へのトラックバック]

トラックバックURL
http://fc2blogwalker.blog21.fc2.com/tb.php/123-55c907bf

-

管理人の承認後に表示されます
  • from  
  • at 2013.04.16 05:12

リキッドレイアウトのヘッダ画像

yellow_3column, pink_3column, grey_3column, blue_3column, yellow_2column, pink_2column, grey_2column, blue_2columnといった公式のリキッドテンプレートは、もともとヘッダに...
  • from default 
  • at 2009.11.18 03:44

Menu

from admin

万が一、記載に誤りのある場合や、追加情報がある場合など、該当記事のコメント欄でお知らせいただけるとありがたく存じます。

sugar

ブロとも申請フォーム

analyzer

カレンダー

05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

StyleChanger

public my share

ブログ内検索

Style Changer

この選択ツールについて up!

見本用記事一覧

アルキカタQ&A検索

アルキカタ版Q&Aの内容を検索します。




複数語は半角スペースで区切って検索してください

analyzer

analyzer

Profile

sugar & FC2blog beauties

Author:sugar & FC2blog beauties
「FC2ブログの歩き方」(アルキカタサイト)FC2ブログ出張所です。このブログは、アルキカタサイトの管理人であるsugarと、協力を申し出たサポータ複数で管理しています。

アルキカタサイト管理人:sugar

&FC2blog beauties(アルキカタサポータ)
 Chako
 cyaimi
 KAI

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。