Webページの最適な絶対幅はどれくらいですか? [閉まっている]
質問
流動的なレイアウトはオプションではないと仮定すると(それはすべて異なる議論であるため)、サイトレイアウトの推奨幅はどれくらいですか?さまざまなサイズの長所と短所は何ですか?
解決
1024x768
で表示可能で、2、3、4、5、6、8、10、12できれいに分割できるので、常に 960px
を保持しています。 、15、16、20、24、30、32、40、48、60、64、80、96、120、160、192、240、320、および480 ...サイトのデザインを分割できます( 3分の1のルールを使用して)きれいに。
数年後に編集: CSSメディアクエリを使用して、コンテンツを無数のデバイスに対応させることを検討してください。流動的なレイアウトを使用できない場合になります。 2012年にすべてを支配するために1ピクセル幅を要求できるかどうかはわかりません。
他のヒント
http://browsersize.com で、ユーザーが現在使用している画面解像度に関する簡単な統計情報をご覧ください。 http://setmy.browsersize.com を使用すると、ブラウザのサイズをすばやく変更して、Webサイトの表示をエミュレートできます。特定の画面解像度。レイアウトが少なくとも最も広く使用されている画面解像度(1024 x 768)を満たしていることを確認してください。
また、必ずしも最大の水平スペースを占めることを目的としないでください。テキストの幅(1行あたりの単語数)は、使いやすさのしきい値を超えないことが理想的です。
非常に一般的な1024× 768画面 解像度、ほとんどの固定レイアウトWebサイト 使用可能なすべてのスペースを使用しないでください コンテンツの左右。 柔軟なレイアウトにより、 水平方向のスペース、しかしへの闘争 使用可能な行の長さを維持します。 ユーザビリティの専門家は私たちに言った あなたにはたくさんの言葉があります 行に配置する必要があります。 8〜12 言葉は理想的なラインのようです 長さ。印刷媒体、特に 新聞、使用することをheしないでください より短い行。どうして?できるから 複数のテキストをレイアウトすることにより 列。
最小画面よりも広い固定幅を使用してサイトにアクセスする場合(可能性が高い)、横にスクロールしてコンテンツの残りの部分にアクセスする必要があるユーザーをいらいらさせます。
また、950〜980pxのレイアウトを使用し、クライアントが別の方法で要求しない限り、常に中央に配置します:)
-
統計でよく引用されるモニタ解像度は、必ずしもブラウザウィンドウの幅と同じではないことに注意してください。ユーザーには追加のサイドバー/ツールバーがあり、最大化されていないブラウザーウィンドウを使用する場合があります。画面が大きいほど、1ページだけですべてを使用する可能性は低くなります。
-
非常に長いテキスト行は読みにくくなります。最適値は25〜30emです(多くの要因に依存しますが、単純に最大値にすべきではありません)。
-
モバイルブラウザには「仮想」がありますズームに使用する画面解像度で、Opera Mini / MobileおよびMobile Safariでは最大960ピクセルです。
ここでモーションを分割することに投票します。画面サイズがXであるからといって、Xまたはそれに近いものがWebサイトに最適なデザインであるとは限りません。
ウェブサイトの目的は、選択した幅に大きく関係します。
多くのマーケティングの専門家は、より狭い列が「変換」すると考えています。販売への訪問数が増加します。これはおそらく、ページが狭い場合に人々の注意を向けることが簡単だからです。
一方、画像専用のサイトは、訪問するブラウザごとに利用可能な最高の解像度で表示する必要があります。
かつては 800px
でした。ただし、 1000px
を使用するサイトが増えています。これは、多くの場合、訪問者のローエンド解像度が 1024x768
であるという事実に基づいています。 24ピクセルを追加すると、ブラウザーのクロム、パディング、および操作したい余白などのためのスペースが残ります。
ちょっとした見方をすると、小さな画面のネットブックの新しい波でさえ、 1024x768
の解像度を持っています。
しかし、何よりも、@ warrenが提案するように聴衆を知っており、それを利用しています。
複数のレイアウトを開発し、訪問者のwindow.innerWidthに応じてJavaScriptを使用してそれらを切り替えることができます
とは言っても、私は通常950〜980ピクセルを使用します。
最適なパフォーマンスとクロスモニターの互換性のためのウェブサイトの最大幅は、デスクトップとラップトップに関連する場合、960pxです。
方法と理由の詳細については、次の記事を参照してください。
これらの統計によると、ほとんどのユーザーは最小1024ピクセルの幅でカバーできます。