HPのこだわり!?
|
HPを作れるようになったら、デザインにこだわりたいと思うのが人間というもの。
いろいろと画像も使ってみたいし、文字も動かしてみたい。
アニメーションも入れると楽しくていいかも!
でもちょっと待って!!
本当にそれで良いのだろうか?
我々が作る「収入サイト」には、そういったものは本当に必要なのだろうか?
|
訪問者が見たいものとは?
|
HPにやってくる人は、何を求めてやってくるのだろうか?
おそらく、8割の人は「何らかの情報」を求めているに違いない。
こういった「収入サイト」を訪れる人は、パソコンでの収入方法に興味があって、HPを見ていることだと思う。
そこでサイト運営者は何を提供(=見せてあげるか)すればいいのだろうか?
きっと「ネット収入の情報」だと思う。
決して、そのHPで使われている技術(文字を動かしたり)とかではないのである。
力を入れて作るのは大いに構わないが、力を入れるところに気をつけて作って欲しい。
|
配色には気をつける!
|
HP作成に当たって、最も気をつけないといけないのが、「配色」である。
配色はかなり重要である。
そのサイトの雰囲気も、実は配色によって決まると言っても過言ではないだろう。
我々が作る「収入目的のサイト」は特に、全体的に明るい雰囲気を出した方が感じが良い。
黒やグレーなどを多用したページを作ると、いかにも怪しげな雰囲気を醸し出してしまい、ビジターさんの信用を失う、といった事に繋がりかねない。
HPの内容にこだわるべきところは「web配色」だろうと、私は思う。
|
読みやすいページを作る
|
当然の事であるが、読みにくいページを誰が読もうとするだろうか?
よほど重要な情報がある場合は話は別だが、ほとんどの場合、読みにくいと感じた時点で帰ってしまうのが普通である。私も例外ではない。
以下に挙げる文章は読みやすいだろうか?
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ |
おそらく目がチカチカするだろう。
あまり見ない事をオススメする。
他にもこういうのもダメな例である。↓
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ |
いわゆる、「同系色」を背景と文字色に使うタイプだ。
こういったものは見にくいだけなので、絶対に止めましょう!
web配色の本も色々と売っている。
是非一度、目を通しておくと良いです。
|
行間隔を少し開ける
|
ちょっとしたテクニックになるが、スタイルシートを使う事によって、行間隔を好きなだけ開ける事ができる。
行間隔を開けないのと、開けるのとではどれだけ違うのかを見てみよう。↓
行間隔なし
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ |
行間隔あり(150%)
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ |
どうだろうか?
上が行間隔なし、下が行間隔を150%(ちょっと開けすぎ)である。
どっちが読みやすいだろうか?
おそらく、行間隔を開けた方が読みやすいだろう。
行間隔を開けるには、スタイルシートを使わねばならない。
その記述方法を書いておきましょう。
ページの頭の<head>と</head>の間に、次のタグを挿入します。
コピー&ペーストで使うと良いです。
<style type="text/css">
<!-- body { line-height: 150%;
}
-->
</style>
|
|
まぎらわしい事はしない!
|
意外とこれが大切なのだが、HPはあらかじめ、リンク文字の色・既読リンクの色・選択リンクの色がそれぞれデフォルトで決まっている。
これはオリジナリティを出すために、各自で好きな色に変更できるのだが、まぎらわしいような色にならないように注意しよう。
デフォルトでは文字色は、
- 文字色 ・・・黒
- リンク ・・・青
- 既読リンク・・・紫
- 選択リンク・・・赤
この4色になっている。
では実際に、まぎらわしい例を挙げてみよう。
以下のうちで、どれがリンクの文字なのか、ひとめで分かるだろうか?
- リンクです
- いや、これがリンクです
- いやいやこれがリンクです
- りんく
- コレが正解!
- リンクじゃないよ
こんなのわかるワケがありませんね?
っていうか、訪問者にケンカ売ってます(爆)
こんな事は絶対に止めましょう!
|