Web ページのメイン コンテンツ領域の幅の標準的な最大値はありますか? ユーザビリティに影響を与えずに画面の領域を最大化したい。多くのサイトが 980 ピクセル以下に固執しているのを見てきました。誰にも提案はありますか?
8 に答える
800x600 または 1024x768 の解像度をターゲットにします。
800x600 の場合、約 750px です。
1024x768 の場合、970px になります。
980に言及したので、ラッパーの幅を参照していると思います.
最も理想的な解決策は、ピクセルをまったく考慮せず、代わりに ems/%s とスケーリングに依存し、可能な限り流動的にして、デザインが小さなモバイル デバイスに適合し、要素の高さが固定ではなく自動になるようにすることです。例: http://www.456bereastreet.com/
しかし、まだピクセルを考えている Web デザイナーに行き詰まっていて、彼らに液体/流動的な画像を作成してもらうことができないことが確実にわかっている場合は、幅 960 ピクセルで撮影して、十分に表示できるようにすることをお勧めします。 IE6/XP ではスクロールバー付きの 1024x768 の領域ですが、これは視聴者と視聴者の画面解像度の大部分に大きく依存します。
ここで参照されているような調査によると、人々は長い行のテキストを読むのがより困難であることが示唆されています。そのため、コンテンツの幅を 800px 程度に制限しています。
最初に質問する必要があります。私の聴衆は誰ですか?
特にPDA/スマートフォン/ネットブック/スマートブック/キオスクなどのこの時代には「標準」はありません... - 決まり文句に聞こえるかもしれませんが、正確な画面サイズに依存しない流動的なレイアウトを設計するのが最善です.
もちろん、意図した/予想されるユーザーベースに応じて答えが変わる可能性があります (たとえば、1024 ピクセルの画面幅で 980 ピクセルの作業ピクセルが残ると仮定し、それより小さな画面解像度を持つ人をサポートすることに興味がないと意識的に判断します)。
別の解決策は、ユーザーがポートレットのレイアウトを制御できるポータルのようなものにすることで、サイズのレイアウトをカスタマイズできるようにすることです (ala My Yahoo)。
960 はかなり一般的な標準であり、この数字の背後にある理論的根拠は、1024 ピクセル幅の画面に合わせると、大多数のユーザーがスクロールせずにコンテンツを見ることができるという事実です。ブラウザーとユーザー システムの機能に関する統計情報にアクセスできる数百ものサイトの 1 つ については、こちらを参照してください。
しかし、最終的には、顧客ベースの構造を理解するのはあなた次第です。あなたのサイトが iPhone をターゲットにしている場合、1024 ピクセル幅の画面をターゲットにすることは賢明な決定ではないかもしれません。
ピクセルの絶対値についてはわかりませんが、1 つ確認しておきたいのは、テキスト列の幅が広すぎないことです。それを超えると、読解力が損なわれる文字がいくつかあります。
幅 1000 ピクセルは、ブラウザの下部にある水平スクローラーなしで、最近使用されている最小の 1024x768 解像度に収まるものです。