• ベストアンサー

ページのレイアウトについて(素朴な疑問)

素朴な疑問です。 ブログだけでないのですが、レイアウトでページの左右両側が空白で真ん中だけに縦長で本文やその他の情報が表示されるページってありますよね? PCでみていると非常に表示効率の悪いと思えるのですが、このレイアウトにはどの様な利点があるのでしょうか? 携帯等での表示用かとも考えたのですが、携帯での表示では、また専用のフォーマットで表示されているので違うのかと思いました。 ご教示をいただければ幸いです。

質問者が選んだベストアンサー

  • ベストアンサー
  • John_Papa
  • ベストアンサー率61% (1186/1936)
回答No.1

WEBの記事を多く読むようになると目が疲れます。 一つのセクションの横幅があまり広くない方が眼球の左右移動が少なくて済むので疲労も少なくて済みます。 眺めてもらうためではなく、読んでもらうためのレイアウトと言えるでしょう。 新聞や雑誌でも段組されていますが、同じ理由で折り返しの文字数を制限しているのです。 WEBの場合、ページ長さが決まっていませんので、段を折り返す必要が無く縦長に続けられます。長文の場合は1ページに数段つくる新聞的な手法はとられず、適度にページを替えてスクロールの負担を軽減する方法がとられます。これも、読者の負担を少なくする方法です。

siffon9
質問者

お礼

読む側を配慮したレイアウト、新聞や雑誌の段組に例えて頂いたことで、納得することができました。 ご回答ありがとうございました。

