副収入ドットコム！！Blog: サイトデザインアーカイブ

2005年02月20日

見やすいサイトというのは、レイアウトがしっかりしています。
CSSで組む事が推奨されていまうが、テーブルでもかまいません。
枠組みを作ってまとめていきましょう。

例２のように、カテゴリごとに、枠線で囲ってあげるだけでも格段に見やすくなります。
また、枠線はそろっていた方がきれいに見えます。
下の例１のように枠ごとに、ずれていると枠の間が空いてしまってカテゴリ２の下の部分は、デッドスペースになってしまいます。

例１

カテゴリ１	カテゴリ２
カテゴリ３	カテゴリ４

例２

今日は、どうやってサイトを見せるかという事について書いていこうと思います。

サイトを見てくれる人が迷子にならないように、見せたいページへ誘導するように、しっかりと導線をつけてあげましょう。

メニューだけを、並べても数が多くなるとどこから見ていいかわからないものです。
こういう場合、カテゴリ別に区切りをつけて、
ちょっとした説明をつけてあげるだけで、わかりやすくなります。

迷子にならないようにするためには、
まず、自分がどこにいるのかをしっかりとわかるようにしましょう。
サイトのタイトルはもちろん、ページのタイトルもしっかりとつけて下さい。

Topページにすぐに戻れるようにTopページへのリンクは必ずつけましょう。

また、次に読むページへのリンクも必ずつけましょう。
ページを読み終わったところに次のページへのリンクをつけておけば、そこをクリックして読んでいって貰えます。

ページの先頭に戻るリンクも付けておくと親切です。

また、検索サイトから来る人も多いので、トップページから必ず見てもらえるとは限りません。
せっかく人が来てくれても、リンク先のないページはそこで終わってしまいます。
上で書いたリンクは必ずつけておきましょう。

お小遣いサイトで、サイトの作り方を紹介しているサイトをみると、デザインは必要ない、デザインより内容だというところがあります。
このようなサイトはデザインというものをビジュアル的なものだと思っているのではないでしょうか。

デザインとは、設計することです。
確かにビジュアル的なデザインは必要ないです。
また、内容が無いのはデザイン以前の問題です。
でも、内容とデザインは切り離せないものです。

必要なデザインとは、サイト構成とかページの構成、文字の大きさ配置等です。
サイトの構成、導線、何をどう見せるかをサイトデザインといいます。
まずは、サイトの構成をしっかりと考えてください。

サイトの構成を考えるときは、作りたいことをメモとか付箋とかに書いていくといいです。
一枚に一つの事を書いていきます。
最初は思いつくままに書いていけばいいでしょう。

作りたいものをすべて書いたら、それをグルーピングしていきます。
このときに、まとめられるもの、いらないもの等整理していきます。

こうしていくと、グルーピングされたものが一つのカテゴリになります。
このカテゴリごとにフォルダを作っていけばファイルの管理も楽になります。

後は、これをどのようにサイトに載せていくかを、考えていきます。
そのときに、どういう順番に見せていくのかを考えていけばすっきりとしたサイトになります。

さて、ビジュアル的なデザインは必要ないといいましたが、できるならかっこいいサイトの方がいいですね。

こちらのサイトとっても素敵です。

本サイトもいいのですが、1ページサイトのデザインがまたよいです。
このセンスをぜひパクリたいものですゞ(￣∇￣;)ｦｲｦｲ