ページ数の多いデザイン

ページごとにデザインを変えると統一感がなくなる

規模の大きいwebサイトを作る場合、最初にきっちりとサイトデザインを決めておくことが大事です。計画をまったく立てず、どんどんページを増やしていった場合にありがちなのは、ページを作るたびに異なるサイトデザインにしてしまい、全体的にまったく統一感のないwebサイトになってしまうというもの。 その場のノリや、その時点の流行など、思いつきでサイトをデザインしていくとそのようなことになってしまいがちです。ページのデザインがバラバラでも、バラエティに富んでいていいのではと考える人もいるかもしれませんが、同じサイトのページだと思われにくく、それぞれ別サイトだと錯覚されやすいという致命的な欠点があります。せっかく規模の大きなサイトを作っても、そのスケール感をアピールできないのです。

共通のデザインを作って一つのCSSファイルで出力

ではページ数の多いwebサイトのデザインを行う場合、どのような形でデザイン設計をすればいいのかというと、始めに共通のデザインを作ったあと、それをスタイルシートで形にしましょう。100ページでも200ページでも、同じCSSファイルを読み込んでデザインを出力するのです。そうすれば、仮にデザインを変更するとなった場合でも一つのスタイルシートを書き換えるだけで、すべてのページのデザインを変えることが可能になります。 また、スマホ向けサイトのデザインも、PC向けサイトのデザインを担うCSSファイルで行うべきです。分けてしまうと、PC向けサイトのデザインは変えたのに、スマホ向けサイトのデザインはそのままといったことが起こりやすくなるからです。