web-dev-qa-db-ja.com

Webデザインの観点から最も一般的なアスペクト比は何ですか?

Webデザインで目指す最も一般的なアスペクト比は何ですか? 1920x1080(16:9)では正常に機能するサイトに問題がありますが、1680x1050(16:10)ではうまく機能しません。どちらを狙うのが一番いいか決めたいだけです。心に留めておくべきモバイル解像度があることに気づきましたが、私は特にデスクトップユーザーについて考えています。

7
IOIIOOIO

これは、Googleが簡単かつ迅速に回答できる質問です。

しかし、これは人気のある質問なので、再利用可能なアプローチを次に示します。


vriwser stats


この分析に基づいて、私は確かにデスクトップの16:9を目指します。ナビゲーション/タブバーとステータスバーは、スクロールバーが幅を減らすよりも高さを減らすので、ブラウザは通常、さらに高いアスペクト比を持っていることに注意してください。

しかし、16:9の人気は貧弱なデザインの言い訳にはなりません。 ユーザーは常にブラウザウィンドウを最大化した状態で閲覧するとは限らないため、通常、Webサイトがさまざまなウィンドウサイズで適切に表示されるようにすることが重要です。たとえそうであっても、デスクトップユーザーには、タスクバー(例:Windows、Mac)またはサイドバー(例:チャット、ソーシャル)があり、ブラウザーのアスペクト比を変更します。

5
tohster

正解は、あなたのウェブデザインはユーザーのデバイスのアスペクト比に依存すべきではないということです。適切な現代のテクニック、別名レスポンシブデザインを使用すると、ウェブサイト/ウェブアプリは、携帯電話の縦向きビューと16:9、4Kデスクトップ画面の間ですぐに流れるようになります。

2
FelicianoTech