Home > XHTML CSS > ブログのレイアウト あなたの好みは?

ブログのレイアウト あなたの好みは?

  • Posted by: wu
  • March 28, 2007 8:35 AM
  • XHTML CSS

WEBサイトを製作する際には、サイトの情報量からレイアウトをまず先に考えることは多いと思いますが、大きなくくりとして2カラムか3カラムか、また、固定幅か可変幅かを決めなければなりません。企業系サイトでは不思議と2カラム固定幅が多い気がするのですが、固定ならば何ピクセルの固定にするか考えることになります。800px以下か、それ以上か。あー大変。

このまえ作ったテンプレートスキンでも、レイアウトに関する要望にできるだけ答えるべく、固定・可変の変更や実用的なカラムパターンを一通り組めるように作ったのですが、どれが一番人気なんでしょうね。わかりませんですはい!

一度MixiのCSSコミュにでもアンケートを放り投げようかと考えていたのですが、caramel*vanillaさんとこでレイアウトに関するアンケートが出てきたので、あーそれじゃあ出来るだけ多くの人に答えてもらいたいなと3ping.orgからも紹介したいとおもいます。みなさんアンケートにご協力ください。

ちなみに僕は2カラム可変に投票しました。可変って新聞みたいに好きな大きさに調整して読めるから好きなんだけど、固定幅に負けてるのね。なんでじゃい。max/min-widthプロパティあたりが当たり前に有効になれば、最大/小幅ありの可変が最強だと確信してますはい。

これとは別に固定幅の数値の好みも知りたいですね。だれかMixiの有料会員様があっちの世界で同じようなアンケートをとってくれることをお祈りします。

Comments:4

Comment Form
eku 2007年3月29日 11:13

初めまして。
僕は2カラム固定でメインコンテンツが400~600pxくらいが好きです。
結構状況によってウィンドウの大きさを変更することが多いので
可変だと見づらくなる時がたまにあって
固定しちゃってくれたほうが見やすいかなって思います。
ただ
>最大/小幅ありの可変が最強だと確信してますはい
というのは同意です。

ryo 2007年3月31日 01:22

初めて書き込ませていただきます。
僕はプロではないですが、このサイトを見てCSSを勉強しました。

いろいろな身内HPを作って思ったのは、
回覧者からすると、可変でウィンドウめいっぱい使った方が見やすいと思います。
余白がとりやすく、文字でごちゃごちゃしないからです。
ただ、製作者からすると固定幅の方がやりやすいと感じました。
画像を作るにしても、レイアウトするにしても、ピクセル単位で考えられるからです。

いずれにせよ、min-width指定は必ずしていますね。

wu 2007年3月31日 02:01

こんばんは! 書き込みありがとうございます。
サイトの内容によって閲覧者に適したレイアウトも変わってきますね。
可変には読みやすいレイアウトをユーザーが選択できるという利点があるので、はやり固定より一歩進んでいるレイアウトだと思います。
でもなかにはブラウザウインドウを常に全画面で見る人もいるので、そういったサイズを変更しない人にとっては視点移動が大きくなって読みづらいんでしょうね。僕はそう思ったらウインドウサイズ変えてー!って思っちゃいますが。 min-widthが効けばばっちりですね。


製作者からすると固定のほうが作りやすいというのは確かにそうですね。これはCSSの力不足なところが大きいですが、見られる環境が決まっているというのは作りながらも安心感があります。
固定px幅で製作するときも大きさに気をつければ問題ありませんが、海外では1000px越えるようなレイアウトも良く見ますし、どのあたりがボーダーラインなのかとても気になりますねぇ。
600pxならたいていの環境で問題なさそうですが、どうしてもこじんまりしたレイアウトになってしまうし、3カラムにはきつ過ぎるし。
自分のように色々なアプリをデスクトップにおいてるものとしては1000pxではサイドバーが隠れることがおおいし。
800pxあたりがいいのかなぁー。

thin 2007年5月 3日 01:29

はじめまして。vicunaのユーザーです。うーん、僕は3カラムの可変かなぁ。
企業サイトなんかを作る時は絶対固定じゃないと嫌ですけど、ブログなら可変でもそんなに問題ない気がします。今は多くの人がそこそこ大きなモニタ使ってますから、固定の場合は800pxに決めてます。でも、20インチモニタ使ってる一般人もたくさんいることを考えると800px固定じゃもったいないよなーっていう貧乏性から来る感覚で可変押しですね。
ブログじゃなくてもポータルっぽい作りのサイトなら可変でもいいかな。キーポイントは画像とテキストのバランスじゃないかと思います。画像が多ければその画像の中での優先順位を決めなければならず、一番大きい画像は横幅何ピクセルにしよう、というところから結局固定に落ち着きます。ポータルサイトやブログのように文字が多ければ可変にしたいなぁとは思いますが、実際は手間と時間の制約でできなかったり。CSSも手くせで使い慣れた指定ばかり使ってしまうので、これじゃいかんなぁと思いつつ流されてます。うーん、ダメだなぁ。

Trackbacks:0

TrackBack URL for this entry
http://3ping.org/mt/mt-tb.cgi/85
Listed below are links to weblogs that reference
ブログのレイアウト あなたの好みは? from 3ping.org

Home > XHTML CSS > ブログのレイアウト あなたの好みは?

Book

実践 Web Standards Design

拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top