ページは統一を

Webデザイン講座 > ページは統一を

: フォルダ内のコンテンツ

01.全般とレイアウト
01.ページは統一を

02.カラー
01.配色で雰囲気が決まる
02.無彩色を使おう

03.イメージ
01.画像には質感を
02.ロールオーバーを使おう

04.ユーザーフレンドリー
01.文字の大きさ
02.行間を設定しよう

:: あなたのWebサイト作成にヒントを与えるWebサイト講座。デザインのトリックと工夫をあなたに。

: まえおき

Webサイトは一般的に複数のページから成り立っています。ですから、それぞれのページの印象そのものが、サイトの印象となるのは言うまでもありません。つまり、ページごとにレイアウトが違っていたり、色調の統一がなされていなかったりすると、サイトとしてもチグハグな印象を受けてしまいます。

ではどうすればレイアウトをきれいに統一して、1つのサイト、カタマリとして存在することができるのでしょうか。

: 統一する方法

これは単純に、

・ナビゲーションとなるボタンの位置を同じにする
・文字の大きさを揃える

といった基本的なことをするだけで実は十分なのです。しかしもっと気をつけるべきことはそう、レイアウトです。ページを構成する大きなレイアウトから、細部に至るまで細かく統一。そうすることで、利用者は気持ちよくWebサイトを歩き回れるわけです。

: 私の経験

ここで私の今まで「統一」という問題で苦戦していたことをお話します。

今のDSSのようなヘッダとフッタやメニュなどをすべてのページに表示させるには、PHPなどのシステムを使用するしか方法はありませんでした。手作業で頻繁に書き換えるコンテンツをページで共有するとなると、htmlだとすべてのページを書き換えなければならず、無駄な作業の多いものでした。

しかしFrontPage2003というホームページ作成ソフトの「ダイナミックWebテンプレート」という機能が見事に解決してくれました。高度な技術や複雑なシステムを使わずに、きれいにレイアウトを統一できるなんてすごいですね。

: 関連するページ

オンライン講座 - オンライン講座の申し込みページ

Design Studio SR Version 3.5