 |
 |
ホームページは難しくない レイアウトとデザイン
| ホームページの顔・かたち |
| デザインなんかくそくらえ！ |
| シンプル VS ゴージャス |
| トップページは３秒勝負 |
| 玄関ページは必要？ |
| ホームページの「音」と「動き」 |
| １ページの幅を考えてみよう |
| 思わずクリックしたくなる仕掛け |
| ３クリックで情報にたどり着けるか |
| サブページを行き止まりにしない |
| フレームのメリット・デメリット |
| 統一感のある配色を考える |
| ファイルを上手に分類する |
みなさんのモニターの大きさは どのくらいですか？
・ノートパソコンだから14インチ以下です
・15インチです
・17インチだよぉ
・19インチぃ (∩.∩）ｖ
・もっと大きいです <(｀^´)>エッヘン。
いろんな人がいますよね
では ブラウザの幅はどうでしょうか？
画面いっぱいに開けて見てる人もあれば モニターの2/3程度で見ている人や
半分のスペースで見ている人もいらっしゃるかもしれませんね
モニターの解像度だって それぞれ違うとおもいます
・640Ｘ480
・800Ｘ400
・1024Ｘ786 など
今現在では 1024Ｘ786あたりが主流のようですが
シニアのかたや 視力の弱い方にとってはなるべく大きい表示で見たいから
800Ｘ600でみている という人も少なくはありません
640Ｘ480でみている方もいらっしゃいますが 統計的には少数のようです
全ての環境に対応できるように というのはちょっと難しいですが
なるべくどの環境にも対応できるページ幅を考えて欲しいと思います
● ページの横幅について
まずは サンプルページをみてください →ページの横幅について
いかがでしたか？
ここで気付いた人もいらっしゃると思いますが
ページを縦にスクロールすることは別に気になりませんが
横スクロールに関しては 結構苦痛な作業になるというのが
わかると思います上記のモニターの大きさや解像度を考慮すると
横幅は 600〜800ピクセルあたりで収めるようにしましょう
フレームを使ったり テーブルでレイアウトするときも
横幅に注意して横スクロールしなくていいような幅になるよう
制作しましょう
● ページの縦幅について
ページの縦幅（長さ）については ２通りの考え方があります
○ 何度も縦にスクロールしてもらうのは面倒だし 1ページが
長いと読み込みに時間がかかるので なるべく1ページの情報
を少なくして 関連情報は別のページにする○ ページの縦幅を少なくしたら どうしてもページ数が増えて
いちいち別ページをクリックしてもらうことになるから
１つのページにできるだけまとめて情報を入れるようにする
どっちがいいのか というのは一概には言えません
これは 制作者側にしても 訪問者側にしても「好きずき」なところです
どっちにしても 基本的に守ってほしいのは
1ページにいろんな情報が集まっているよりも
1ページに1つのテーマ という感じでまとめたほうが
訪問者には扱いやすいと思います