1220713225 ウェブデザインについてです。1、参考にしている本の中に「現在主流になっている解像度は大体800×600〜1024〜768ドット」とあるのですが、800×600の方がいいのでしょうか?2、その2つのうちどちらを選ぶかの基準とは?3、例えば添付のウェブサイトの解像度を知りたい時はフォトショップなどで開いてサイズを見ればいいのでしょうか?(それが解像度?)4、3のウェブサイトの解像度とは両脇の紺色は含まないのでしょうか?

デザインを始める前にサイズについて疑問が多いので、分かりやすく(初心者なので!)教えていただけませんか!?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/09/07 00:00:27
  • 終了:2008/09/14 00:05:02

回答(5件)

id:wrieat No.1

wrieat回答回数5ベストアンサー獲得回数02008/09/07 00:22:46

ポイント23pt

1.

800×600がよいと思います

2.

多く利用されているディスプレイのサイズが

1024×768のものが多くありますが

これは画面サイズいっぱいの大きさで

ブラウザを開いたときに全画面に表示しないで

閲覧するユーザーもいることから

800×600がよいと思います

3.

それでも可能かと思います

photoshopだと単位をpixelにするとよいでしょう

4.

含まれません。

この場合主となるコンテンツが表示される領域のことになり

紺色の部分は背景であり逆により大きなサイズのディスプレイで見た場合に

この背景の部分はディスプレイのサイズに合わせて拡大されます

http://ja.wikipedia.org/wiki/%E7%94%BB%E9%9D%A2%E8%A7%A3%E5%83%8...

id:kn1967 No.2

kn1967回答回数2915ベストアンサー獲得回数3012008/09/07 00:49:07

ポイント23pt

(1)及び(2)横800~1024まで可変が理想。無理なら800が無難。

見てもらえる環境を増やすという点においては

幅は800から1024くらいまでの可変が一番ですが、

それを作成し、また、維持管理するのは結構大変ですから

当初は800固定が無難かと思います。

   800-1024可変の例 http://shopping.yahoo.co.jp/

   800固定の例 http://www.rakuten.co.jp/

可変かどうかはブラウザのウィンドウサイズ(幅)をマウスで

大きくしたり小さくしていったり、文字のサイズを変えてみたりすると

判りますので、それぞれのサイトでやってみてください。


(3、4)添付画像のサイズは横600px縦416px

画像のサイズはPhotoShopなどを使わなくても

ブラウザ上で右クリックしてプロパティを出せば判ります。

サイズは判りますが、添付されておられる画像は縮小されていて

本来のサイズとは異なりますので測っても意味無いです。


実際にはホームページのソースコードを見る必用があります。

ソースコードを見てみましたが特に指定はありませんので

http://www.esteelauder.com/home.tmpl

CSSのほうを見てみると背景として幅754pxが指定されているので

http://www.esteelauder.com/css/general.css

ターゲットとしているサイズは800であることが判ります。

(左右の青い部分は余白です。勘定には入れません。)

id:isogo45 No.3

isogo45回答回数31ベストアンサー獲得回数32008/09/07 03:24:55

ポイント22pt

1. と 2.800×600〜1024〜768ドット

この数字の根拠はwindowsのモニターの最大ドット数ですが、最近では1024〜768ドットがほぼ標準と思ってよいと思います。

ほとんどのノートパソコンは大体これぐらいですが、一部小さなサイズのノートパソコンは800*480ぐらいのものもあるようです。

デスクトップの場合は1024〜768が最低線だと思いますのでこれぐらい使ってしまっても良いとおもいます。

この範囲でページを収めることになりますが、サイドにあるスクロールバーなどのドット数を引かないといけないので実質横は900ドットぐらいにとどめておいたほうが良いと思います。縦方向も同様に768から少し引いた数字にしたほうが良いでしょう。

ところで、Kuri1さんは普段webページをどのように開いてみていますか?

モニターいっぱいに開いていますか?

人によってはモニターいっぱいに開いている人も居るとは思いますが、そうでない人も居ると考えられます。そうするとその数字よりももっと小さくしたほうが良いかもしれないですね。

必要以上に幅などを大きくすると端が見えなくなってしまいますからコンテンツの大きさでどの程度必要なのかを考えて決めればよいと思います。

たとえば、1行の文字はこの大きさで何文字必要だから、何ドットとか、この写真は何ドットぐらい無いと見せたい部分がぼやけてしまうから○○ドットにするなどのデザインに必要なドット数を計算して表示ドット数を決めればよいと思います。

私の場合はサイドバーなどを使っている人も想定して、横方向のドット数を大体700ドットぐらいにしてこの範囲内でデザインをしています。小さくしてよい場合はPDAや携帯電話のPCサイトビュワーなどで見ることも想定して横を240*320ドットにする場合もあります。

ドット数は、利用される状態、利用端末などを想定してその範囲で決めることになりますからいくつが標準ということではなくて、マーケッティングなどを基にしたサイトデザインで決まると思います。

3、例えば添付のウェブサイト

?このJPEGのデーターは600px × 416pxになっています。

photoshopなどで見てもわかりますが、webブラウザーでプロパティを見ればそれで数字を見ることが出来ると思います。

こういうデザインにして欲しいという依頼があったのでしょうか?

これぐらいの文字数ですと、紺色の部分を除いて横600ドットぐらいでも構わないかなぁとおもいますが、他のページのデザインを見ないとなんとも判断できませんね。このイメージデーターの状態だと文字の部分が読めませんのでこのドット数では駄目なんでしょうね。

4.webサイトの解像度、、、、

真ん中の本体を際立たせるために両端をバックグラウンドで数ドット枠をつけることは多いのでこの部分もページのデザインの中に含まれていると考えることが出来ます。ただし、これだけ広い紺色のエリアが必要かどうかは疑問の余地があります。

紙の印刷物と異なりコンピューターのモニターは解像度が1桁少ないのであまり余白を作って本体部分を小さくすると文字などが読めなくなってしまいます。見る側からすると紺色の部分は何も情報が無いため見る気がなくなりますのでこの部分を大きくしても制作者側の自己満足になってしまいます。

http://yahoo.co.jp(URLはダミーです)

id:nake No.4

nake回答回数87ベストアンサー獲得回数02008/09/07 21:13:47

ポイント22pt

1、1024に最適化して、800でもみれるようになってるのが望ましいです。

2、そのサイトがモバイルからみるものかPCからみるものか?

4、両脇の紺色は含まない

http://q.hatena.ne.jp/answer

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 omusubi69 5 4 0 2008-09-10 00:17:27

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません