Skip to main content

Webデザインと画面サイズまたは解像度

Google I/O Keynote (Google I/O '17) (マーチ 2024)

Google I/O Keynote (Google I/O '17) (マーチ 2024)
Anonim

Webページの解像度は大きな問題です。ウェブデザインを教える多くのサイトでは、それについて書かれており、誰が信じているかに応じて、最小公約数(640x480)、最も一般的な解像度(800x600)、または最先端(1280x1024または1024x768)のページを設計する必要があります。しかし、真実は、あなたがそれに来る顧客のためにあなたのサイトを設計する必要があります。

画面解像度に関する事実

  • 640x480は死んでいない
  • これまでのように640x480は一般的ではありませんが、この解像度はまだまだです。古いコンピュータ、画面の小さいラップトップ、ネットブック、大きなフォントが必要な人はすべてこの解像度を使用します。この解像度にページをデザインしない場合でも、この解像度でサイトをテストする必要があります。
  • 800x600は非常に一般的です
  • 多くのWebサイトのデザインガイドでは、800x600解像度のWebサイトを設計することを推奨しています。この解決策はウェブ全体でより一般的ですが、これはお客様にとっては当てはまりません。あなたのウェブサイトのデザインを変更する予定がある場合は、ブラウザの統計情報を分析するために数週間をとり、 きみの 顧客。
  • 1024x768はもっと一般的です
  • 多くのデザイナーがこれをネイティブにサポートするモニターを持っているため、画面が大きくなり、1024x768が他の一般的なサイズになります。しかし、この決議は、多くの人が読むことがかなり難しいかもしれません。 14インチのラップトップモニターは1024x768をサポートしているかもしれませんが、テキストは事実上読めません。そしてラップトップは非常に人気があります。
  • 1280x1024以上はあまり一般的ではありません
  • ほとんどの場合、デスクトップコンピュータやハイエンドラップトップでは、これらのより大きな解像度が表示されます。しかし、しばしば、これらのより大きなサイズでは、顧客はフルスクリーンをブラウズしていません。したがって、1000ピクセルより広いサイトを設計すると、ほとんどの画面で水平スクロールバーが発生します。

これらの解決策を心に留めておく

  • 誰もがブラウザを最大化するわけではない
  • 顧客が1024x768で閲覧すると判断した場合、水平スクロールが必要なページを構築している可能性があります。どうして?彼らはその解像度でブラウズしている間にブラウザウィンドウを最大化しないので、800x600はブラウザウィンドウによく合うかもしれません。
  • ブラウザのChrome(Google Chromeブラウザではない)を忘れないでください。
  • ブラウザは、スクロールバー、ツールバー、ウィンドウのコンテナなどのために、左右に50ピクセル、上下に200ピクセルを使用します。これはブラウザクロムと呼ばれます。 800ピクセル幅の表を作成すると、800x600解像度の画面で最大化されたブラウザを使用する顧客は水平方向にスクロールする必要があります。

解像度に基づいて画面サイズを処理する方法

  1. 自分のサイトを閲覧しているユーザーを特定する: Webログファイルを確認するか、投票やスクリプトを作成して、読者が実際にどの解像度を使用しているかを判断してください。実世界のブラウザサイズのスクリプトを使用して、読者を追跡します。

  2. お客様の再設計をお客様のもとにしてください:サイトを再設計するときは、ウェブサイトの事実に基づいて構築します。 「ウェブ」や他のサイトの統計に基づくものではない。顧客が使用する解決策に合ったサイトを構築すれば、より多くの幸せを保つことができます。

  3. さまざまな解像度でサイトをテストします。自分の画面サイズを変更する(Windowsの画面解像度またはMacintoshの画面解像度を変更する)か、テストツールを使用してください。

  4. あなたの顧客が変わることを期待しないでください: 彼らはしません。そして、それらに制限を置くことは、彼らが去るように促すだけです。