最近、ウェブサイトが設計されている「最も一般的な」幅と高さは何ですか？
私はグループプロジェクトに取り組んでおり、同僚にオンラインアプリケーションのビジョンに関する図面を提出してもらいます。このアプリケーションはPCで表示されます。業界標準はないのではないかと思いますが、固定幅レイアウトのサイトには一般的なアプローチが必要であると確信しています。業界で最も一般的な割合の感覚を知る必要があります。
このプロトタイプをシンプルに保つため、ブラウザや画面の幅などを検出しません。したがって、簡単な答えが得られることを期待して、簡単な方法でこれを尋ねると思いました。
ウェブページが最近設計されている「最も一般的な」幅と高さは何ですか？特定のプロポーション感覚を選んだ理由を同僚に伝えるときにソースを見つけることができれば非常に役立ちます彼らが図面の基礎を作るために。
この質問の仕方に注意してください：
- 私は最も一般的な画面解像度を求めていません。
- 最も一般的なブラウザを求めているわけではありません。
ほとんどのウェブサイトが固定サイズのレイアウトに関して選択している寸法を知りたいです。人々は通常スクロールするので、高さは〜 '標準'の一部ではないかもしれません。その場合、最も一般的な幅に収まります。
あなたが言ったように、標準の高さは非常に流動的であるため、デザインを視覚化するのに役立つものなら何でも使用してください。
幅が960ピクセルの場合、固定幅デザインの現在の「標準」と思われます。 Webサイトはその幅のレイアウトを探索することに専念しています であることが十分に一般的です。
（流動的なデザインの使用についてだれも暴言したくないと思いますか？）
実際に設定すべき標準の幅はありません。 1024x768モニターを使用する人の数は過去数年で大幅に減少しているため、960の幅はそれほど重要ではありません。非常に多くの新しいデバイス（スマートフォン、タブレット、ラップトップおよびデスクトップ）の登場に伴い、各ケースに対して多数のスタイルシートを作成する必要があります。
CSSメディアクエリを使用すると、ユーザーの画面解像度に基づいてスタイルを変更できます。私は、すべての視覚的なスタイルを処理する一般的なスタイルシートを使用してサイトを作成し、モバイル、タブレット、標準のデスクトップ/ラップトップ、およびページを構成する余分なワイドスクリーン用に別のものを作成する傾向があります。
いくつかの例については、W3.orgのこのページをご覧ください- http://www.w3.org/TR/css3-mediaqueries/
それはより多くの作業ですが、ユーザーがサイトを閲覧するために何を使用しても、ユーザーが可能な限り最高のエクスペリエンスを得ることができます。
@ジョンコンデが言ったこと。それに加えて、ターゲットオーディエンスが誰であるかを考慮する必要があります。たとえば、私のウェブサイトがテクノロジーブログまたはガジェットブログである場合、ターゲットオーディエンスは通常のオーディエンスよりもテクノロジーに精通している可能性が高いため、1200ピクセル以上のレイアウトで撮影できます。または、ウェブマスターのためにサイト/ブログ/フォーラムに焦点を合わせていた場合、私はもう少し広く行きます。
一日の終わりに、あなたの大衆の人口統計を把握し、最終的に彼らのために何が機能するかを追ってください。
留意すべき2つの非常に重要なこと...
1）デザインが900+ pxで機能する場合、人口統計で余裕があるとしても、1200 + pxに拡張する理由はありません。
2）目標の解像度を持たない可能性のあるユーザーに対応できる適切な構造があることを確認します。