WEBデザインの基礎知識
現在、ネットの世界には50億から60億のWEBサイトが存在するといわれています。
ブログサービスなどを利用すれば誰でも簡単にWEBサイトを開設できますが、デザインなどにこだわりがあるのであれば、自分だけのオリジナルサイトを作るのもきっと楽しいでしょう。
WEBデザインは基本的に、「見やすく」、「使いやすく」、「ハイセンス」であること、この３点が重要になります。
いくら見やすくてもデザインがダサいWEBサイトには人が集まりませんし、逆に見た目がクールでも使い勝手が悪いとリピーターを得られません。
デザインというと十人十色、という印象があるかもしれませんが、ポピュラーな形というものは存在します。ポータルサイトにはポータルサイトの、通販サイトには通販サイトのスタンダードがあります。
個性的なデザインを目指すのも良いですが、まずは人気サイトなどを真似ながら、多くのユーザーに支持されている標準タイプのサイトを作ってみましょう。
<$PR_AREA_C1$>
いざ作り始めてみると、何の変哲もないサイトだって、意外に趣向が凝らされているということが分かると思います。
オリジナリティは基礎の応用にあります。
「見やすく」・「使いやすい」サイトが作れるようになったら、自分のセンスを追求して独自のコンテンツを作ってみてください。
html、CSSに関しては必ずしも専門的な勉強を行なう必要はありません。
WEBデザイン用のツールは豊富に存在しますから、自分で使いやすいと思うソフトを探してみましょう。
<$PR_AREA_C2$>
WEBデザインの基本は
情報を分かりやすく「分類」すること、これがWEBデザインの基本になります。
具体的には、まず１ページの情報を大雑把に3から4つに分けます。
ポピュラーな形としては、タイトル画像や見出しが1つ目（グループ1）、メインコンテンツ(本文）が書かれている部分がグループ2、その他、補足やコピーライト部分をグループ3とします。
情報の内容を意識して分類することで、WEBサイトに規則性が生まれ、デザインに統一感がもたらされます。
グループを区切る場合は、枠で囲む、横罫線(HR）を使う、バナーを置くなど見やすくなるように工夫しましょう。
あまり凝りすぎると逆に見づらくなるので、シンプルなデザインをおすすめします。
関連性の強い情報はテキストを近づけ、関連の薄い情報は遠ざけるなど、ページ上の距離感にも注意してみてください。
「一目で分かる」ことが優れたWEBサイトの条件です。
<$PR_AREA_C3$>
心理学的にみると、選択肢が5つ以上あると人間は極端に思考時間が長くなると言われています。
つまり、WEBサイトに5つ以上の選択肢（リンクや見出しなど）ができた場合は、優先順位を明確にしなくてはなりません。
テキストの大きさを変えたり、色を変えたりして、閲覧者にストレスをかけないように配慮してください。
見出し（テーマ）が多い場合は、ひとつあたりの情報量を少なくするのが基本です。
必要最低限の情報を箇条書きにして、余分なコンテンツはそぎ落としましょう。
逆に、テーマが少ない場合は内容量でアピールしなくてはなりません。
マニアックな知識や専門的な表現を駆使して、情報量の充実に努めてください。
<$PR_AREA_C4$>
WEBをデザインするときの注意点
WEBサイトに画像を掲載する場合は、大きさや比率に気をつけましょう。
例えば、顔写真の場合、画像の縦横比を変更するとバランスが崩れて違和感が生じることがあります。
大きい画像は画像ソフトを使って圧縮します。
サイズが大きすぎるとWEBページの読み込みに時間がかかってしまうので、閲覧者にストレスを与えかねません。
ただし、HTMLで画像を縮小すると画質が悪化してしまう場合もあるので注意しましょう。
WEBサイトの配色については、原色やそれに近い色がタブーとされています。
パソコンのディスプレイは発光していますから、濃い色を使いすぎるとギラギラした見難いデザインになってしまうのです。
基本的にはパステルカラーのような、薄めの色を多用してください。
ただし、薄いカラーばかりを使用すると単調なデザインになってしまいますから、時折アクセントとして原色を利用します。
配色に関してはメリハリをはっきりさせることが大切です。
<$PR_AREA_C5$>
デザインの問題以前に、広告を張りすぎたり、いきなり音楽を鳴したりするサイトはユーザーから反感を買ってしまいます。
ポップアップ広告や音楽は、認識された時点でページを閉じてしまう訪問者が多いのです。
音楽を鳴らしたいのであれば、事前にユーザーに知らせるような工夫が必要です。
たとえアフィリエイト目的のサイトであっても、広告は目立たないような形で掲載しなくてはなりません。
この他、いきなり動画を再生するサイトや、フラッシュを作動するようなWEBページも嫌われます。
できるだけユーザーに配慮したデザインを心掛けてください。
<$PR_AREA_C6$>