coluli

最近は、デジカメのテスト撮影ばかりやっています。

ノートパソコンにページサイズを最適化

備忘録です。一般的なノートパソコンの画面をフルに活用できるコンテンツサイズを割り出してみました。

条件としては、

  • 最小画面サイズをXGA(1024*768)とし、タスクバーやDock、ブラウザのウィンドウ枠を考慮する。
  • MacBookなど、今どきの横長液晶ノートパソコンの画面サイズ(1280*800)に最適化する。
  • 縦スクロールが発生することを前提に考える。
  • 端数は切り下げる。

としてみました。結論としては、

  • ミニマムサイズは、横1000px/縦600px。要素はすべてこの中に納める。
  • 最適サイズは、横1250px/縦630px。余白バランスや全画面表示写真などのトリミングはこちらで調整する。

検証画面を作りました。こちらを最大表示させて横スクロールが発生せず、要素がすべて見えていれば、意図通りです。