今の解像度の基準は？

質問

１５インチぐらいのモニターが主流だった頃は、確か６４０px×４８０pxのウィンドウで表示しきれるぐらいの大きさでサイトを作るという基準のようなものがあったと記憶しています（うろ覚えですが）。

　今のフィーチャーホン用のサイトで３２０px×２４０px？

　最近では大型モニターが安くなってるのもあって、デスクトップでは１７インチ以上が当たり前になってますよね。

　最近の解像度の基準ってどうなってるんでしょうか？

　どれくらいのサイズに合わせてる作るという基準のようなものは今でもあるんでしょうか？

　フィーチャーホンは３２０px×２４０pxから変わってないように見えるんですが、問題はＰＣとスマホのサイト。

　最近はノートＰＣを買う人が多いので昔のように小さい解像度に合わせて作るべきという人もいるし、よく分からないでいます。

　スマホなんて、ワシは未だにフィーチャーホンを使ってるので、よく分からない状態(^_^;

　それぞれで、このサイズで作るのが基準というものはありますか？

回答No.5

noname#242220 · ベストアンサー

640X480は『１３インチ』の表示です。ー＞テレビの標準表示
［モバイル］※幅 480px（スマフォ）
［タブレット］※幅 768px
［デスクトップ］※幅 1000px
の画面を作成しレスポンシブウェブデザインで作成します。

画面サイズごとにレイアウトを変化させる仕組みは、CSSのメディアクエリーを使い、
画面サイズごとに読み込むCSSのソースコードを切り替えて行います。

　【例】レスポンシブウェブデザインのカネボウ化粧品
　< http://www.kanebo-cosmetics.co.jp/ >

ビデオがアドビのサイトに有ります。

お礼

ご回答ありがとうございます

　なるほど。
　今はそれくらいの大きさなんですね。

　教えていただいたとおり、アドビでビデオを見つけましたので観てみたいと思います。

回答No.4

JaneDue

PC用に最大1024位で、あとは端末の種類が増えたので「レスポンシブWebデザイン」で対応するサイトも多くなってきました。
http://www.kanebo-cosmetics.co.jp/ (ブラウザ幅変更でレイアウトが変わる)
http://www.nhk.or.jp/studiopark/

その他 リキッドレイアウトなどで検索してみて。

お礼

ご回答ありがとうございます

　あ、動きますね。
　iPodtouchを使って観ることがあるんですが、この手の端末って画面サイズがいろいろある割に、ピッタリとバランスの良いレイアウトなのでどういう仕組みになってるのか不思議でした。

　教えていただいたキーワードで調べてみたいと思います。

回答No.3

神崎 渉瑠（@taloo）

No.2、補足です。

幅何ピクセルという基準ではなく、幅100%が基準です。
たとえば320pxのウインドウなら320pxで表示、400pxのウインドウなら400pxで表示です。

お礼

ご回答ありがとうございました。

回答No.2

神崎 渉瑠（@taloo）

おおよそ800～1000px程度で折り返し表示にしないと、目の動きが左右に大きくなるので疲れやすくなります。
ディスプレイが15インチでも100インチでも変わりません。

スマートフォンは段組み表示にしない1列で、
タブレットは縦の時はスマートフォンと同じ、横の時はPCと同じが流行じゃないですかね。

何ピクセルという考え方はほぼなくなりましたが、制作の段階では想定する最大幅で表示させた時を基準にして計算すると思います。

例
25%で表示する場合、最大ウインドウ幅を1000pxにするなら250px、または解像度2倍の500pxで作成。

お礼

ご回答ありがとうございました。

回答No.1

drum_KT

基準は知りませんが、個人的な好みとしては、特定の横幅を前提としてデザインされているページは好きではありません。

様々な解像度の端末で利用しますし、文字の大きさは自分で見やすいように拡大縮小したいのに、特定のサイズに固定された表組などがあるとレイアウトが崩れて見づらいだけなので。

お礼

ご回答ありがとうございました。