2011-07-26 7 views
20

最も一般的に使用されるピクセルサイズ(主に幅)は何ですか?長所と短所は何ですか?ウェブページの一般的なピクセルサイズと長所と短所

多種多様なモニターサイズのユーザーに良い体験を提供するにはどうすればよいでしょうか?

大きさだけではなく説明付きの回答が大変ありがとうございます。

+17

なぜdownvotesですか?なぜ近くの票?これは**有効な質問です**、そこにはこのトピックに関する多くの研究があります。 –

+2

1920x1080それはHDでです:P – marto

+5

これは完全に有効な質問だと思います。 –

答えて

20

ほとんどのグリッドは幅960ピクセルを使用します。 (デザインが固定幅の場合)。 グローバル統計を見ると1024の解像度が最も一般的です。http://gs.statcounter.com/#resolution-ww-monthly-201006-201106

1000の幅を使用しないでください。 (あなたはブラウザとスクロールバーの境界線の幅に数えなければならないが、特定のブラウザ/ OSではそれ以上のものが多い)

私は究極の解決策はないと思う該当するWebページ(ページがすでに存在する場合)を使用して、どの解像度が最も適切かを決定します。 MAX-と最小幅はCSSの属性ので、あなたがどんな解像度をターゲットにすることができhttp://www.alistapart.com/articles/responsive-web-design/

:あなたがこれを行うことができない場合は、http://gs.statcounter.com/

それとも、より良い応答ウェブデザインを使用するには、市場をターゲットとするために、あなたは、統計情報を確認することができますあなたがそれのための時間/予算を持っていれば、ほしいと思う。

+0

+++++++++++レスポンシブルウェブデザイン。それは最初の検討事項(可能な場合)でなければなりません。 – Nic

2

一般に、固定幅のウェブサイトの場合、現在コンピュータ画面で読むことを意図していますが、今日は約1000pxとなりました(これ以上800 * 600の解像度がなく、 1024 * 768)です。

実際には、拡張可能な設計を目指すべきです(一般的にはやりにくい)。

+1

私がしばらくしていた大手コンテンツプロバイダの調査によると、好ましい幅は〜1000pxでした。高さは通常、折り畳みの下に広がっています。 –

4

960は固定幅のウェブサイトの標準です。それは1024x768の解像度が容易にそれを拾うことを保証することです。高さに関しては、それは本当に重要ではありません。

1

経験の浅いウェブでは、幅が850より大きく、1000pxより小さく、好ましくは900sで、高さは約750pxですが、高さは動的コンテンツ。高さは100%またはautoに設定できます。 CSSプロパティを経由して と中央にウェブサイトを揃えるのがベスト、margin: 0 auto;

1

最も一般的なサイズは、ほとんどの人が最大のグループのために設計、実装する傾向があり、画面サイズuseageのためのいくつかの良いソースがある900から1000の間のピクセルです。 800 x 600の画面を持つ人は、そのほとんどが多くのビジネスをしたいと考えていません。すなわち、現金で結ばれている(大きな一般化)

1

私はデスクトップモニタの解像度のみを考慮しません。最近ほとんどのデバイスでウェブサイトを閲覧することができ、携帯電話やタブレットPCでも閲覧できるようになっているので、両方を考慮する必要があります。

これは、さまざまなデバイスの異なるサイトバージョン、または異なるサイズに基づいてableto収容されているサイトレイアウトになります。これは、すべてのウェブサイトがこのタイプのレイアウトを持つのに適しているわけではないので、あなたがやろうとしているウェブサイトについて最初に考えるときに考慮する必要があります。

カスタムレイアウト(非標準)の新しいデバイスが出てきたとしても、適応可能なレイアウトには利点があります。新しいデバイスで確認することを心配する必要はありません。レイアウトが正しく行われた場合)。

とにかく私の標準的な最小幅はまだデスクトップモニタの場合960pxです。適応可能なレイアウトの場合、私は通常、本当に巨大なモニタのために最大幅を選択します(2500x1600モニタでモニタ幅全体に広がるサイトを見ることを考えます)。 .. gosh)は約1200ピクセル、ブラウザのサイズがそれよりも小さい場合は100%の幅で、ウェブサイトをどこにでもフィットさせることができます。

5

960pxの幅は、既に精緻化されているように、良い標準です。

ただし、ウェブサイトは最近のデスクトップだけでなく、さまざまなサイトで表示されることに注意してください。の場合はのようになります。たとえば、960ピクセルはモバイルスタイルシートの幅が狭くなります。

あなたに役立つリソースの1つがwww.resizemybrowser.comです。 (Firebugに組み込まれている同様のツールがあります)

今日の終わりには、私は960pxが良い標準だと思っていますが、実際は「それは依存しています」。 :)