トランキのblog型ウェブページの設計の考察

ちょっとブログのテンプレを作り替えるに当たりいろいろ垂れ流しつつ考えてたことの垂れ流してたものをまとめておいた。
0
つちのこ @trankie00

今のウチのメインカラムの幅がおよそ400px。一方、ひろきさんとこも上田さんとこもよっちゃんさんのとこも禿の人のとこも、どこもおよそ500px。テキストベースのサイトで、どれくらいのカラム幅が適切なのか。

2011-01-24 10:24:24
つちのこ @trankie00

インプレス系列や北森さんとこのような無制限型のページ設計をすると、特にワイド液晶など横が広いモニタで見たときの視点移動が大きくなってしまい、却って読みづらくなると言う問題がある。そこでメインテキストのカラムは幅を絞る必要があるのだが、どの程度の幅が適切か。

2011-01-24 10:26:31
つちのこ @trankie00

ちなみに、ASCIIはおよそ500px、マイコミジャーナルはもう少し広くて550px程度、hermitage akihabaraは若干狭い方であり、ウチと同程度の400px。

2011-01-24 10:27:36
たけぽん@週末へら釣り🎣 @tkd1986

@trankie00 可変に出来ればベストですけどめんどうさそうww

2011-01-24 10:29:16
つちのこ @trankie00

それは、ユーザーが自由に変更できる、と言う形ですか。確かに面白そうですが、私にそんな技術はない上に、無頓着な人もいますからその場合でも初期設定の重要さに変わりはありませんよね~。 QT @tkd1986: @trankie00 可変に出来ればベストですけどめんどうさそうww

2011-01-24 10:34:39
Yu Yasuda @miu135

むしろ全体で何pxにするかっていうところから逆算するべきかと RT @trankie00: ちなみに、ASCIIはおよそ500px、マイコミジャーナルはもう少し広くて550px程度、hermitage akihabaraは若干狭い方であり、ウチと同程度の400px。

2011-01-24 10:30:40
つちのこ @trankie00

無論全体を考えなければならないのはその通りである。しかし、ここでは視線移動が大きくなりすぎず快適に読める幅はどの程度かと言うことを考えたい。 QT @miu135: むしろ全体で何pxにするかっていうところから逆算するべきかと RT @trankie00: ちなみに、ASCIIは

2011-01-24 10:33:21
つちのこ @trankie00

おっと、一ヶ所忘れていた。国内のメジャーなプレスと言うことで行くならば、4Gamerも外せない。4亀はおよそ550pxである。この辺になるとイメージはずれてくるが、参考までにZDNet Japanは550px程度、CNETは600px程度、ITmediaは630px前後。

2011-01-24 10:32:04
臼猫 in 松本 @usuneko

ここで本文領域が670pxくらいある俺が登場RT @trankie00: ちなみに、ASCIIはおよそ500px、マイコミジャーナルはもう少し広くて550px程度、hermitage akihabaraは若干狭い方であり、ウチと同程度の400px。

2011-01-24 10:34:23
つちのこ @trankie00

臼猫さんのサイト( http://usune.com/ )も良い一例だが、写真・グラフが多いサイトはカラム幅も広めという相関は若干あるように感じられる。 QT @usuneko: ここで本文領域が670pxくらいある俺が登場RT @trankie00

2011-01-24 10:36:35
nyaa @nyaawafu

@trankie00 ITMediaは圧倒的に見にくい一方4亀インプレスよつやんは見やすいと思ううちの環境@WUXGA。上田さんとこは狭く感じたり。くーみたいにアクセスするウィンドウの統計取ってみたら?

2011-01-24 10:35:48
つちのこ @trankie00

くーたんはそんなことしてるのになぜあんな無茶苦茶な設計なのでしょう() QT @nyaawafu: @trankie00 ITMediaは見にくい一方4亀インプレスよつやんは見やすいと思うWUXGA。上田さんとこは狭い。くーみたいにアクセスするウィンドウの統計取ってみたら?

2011-01-24 10:40:20
nyaa @nyaawafu

くーは不条理と初期不良の権化やからしゃあないw RT @trankie00: くーたんはそんなことしてるのになぜあんな無茶苦茶な設計なのでしょう() QT @nyaawafu: @trankie00 ITMediaは見にくい一方4亀インプレスよつやんは見やすいと思うWUXGA。

2011-01-24 10:43:00
たけぽん@週末へら釣り🎣 @tkd1986

@trankie00 あとは画面の解像度にもよるんじゃないですかね… ノートで見たときはちょうど良かったけど、家の24インチモニターフルHDで見たときはがばがばだったりww

2011-01-24 10:36:06
つちのこ @trankie00

それは環境によって自動調節してしまうタイプのページですね。例えば、北森瓦版さん( http://northwood.blog60.fc2.com/ )であったりとか QT @tkd1986: @trankie00 あとは画面の解像度にもよる… ノートとフルHDで見え方が違う

2011-01-24 10:38:40
つちのこ @trankie00

おっと、若干目測がずれたかなw QT @skyline798: @trankie00 うちは580pxですぉw

2011-01-24 10:39:13
つちのこ @trankie00

ごめんなさいRTだけでも意味が通じるようにさっきから若干改変してます

2011-01-24 10:40:41
よっちゃむ @skyline798

@trankie00 でも、両脇15pxのスペースを空けてるので、実質550くらいかなー

2011-01-24 10:41:02
つちのこ @trankie00

あ、やっぱりその程度ですよね QT @skyline798: @trankie00 でも、両脇15pxのスペースを空けてるので、実質550くらいかなー

2011-01-24 10:41:48
よっちゃむ @skyline798

@trankie00 ページ全体としては、XGAで最大化してちょうど収まる位を目安にしてますぉw あんまりデカすぎると品が悪くなる気がするのでw

2011-01-24 10:44:45
つちのこ @trankie00

そしてメインカラムの幅は画面サイズをどの程度に照準を合わせて考えるか、ということに影響してくる QT @skyline798: @trankie00 ページ全体としては、XGAで最大化してちょうど収まる位を目安にしてますぉw あんまりデカすぎると品が悪くなる気がするのでw

2011-01-24 10:49:16
よっちゃむ @skyline798

@trankie00 決めちゃうまで結構悩んじゃうんですよネー

2011-01-24 10:51:28
@i10ug

@trankie00 僕2~3日に一回は見てるよ!w

2011-01-24 10:51:47
つちのこ @trankie00

ありがとうございますw RT @i10ug: @trankie00 僕2~3日に一回は見てるよ!w

2011-01-24 10:54:53
1 ・・ 5 次へ