文字・テーブル(HTMLでデータを表示)・グラフ(画像)などを多く使ったWEBページを作ろうとしています。

情報量が多くなることが予想され、ちゃんと読んでもらえない可能性が高いと思っています。

そこで、少しでもうまくレイアウトしたいと考えているのですが、参考になるサイトがあれば教えて頂きたいのです。
特に「段落の区切り方」・「文字と画像の位置関係」・「1ページの情報量」などが
重要なんじゃないかと考えています。

「長文だしデータもてんこ盛りだったんだけど、何となく読み易かった」的なWEBサイトをご存知の方は是非教えてください。

回答の条件
  • URL必須
  • 1人5回まで
  • 登録:2007/10/16 09:18:54
  • 終了:2007/10/23 09:20:04

回答(2件)

id:dasainer No.1

dasainer回答回数52ベストアンサー獲得回数22007/10/16 15:29:25

ポイント35pt

質問にドンピシャじゃないですが、グラフの描き方などの工夫でも

メリハリはでてくると思いますよ。

http://www.ideaxidea.com/archives/2007/10/post_242.html

http://graph.heartrails.com/

上記で工夫すると、きれいにいくんじゃないでしょうか。

他にもよければ↓などあります

http://feed.designlinkdatabase.net/feed/search_200001_1_1_1_0_0_...

id:southgate_01

ありがとうございます。

エクセルでやるよりもこちらの方が視覚的に優れていますね。

2007/10/16 20:01:46
id:kou32rr No.2

kou32rr回答回数197ベストアンサー獲得回数82007/10/16 21:51:17

ポイント35pt

http://markets.nikkei.co.jp/kokunai/index.cfm

参考になるURLかはちょっと自信はもてませんが、

レイアウトする上で一番重要なのは、

画像や文章を要素として分類し、要素ごとにまとめ、

デザインを変えていくことです。

簡単なレイアウトとしては、

テキスト 画像

画像 テキスト

テキスト 画像

といった感じで、要素によっては枠線でくくるといった感じです。

同系統のものは同じデザインで、系統ごとに分ける。

また、1ページにあまり多くのデザインパターンを入れると散漫になり、

結局目立たないのであまり多くしない方がいいです。

また、色域もあまり広げない方がいいです。

それと、ajaxを使って要素を折りたたませて見せる方法もあります。

http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter20/001...

id:southgate_01

ありがとうございます。

>>テキスト 画像

>>画像 テキスト

>>テキスト 画像

こういうジグザグの配置はよく見るよなぁとは思っていました。

1段落に、ほどほどのテキストと1グラフみたいな感じで行こうかと思っています。

2007/10/16 23:20:52

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません