web-dev-qa-db-ja.com

980ピクセルの画面幅ルールはまだ有効ですか?

私はグラフィックデザイナーと一緒に働いて、全幅のスライダー画像を作成するように頼まれました、彼女は画面の幅について私に尋ねました、私はそれが変化することを知らないと言いました、彼女は私がグーグルを設計するときに使用する数を望んでおり、ほとんどのウェブサイトは言うその980は標準幅です。

これは私にとって何も新しいことではありません。10年以上前にWebサイトの作成を開始したとき、標準は980pxであると教えていました。

私は彼女に、私たちは彼女のデザインをテストするとピクセル化され、980pxの実際のサイズは画面のわずか3/4になると言います。

980pxの幅のルールはまだ問題ですか?そうでない場合は、PC用に設計するときに設計者に使用するように依頼する必要がある実際の幅は何ですか。

モバイル用の別のものはありますか?私たちはすべてを応答可能にすることができることを知っていますが、数が必要な場合に備えて。たとえば、テキストが表示されたスライダーが適切にサイズ変更されない場合があります。

2
Lynob

UXの答えは、顧客に最高のエクスペリエンスを提供することです。

全幅がソリューションである場合、複数のブレークポイントのデザインを作成および実装する必要があります。

あなたの質問に直接答えること。番号。

980pxは、デスクトップユーザーの概算として役立ちます。 1024以上のデザインで動作します。例:余白のあるデザイン。

4
Mayo

私見、980はデスクトップやタブレットで全幅を使うための良い経験則ではないと思います。特に「網膜」ディスプレイのためです。すべてを統治するために1つの解像度を選択する必要がある場合、おそらく1440または1920に行くでしょうが、それでも暗闇の中で撮影し、接続が不十分なユーザーに悪影響を及ぼします。

これの一部は、スライダーの画像が何であるか(SVGで解決できますか)、imgタグとして実装されているか、CSSで実装されているか、スライダー内のテキストが実際に画像内にある(アクセスできない)かどうかに依存します。 、低下がどの程度明白であるか、そしてユーザーが高速接続を使用することに彼女がどれほど自信を持つことができるか。

理想的には、彼女はGoogleアナリティクスデータ(存在する場合)を要求することができますが、ここにいくつかあります世界中のデスクトップ画面解像度の統計現在使用中です。ご覧のとおり、1366/1440/1920は、使用量のほぼ50%を占めています。あなたはそのサイトでもいくつかのモバイル統計を見つけることができます。

これは、レスポンシブな画像(dev-heavy link)とCSSの背景(可能な場合)の熟したケースになると私は思います。それには、彼女がアクセスできるかどうかにかかわらず、開発者とのより緊密なコラボレーションが必要になります。

2
user5494847

実際のデバイスは多様化しているため、1つのサイズですべてのデバイスを適切に機能させることはできません。

  • 予想される最も広いモニター用に設計します(おそらく4096前後)。
  • 小さなモニター用に異なるサイズのバリアントを作成します。再スケーリングまたはトリミングまたはその他の手段による可能性があります。
  • JavaScriptを使用してモニター/ウィンドウのサイズを検出し、適切なサイズの画像を選択します。
2
習約塔

標準サイズのピクセル幅を使用しようとすることは、長年にわたって負けた戦いであり、Web開発者やデザイナーがそれを目標として持つべきではありません。あなたは知らない、そして誰かのディスプレイサイズのサイズを知ることはできません確実に決定できません。だからそれをしないでください。

この質問について私が今まで読んだ中での最良の応答は、可能な限り小さいディスプレイ幅(モバイルデバイスでは320pxですが、280pxから始めることができます)から始めて、それが$#%&のようになるまで広げます。それがブレークポイントです。

1
Rob