画像を右にレイアウトする理由

• Jan182009
• Vote:
  http://bizcaz.com/archives/2009/01/18-143849.php
• Categories: Moblog
• Tags: CSS
• Social Bookmark

• Prev Page: エステティックサロン向けハーブティ（ハーバルデトックティー）
• Next Page: JapanaBlogAward 2009

こんにちわ^^

先ほど変わった質問されまして、「画像を右に配置してる理由は何ですか!?」というものです。
思いもよらぬ質問だったので少し戸惑ったのですが、よく見てるなぁ･･･というのが正直なところ (;￣∇￣A ちょっぴり嬉しかったりもします。

確かにわたしは画像のレイアウトにちょと拘りを持ってます。
確かにわたしのサイトではある時期を境に画像は右にレイアウトするようにしてます。このようなレイアウトになってからもう 1、2 年経ちます。

わたしの感性というか、数値的な根拠もないので「あぁ～こういう女性もいるんだなぁ」程度に読んで欲しいのですが、最近はそうでもないけど、一時期は記事の先頭に関連する画像を貼り付けてるサイトさんをよく見かけました。そのほとんどが左に画像をレイアウトされてます。
流行り!? ものには目がないわたしでも、これだけはあまり興味をそそられなかったのですが、どうも違和感をかんじてしまうんです。ぶっちゃけあまり印象に残りません。

近頃はテンプレートの作成／公開というものはやってませんが、一時期画像のレイアウトはどっちがいいのか、サイドバーはどっちにレイアウトした方がいいのかなど、わたしなりにいろいろ見比べたりなどやってたことがありました。

その結果わたしは、

重きをおきたい内容は左にレイアウトする

に至りました。

たとえば、わたしのサイトのテンプレートは今 3 カラムですが、左右のサイドバーの重要度は左においてます。
言い方替えると、右サイドバーはどうでもいいもの、記事内容などに関連があまりないもの･･･をおくようにしてます。 なので右サイドバー幅を狭くし、ブログパーツなどをまとめてます。

またテンプレートの構造上、上から順に本文、左サイドバー、右サイドバーというように構成してますので、不要なものはなるべく下( = 右サイドバー )におくようにしてます。

2 カラムのテンプレートの場合だったら左に本文、右にサイドバーを基本としてます。
先ほども言ったようにそれが正しいかどうかなんて関係ありません。わたしの感性、わたしの目の動き( 自然な動き )のみでそうしてます。

日本語でも、英語でも WEB 上だと左から右に文章が書かれますよね。
当然目の動きも左から右に移動するわけですが、その時何の脈略もなくいきなり画像が表示されるより、何らかの文章の後、補足説明的な意味合いで画像が右にレイアウトされると分かりやすいかな･･･というフィーリング的な理由で右にレイアウトするようになりました。

また、去年から英字新聞を読んでるわたしですが、写真は右に( 補足的に )レイアウトされてます。わたしにとっては自然に受け入れられるレイアウトです。

まぁそんな理由からわたしのサイトでは右側に画像をレイアウトしてます。
他の人にとってそれが読みやすいかどうかは分かりません。 ただ、一応分からないなりに考えた上でのレイアウトにしてるつもりです。

以上です。
ケースバイケースだと思うし、それにわたしの自己満足なので軽く流して頂けたらと思います。

• Related Entries
• 09/04/15CSS 内で PHP を使う
• 09/01/18ナイスアイデアな背景画像の見せ方
• 08/11/30IE でも CSS Sprite を使ってみる
• 08/10/02CSS でクールなボタンを表示してみる
• 08/02/23CSS ファイルの圧縮転送
• 08/02/18MTSetVar / MTGetVar を使ってデザインする
• 08/02/09参考になりそうな CSS リファレンス（Resetting Again）
• 07/12/16CSS で外部リンクのみアイコン表示
• 07/06/30Windows XP と Mac OS X のフォント一覧
• 07/06/17CSSでバーグラフ表示

• Edit
• Permalink
• 6 Comments
• No TrackBacks