web-dev-qa-db-ja.com

中央の列は3列のレイアウトでどの幅にすべきですか?

モニターは時間の経過とともに広くなり、その結果、Webページの中心列が拡大し続けています。

中央の列幅の現在の推奨事項は何ですか?

デザインガイドラインを公開している組織はありますか、それともWebデザイナーはトレンドに従っているだけですか?もしそうなら、誰がトレンドリーダーですか?

幅を決定するとき、他にどのような情報を使用しますか? (IISログ、エンドユーザーの「タイプ」、業界など)。

3

特に中央の列には「推奨事項」はありませんが、これは奇妙です。

現在、多くのサイトでは、サイトの幅全体で最大1000ピクセルが使用されています(1024x768の解像度の画面の場合)。とにかくIMOはそれほど便利ではありません。テキストの行はすぐに読みにくくなってしまう可能性があるためです(流動的なレイアウトを使用するWikipediaなど)。

CSSグリッドフレームワークの大部分は960ピクセルを使用しますが、サイドバー/中央に使用する列の数はユーザー次第です。

Google Analyticsを時々チェックして、訪問者が使用している解像度を確認しています。 800x600は、上位10の解像度でも機能しません。 320x396(明らかにモバイルブラウザ)を除き、最低解像度は1024x768(18%)です。

3
DisgruntledGoat

この質問 で説明したように、重要なのはモニターのサイズではありません。ブラウザのサイズ/解像度です。誰かが非常に広いモニターを持っているかもしれませんが、ブラウザをその幅の半分まで開いたままにしてください。

最善の策は、ブラウザのサイズに応じて中央の列を拡大および縮小するように設計することです。 min/max-width CSSプロパティを使用すると、探している制約が与えられます。

2
John Conde

人々は、あなたのコンテンツを完璧に読むことができる場合にのみあなたのコンテンツを読むでしょう。値を大きくしすぎないでください。長い行は役に立たない、IHMO。

1
Jan

中央の列は(最大)画面幅の(およそ)半分にすることをお勧めします。サイドバーが1つある場合は、もう少し幅を広げることができます。もちろん、サイドバーに何があるかにもよりますが、2つのサイドバーがあります。

ただし、固定値ではなく比例値を維持してください。

他の多くの人と同じように、私は一度にもっと読むことができるように、ニースの高解像度スクリーンのためにお金を費やした(自宅で)か、上司に頼んだ(職場で)。固定幅レイアウトは、高解像度(無駄な画面スペース)と低解像度(水平スクロールバー)の両方にペナルティを科します。

説明する ...

私のラップトップはネイティブ解像度1920x1200で動作します-ニース、クリア、十分なスペース、読書用のコンテンツを置くための十分なスペース。

しかし、960ピクセルの固定幅を使用してサイトを閲覧すると、2つの問題のいずれかがあります。

ブラウザを最大化して、画面の半分を完全に空白のままにするか、

または、2つのブラウザーを並べて配置すると、コンテンツがクリップされ、読みながら水平スクロールバーを操作する必要があります。

キッカーはこれです。これらの問題を引き起こすことはまったく不要です。幅が広すぎたり狭すぎたりしないように制約のある流動的な幅のレイアウトを作成することは完全に可能です(これを行うサイトはたくさんあります)。

0
Bevan