私は非常に情報量の多いWebアプリケーションを開発しています。つまり、画面で表示できるすべてのピクセルがUIを回避するのに大いに役立ちます。見た目が雑然としていて、関連データを表示できません。
「一般的な」画面解像度はどれですか？数年前は1024 × 768のようなものでした。しかし、最近はもっと高いものに違いありません。私は開発者として使用しているものに頼ることができず、おそらく平均的なJoeユーザーよりも大きな画面と解像度を持っています。
では、どこで見つけることができますかWebアプリの現在推奨されている解決策は？
コメント
- Webmastersサイトでこの質問を参照してください- webmasters.stackexchange.com/questions/2494/ …
- 使用しないでください’決定を導くための画面解像度。ブラウザウィンドウのサイズを知る必要があります。特にモニターがhuになると人々がブラウザを全画面表示にすることをできないと思います。大きすぎてほとんどのサイトを読むことができません。
- また、固定幅と流動的なレイアウトに関するこの質問もご覧ください。
- 画面の解像度の観点から考えると、静的なパラメータのように、時代錯誤に聞こえます。 @MonicaCellioは正しいポイントを得ました。アプリケーションへの不動産の割り当ては動的であり、ユーザーの手に委ねられています。
- 注：レスポンシブデザインが増加しているため、多くの人々は、何が何であるかを考慮することも重要であることに気づきました。 列の最大幅が適切であり、テキストの読みやすさは、フォントサイズに固有のコンテンツの幅に近づけることで確保できることがよくあります。つまり、テキストの幅がしっかりしている場合は 35〜40em です。
回答
それは実際には世界のどこにいるかによって異なります。世界中で 1366×768 が依然として最も一般的ですが、 1920×1080 は、実際に使用率が上がっている唯一の解像度です（おそらく、これは最新のラップトップの標準的なワイドスクリーンのようです）。
ウェブサイト StatCounter.com は、これに関する知識をさらに深めるのに役立ちます。
ただし、は、特定の解像度が他の解像度よりも一般的であるという理由だけで、ユーザーのブラウザの幅が実際には考慮されていないことに注意してください。ウィンドウ。残念ながら、この統計の既知の測定値はほとんどありません（Googleアナリティクスはこれを提供するために使用されていましたが、サポートを終了しました）。
コメント
- また、この種のデータの世界平均は、ユーザーベースの平均と同じではない場合があります。実際のユーザーをサンプリングするまで、’ ‘が何を使用しているかわからない。したがって、最善の策は、複数の（そしてさまざまな）解像度で動作するようにレイアウトを設計することです。
- AndroidとiOSのスマートフォンとタブレット間の画面解像度の分布に関するデータについては、 Resolution ‘セクションの終わりに向かって opensignalmaps.com/reports/fragmentation.php 。ここで便利なことに、画面の解像度は、ラップトップやデスクトップよりもスマートフォンやタブレットのビューポート/ブラウザウィンドウのサイズに近い可能性があります。 Androidにとって不便なことに、プラットフォーム’の断片化は、画面解像度の幅広い分布にかなりはっきりと反映されています。これにより、モバイルデバイスの流動的なレイアウトが得られる可能性があります。
- 更新として、この回答が投稿されてから1366x768が1024x768を大幅に上回りました。
- @DangerZone良い点。残念ながら、StatCounterは’ ‘ current ‘へのリンクを提供していません。日付範囲（したがって、この回答は何年にもわたっていくつか編集されています！）。私は最新の統計で答えを修正しました。 ‘ 1年かそこらで同じことをしなければならないと思います！
回答
ウェブ対応デバイスはラップトップとデスクトップだけではなくなったことを忘れないでください。 iPadの解像度は1024x768、iPhone 4の解像度は960x640で、横向きモードで使用することを前提としています。
コメント
- Afaik the iPhone 4は、古い480 * 320の解像度であるかのようにページをレンダリングします。私の4つのページは’ 3GSの半分の大きさではありません。追加の解像度は、フォント/画像のレンダリングにのみ使用されます。これは、私が’取得しているものです。
- 絶対に有効なポイントです。多くのハンドヘルドデバイスでもこのサイズを表示できるため、960 pixselの画面幅は、デスクトップ画面のサイズが大きくなっても関連性があります。ウェブサイトが非常に広い（1600以上）と読めなくなるという事実は言うまでもありません。
回答
最小画面解像度の選択はすべて、除外するユーザーの数によって決まります。
If特定のユーザーの解像度データの履歴がない場合、1つのオプションは、ガイドラインとしてパブリックなグローバル使用統計を使用することです。そのようなグローバルデータのソースの1つを使用して、デスクトップ画面の幅の状態を一目で伝えるのに役立つ次のグラフを作成しました。
回答
「しかし、最近はもっと高いものに違いない」
ここにあるすべての回答は無視しているようですモバイルの世界全体。
確かに、デスクトップ画面はますます大きくなっています。しかし、誰もがモバイルデバイスも使用しています。現在、ウェブの多くは携帯電話やタブレットでアクセスされています。
アダプティブデザインは本当に進むべき道です。
コメント
- はい。これがポイントです。最近は携帯電話やタブレットからウェブサイトにアクセスする人が非常に多いため、流動的なウェブデザインは不可欠です。解決の傾向は、拡張ではなく断片化です。
回答
「何でも」に適応して設計しないのはなぜですか。利用できますか？
javascriptを使用すると、ブラウザのウィンドウサイズを確認し、スタイルシートを変更できます。たとえば、960ピクセルの列を持つ、グラフィックが豊富で大きな画像の背景がある場合は、背景画像1024-768を実行している場合は必要ないため、ロードする必要はありません。また、フォントサイズを変更して、画面上のスペースを最大限に活用することもできます。
回答
最も一般的な解像度2011年は1280x800です。インターネット上のユーザーの18.09％がこれを使用しています。
2011年の上位10の解像度は次のとおりです： http://www.superiorwebsys.com/blog/93/Most_Common_Screen_Resolutions_in_2011/
コメント
- +1ですが、1024x768がすぐ後ろにあり、2つの最高解像度のうち低い方になっているはずです。わずかに低い割合にもかかわらず、より高い考慮事項。
- 1024はしばらくの間存在します+新しいモバイルデバイス。したがって、伸縮性のある設計を行う予定がない場合は、この解像度でサイトを設計することをお勧めします。
回答
Webアプリを設計するときは、ベースとして全画面解像度を使用するように注意する必要があるというJonに同意します。彼はまた、768のワイドスクリーンバリアントが最近非常に一般的であると述べたときも正しいです。
最近、私自身の画面解像度ポリシーを下げるいくつかの非常に良い理由を経験しました。テレビやマルチメディアラップトップは現在、解像度としてHD規格を使用しています。つまり、複数のユーザーが解決策として 1280×720 を使用する可能性が高いということです。多くのユーザーにとって、高さとして768をターゲットにするのは少し難しいかもしれません。
回答
静的レイアウトを使用したデスク/ラップトップ画面で安全を確保したい場合は、最小限の使用を続けてください1024x768の。ただし、より適切なオプションは、流動的な（柔軟な）レイアウトを設計することです。
回答
Microsoftは最近 Windows 7ユーザー向けのこの領域のテレメトリデータ：
（少なくともアップグレードサイクルを継続しているユーザーの場合）、4：3ではなく16：9と16:10の画面を実行しているユーザーが大量にいることがわかります（複数のユーザーが1366倍で実行されています） 768）。
コメント
- 社内でもMicrosoftはモバイル環境を無視しているようです。;）
回答
はい、柔軟なレイアウトを検討してください。使用可能なすべてのピクセルを使用する場合は、全画面をカバーすることが最善の解決策です。 javascriptを使用する必要があります。ALAの Responsive Web Design を確認し、を確認する必要があります。例。この例を表示して、ブラウザのサイズを変更し、コンテンツがどのように反応するかを確認してください。これにより、デスクトップ、ラップトップ、携帯電話のタブレットなど、どの画面でもウェブサイトの見栄えが良くなります。
コメント
- 移動する場合は注意してください。利用可能なすべてのピクセルを使用する過程で、読者がテキストを読みにくくする可能性があります。
回答
私は1280X 1024をターゲットにしており、モバイルの制約が要因である場合は適応性のあるレイアウトになっています。
それ以外の場合、私は通常、分析を延期し、与えられたサイト。
回答
考慮すべき点がいくつかあります：
- このアプリは誰のためのものですか？内部向け（つまり、企業環境）の場合は、ITに相談して、従業員の画面がどの解像度に設定されているかを確認します。特に、アプリで最も作業する従業員を確認します。
- その場合」公開アプリの場合は、ユーザーの解像度についてどのようなデータがあるかを考えてください。再設計する場合は、現在のサイトの分析を確認して、ユーザーが実行している解像度を把握してください。ここでパターンに気付くかもしれませんが（つまり、パワーユーザーであるため、解像度が非常に高くなる傾向があります）、「あちこちにある」可能性があります。
- 自分のデータについて考えてみてください。提示します。 「グリッドが多い場合は、流動的なレイアウトが最適です。その後、ユーザーは画面を拡大して、必要なデータをより多く表示できます。
1024用に設計するのが安全なルートです。 Webですが、決定を下す前にユーザーについて詳しく調べようとしないと、怠惰になります。
回答
1024 * 768 は常識のままにしておく必要があります。それ以外の場合は、実際には視聴者によって異なります。たとえば、デザイナー向けのウェブサイトやアプリでは、1680 * 1050などのはるかに高い解像度に最適化する必要があります。
テストするか、目的のユーザーに質問する必要があります。ただし、1024 * 768は必須です！
理想的な世界では、解像度やデバイスごとに異なる（CSS）スタイルがあります。:)
コメント
- “たとえば、デザイナー向けのWebサイトやアプリを作成する場合は、次の操作を行う必要があります。 1680 * 1050のようなはるかに高い解像度に合わせて調整します。”ほとんどの’デザイナー’はiPhoneを持っています。
- @ DA01-したがって、デバイスごとに異なるCSS。
- それは役に立ちますが、私は主に’に最適化されたアドレスを使用していました。 ‘。理想的には、’すべてのデバイスを’最適化します。
回答
一般的なプロジェクターの解像度：
- XGA = 1024 x768ピクセル
- WXGA = 1280 x800ピクセル
- HD = 1920 x1080ピクセル
- 4K = 4096 x2160解像度
コメント
- これについて詳しく教えていただけますか？プロジェクターの解像度とはどういう意味ですか？
- 例：PT-EX600U LCDプロジェクターをお持ちの場合、それをコンピューターに接続すると、画面の解像度は1028 x768ピクセルに変わります。