デザインを考えよう

ホームページを作ってみよう

テキストを書いたら次はデザインを考えましょう。

テキストを書きながら「メニューは横並びにしよう」や「ここは青色にしよう」などデザインに関すること考えませんでしたか?何も考えてない人も考えている人も様々なサイトを見てみることをお勧めします。見やすいデザインのサイト、使いやすいメニューの位置。様々な所に着眼して見てみましょう。

いろんなサイトを見てみよう


ikesaiや、Darkeyeは良質なデザインのサイトを紹介しているサイトなので参考にしてみるといいと思います。

サイトのデザインが決まったらサイトのテーマや項目を書いた紙にレイアウトを描いてみるといいでしょう。また、PhotoshopやFireworksをお持ちでしたら実際にレイアウトを作ってみてもいいでしょう。

画面のサイズに注意しよう

ここで注意ですが、画面サイズはパソコンそれぞれで違います。画面サイズは小さいものではノートパソコンの幅800px×縦600px(もっと小さいものもあるでしょう)ぐらいなのでそれを考慮したサイズでサイトを作るといいでしょう。それ以上の大きさで作ってしまうと横スクロールしないといけないサイトになってしまいます。横スクロールがあるサイトはとても見づらいですよね?なので横幅は800pxぐらいを目安に作りましょう。ただし最近では、横幅を大きくとっているサイトも多いようです。

備考ですが、縦長のサイトを作ると横にスクロールバーが出ます。スクロールバーの幅は約20pxなのでそれも考慮するといいでしょう(横幅780px程度でデザインする)。また、「お気に入り」を左側に常に表示をしてネットサーフィンをしている人もいるのでこれも考慮しておきましょう。