広く見えるホームページを作るには

質問

タイトルの通りです。
私は情報サイトを運営しているのですがメインコンテンツが狭く見えてしまい締め付けられている感じがして困っています。
文章量が多い、3段カラムであるなど理由を色々考えていたのですが他サイトを見ていて違うように感じ、自分でもその理由が分からなくなったので質問させていただきました。
具体的に言うとgooのカテゴリ一覧ページ(http://oshiete.goo.ne.jp/category/list/)
などがあげられるかと思います。
それで、した方がいいこと、またこれだけはしないほうがいいことなど具体的なポイントを教えてください。

回答No.3

qandasok

No.2です。件のサイトを拝見しました。
で、どこが問題なのか？ ですが、

(1) エントリーの枠と本文との間の余白がない。
⇒上下左右に余白をもう少し取るべき。

(2)タイトル画像・ナビゲーション・上部バナーの位置を並列させているのが窮屈にみえる。
⇒例えば、タイトル画像と上部バナーだけ並列し、ナビゲーションをその下に置くといいかもしれません。
参考としては、朝日新聞のサイトのような感じで。
http://www.asahi.com/

(3)メニューと本文の文字サイズが同じ。
⇒メニューは本文よりもやや小さめの文字に。
本文の文字はもう少し大きく。

(4)右サイドバー内の広告画像が左に寄っている。
⇒センターに配置しましょう。

(5)本文の文字が濃すぎて目に優しくない。
⇒boldじゃなくnormalで。あと、#000よりも少し薄めに。

あとご質問の件とはあまり関係ないんですが、
FireFoxでそのサイトを閲覧すると、レイアウトが崩れますよ。
修正しましょう。

お礼

とても参考になります。
字体一つとってもここまで見た目が良くなるのですね。
ありがとうございました。

補足

訂正しましたのでご確認お願いさいます。
・本文<p></p>で使用するフォントをArialからメイリオ、100%、行高を1.3に指定してみました。
・ナビゲーションバーを作成しロゴ、トップリンク、広告が並列しないように訂正しました。
本文文字なのですがメイリオにしてみたのですが正直これでいいのか不安ですのでアドバイスお願いします。

回答No.2

qandasok

問題のサイトが分からないので、考えられる対策を箇条書きにしてみました。

・記事本文のフォントをmedium程度の大きさにする。
・記事本文以外のフォントを記事本文よりも小さくする。
・line-heightを少し高く調整する。
・パラグラフ間の空白を大きめに取る。
・文字の基礎色を#000よりも薄くする。黒系以外の色は論外。
・文字を強調する際にも、あまりに濃すぎる色は使用しない。
・記事本文エリアの背景色を白か、それに近い色にする。
・記事枠と本文間の空白を大きく取る。
・サイト全体の色合いを明るくする。
・バナー広告等も含め、サイト全体の色合いを統一する。
・サイトの横幅を相手の画面サイズに合わせて伸縮させる。

回答No.1

COOL_K2

当方、ＷＥＢデザインとかもやるＳＥ（ＷＥＢ系）です。
んで、問題（だと感じている）のサイトをみてないんで、
なんとも言えないけれど、
圧迫感ってやつは、デザインやレイアウトだけの問題じゃないと思ってる。
つまり、「情報量」と「情報整理」。

前者は、とりあえず情報量が多くて、閲覧者がお腹いっぱいになってしまう事。しかも自分が見たくない情報、もしくは分からない情報がたくさん載っていると圧迫感を受ける。

後者は、前者と通じるところがあるけど、情報量を多くせざろう得ない場合には、情報整理に相当気を使わないと、まず見てもらえない。例えば部屋に、本が無造作に散らばってる場合と、同じ冊数の本が綺麗に整理されてる場合、整理されている部屋の方が断然冊数は少なく見える。しかもどんな本があるのか分かりやすい。これと一緒。

質問文をみてると、文章量が多いらしいので、
アナタのお持ちの情報がＷＥＢ閲覧に最適化されているか
確認することをお勧めする。
ここら辺が問題ないようなら、
後は色やレイアウトやフォントの使い方の問題かな。

補足

ありがとうございます。
もう1度見直してみたのですが、色彩やフォントの使い方に問題があるように感じました。

色彩ですが、サイト内でGoogle Adsensの画像タイプの広告を掲載しており、その画像の色が問題のようです。
広告の画像が黒や茶色といったものでそれが原因だと思ったのですがこちらから指定できないためどうしようもない状態です。
いっそのこと外した方がいいでしょうか？

またフォントの種類ですが3段カラムのため、メインコンテンツ部分が狭いので、横に並べることのできる文字数も少なくなり、文字の大きさを小さくしてしまっています。大きくすれば1行で並べられる文字数が少なくなって読みづらくなってしまうと思うのですが、それでも文字の大きさはは大きい方がいいのでしょうか？