ここでおおまかな流れができました。ではその紙に書いた図(ページネイション・サムネイル)を見てみましょう。一体何ページ必要なのかがはっきりしましたね。最初のこの「サイトマップ」をよく把握してないまま作りはじめてしまうと、全体的にまとまりのないホームページになってしまう恐れがあるので気を付けましょう。

さて、この図を見る限りこのHPは「3階層」に分かれています。

ではここで先ほどお話しました「ひと味違った完成度」を入れてみましょう。

まず大切なのは全体的な骨組みデザインです(これを我々は「フォーマット」と呼んでいます)。ページの大元となるデザインです(この場合フレームやロゴ位 置、タイトル位置、壁紙などの統一など)
小物のデザインはもっと後半にしましょう。
そこで「9ページあるから全部違うデザインにしよう!」というのは特別 な意図がない限り避けた方がいいですね。
この場合「3階層」あるといいましたので、基本フォーマットは3パターン作ればいい訳です。その内トップページで1パターン。 「2階層」のプロフィール・趣味の部屋・掲示板・リンク集で1パターンそして、「3階層」(趣味の部屋)のさらに奥にあるスノーボード・アウトドア・ギターで1パターン 合計3パターンとなるわけです。

ワンポイントアドバイス
全く違うフォーマットを3パターン作ってしまうよりは、カラーリングを変える等、うまく流れを出してやる事がポイントです。トップページのイメージを中面 で展開していくと、より説得力の強いページネーションが仕上がります。

ではここで実際にレイアウトした例を見てみましょう。デザインのレベルを落としてわかりやすく作ってあります。下の「詳細見る」を押してください。

←別枠が開きます。

     

<<HOME    Copyright (C) 2005 TOTEMPOLE JAPAN COMMUNICATIONS. All Rights Reserved.