関連するQ&A

  • CSSによるレイアウトの崩れ

    いろいろなブログを見ているとよくレイアウトが崩れている物をみかけます。 たとえば下記のようなページです。 http://www.atz.jp/~patio/cgi/koe/log/eid94.html メニューと本文を左右に並べるつもりなのですが、上下にずれてしまっています。 このようなレイアウトの崩れはどのようにして起こるのでしょうか? またどうすればなおるのでしょうか?

    • ベストアンサー
    • CSS
  • HTMLのfloatタグの使い方?

    http://but.mods.jp/mtos/ 上記のブログで本文を、左右に分けて表示しました。 出来れば、左右の縦幅を揃えて、左右の間の空白も無くしたいです。 つまり、長方形の真ん中に一本線が引かれて、左右に本文を書けるレイアウトです。 上記のブログは、floatタグを使って、右(width49%)、左(width50%)で表現しています。 widthの値を50%ずつにすると、スペースが足りない為なのか、左右に配置出来ず、上下に配置されます。 何か良い方法は無いでしょうか?

    • ベストアンサー
    • CSS
  • ワードの印刷レイアウトで上下の空白がなくなる

    WORD2003です。 表示→印刷レイアウトモードにすると 上下の空白部分がほとんどなくなってしまいます。 左右の空白部分はあります。 ページ設定で余白は上下左右ともに20mmになっています。 よろしくお願いします。

  • ブログのレイアウト

    ブログのレイアウト?について質問します ブログのレイアウトが崩れていますよね。 本来は左にプロフィールなどで、右に記事本文だと思うのですが、下に記事本文が掲載されています。 前にそういう系の幅をいじくって、右に表示されるようにしたのですが、なぜかまた下に本文ガ掲載されています。 どのようにしたら戻るでしょうか?

  • リキッドレイアウトについて

    現在MTでブログを作成しています。 3カラムのため、閲覧者がたとえば 「お気に入り」ボタンを押した時など、 右側のサイドバーが端に追いやられてしまい、 半分くらいしか表示されません。 そこで、リキッドレイアウトで、 左右のサイドバーが真ん中に集約されるように したいと思っています。 ですが、リキッドレイアウトに変更するやり方がわかりません。 「どのタグを、どの部分に埋め込めばいいか」、 ご存知の方おられたら教えてください、お願いします。

  • 記事の文字のレイアウトについて

    エキサイトブログで、投稿する場合の文章のレイアウトについて教えていただけますでしょうか。 左右の空白スペースを同じように空けて 丁度文章が中心になるようにしたいのですが、 特別なやり方というのはあるのでしょうか。 改行の度にスペースを取って・・・・というふうにしていますが なかなか左右対称?にはなりません。 他のBlogを見ていると、綺麗に配列されている方がいます。 すみません。 とても初歩的な質問でしたらお恥ずかしいのですが。 加えて解り難い説明ですが、どなたかお答えいただけたらと思います。

  • gooのトップページのレイアウト

    今日突然gooのトップページのレイアウトが変更してました。 上手く説明出来ませんが、今まで横に並んでいた辞書とかウェブとか表示されている所が全部左側に縦に並んでいて、空白の部分が多くなり、全てが縦長になっています。 検索するところも今までは画面の上、中央に配置されていましたが、今は画面の下に小さくなっています。 レイアウトの変更はクリック出来ずマウスをもっていってもリンクされません。 これは私だけでしょうか。 以前のレイアウトに戻したいのですが、出来るでしょうか。 よろしくお願いします。

  • フレームタグを使う以外で1つのページ内に複数のページを表示する方法

    フレームタグを使う以外で1つのページ内に複数のページを表示する方法 はじめまして。Webデザインを勉強中の者です。基礎的なHTML.CSS(スタイルシート),XML の知識があります。 タイトルにもあるとおり、(よくつかわれるiframeタグ含め)フレームタグを利用する以外で 一つのページ内に複数のページを表示する方法を探しています。 FC2ブログのソースを見て回って気付いたことなのですが、 そのどれもが、フレームタグを使わずに一つのページ内に複数のページを表示してるようです。 例を挙げると、FC2ブログは、テンプレートを選択するだけで 本文(メインコンテンツ)はそのまま、レイアウトが全く違うようになる、というように。 ちなみに私もFC2ブログのユーザーで、テンプレートのメインファイルとCSSファイルのソースも 見てみたのですが、フレームタグは一切使われていませんでした。 それとも、FC2ブログは全てのページにサイドバーやトップなどのレイアウト情報を書き込んでて、 テンプレートを選択するたびに一括変換しているのでしょうか? わかりにくいですが、Aのファイルにレイアウト情報を、Bのファイルに本文(メインコンテンツ)を。 そしてそのA+Bで、一つのページが完成する、Aのファイルをすり替えるだけで、レイアウトが変えられる、 そんな風にしたいわけです。知ってる方がいれば、是非ご教授願えませんでしょうか?

    • ベストアンサー
    • XML
  • 会報誌のレイアウト

    エディトリアルデザインの仕事についてです。 媒体は企業の会報誌なのですが、連載ページで本文量が決まっているものに対して、毎号入稿されてくる本文量が合わず、レイアウトで調節してほしいと言われます。 例えば本文量が少ない場合は、「行間を空けて調節してください」などと言われます。でも、なるべくそのような調節はしたくないと思い、写真やイラスト(自分で用意するのですが)を入れてレイアウトを崩さないようにしています。 本文量が多い場合は、カーニングや字送り以上の調節はしようがないので、行間・余白、または級数を変えて調節せざるを得ません。また、そのような指示をされます(先方から。デザイナーではない)。 ※基本のレイアウトフォーマットは、以前先方が指示してきた文字数を基準に、ある程度の増減には対応できるように作成しました。その調整可能な範囲を超え、レイアウト変更にまで及んでしまいます。 こういった調整を要求されるのは普通ですか?ライター・編集だっているのに…という気分です。多少おかしなレイアウトになってしまうとしても、会報誌だし、素直にお客さんの言うことを聞いていればよいのでしょうか。 いまいち納得できていないので、同業の方がおりましたら、どうなさっているのか教えてください。

  • Firefoxでページ位置が微妙にずれてしまいます

    作ったホームページをプレビューで表示したときにページ全体が微妙に(見た目上では数ミリくらい?)で左右にずれるページがあります。 IEではずれないのに、Firefoxで確認するとページ全体が左右にずれて見えるページが出来てしまいます。(数ミリですが、左右に全体の位置がずれるとページ間ジャンプの際に結構気になってしまう) 基本的にテーブルで作っていますが、bodyの直下にページ全体を#wrapper(全体のレイアウト)で指定し、その中ヘッダー部分や本文の部分をテーブルで流し込んでいます。 初心者なので質問内容も何て書いたらよいのかわからないのですが、どうしても解決できなくて困っています。

    • ベストアンサー
    • HTML