レイアウトなどについて

このサンプルサイトの特徴

  1. 中高年の人が読みやすいようにしました。(小さい字も%で大きさを指定しているので字を大きくして見ることができます。)
  2. 便利なメニューバー、わかりやすいパンくずリスト(ナビゲーション)をつけました。
  3. サイト全体のイメージに統一性を持たせつつ、俳句のページでは俳人の個性が出るよう別々のデザインにしました。
  4. 他の人がファイル制作の作業をする場合の便宜を考え、ファイル名、ファイルの配置、ソースの記述をわかりやすくしました。

これまでに作ったサンプルページ

日本語トップ

  1. 画面が800x600の人(約25%?)の人でも見られるように横幅は750ピクセルにしました。
  2. 英語のタイトルがついていますが、この部分は「韓国の俳人 since 2002」このように使ったりもします。
  3. タイトルの右(看板の中)にはちょっとオシャレなキャッチコピー文を書きます。
  4. 今日のラッキー季語、今夜のラッキー季語がランダムに出るものをつけました。(何だよ、「ラッキー季語」って…)

韓国語トップ

  1. 日本語トップとレイアウトは同じで色違いです。

トピックのトップ

  1. 散文の目次サンプルです。色々な並べ方があります。

トピックの例(○○寺)

  1. 写真入りのサンプルにしてみました。写真の配置は左右どちらでも可。(注.トピックに「句会レポート」を書くのは避けましょう。このサイトが句会と関連があると誤解されるおそれがあります。他の部分(プロフィール欄など)も同様です。)

俳人リスト

  1. 名前の羅列でちょっと味気ないかと思います。

蕪村のトップ

  1. 代表句一句を色紙に書き、それをスキャナーしたものを載せるプランです。筆ではなくマジックで書いたものでもいい?
  2. 蕪村のデザインコンセプトはずばり「勘定奉行」ですが、グレーの濃淡に差をつけすぎてしまいました。

蕪村の2001年蕪村の2002年

  1. 句のページには年度のナビゲーションはなく、「古い句← →新しい句」というナビゲーションです。もし全部のページに年度をつけると、蕪村の2003年が追加された時、全部のページを修正しなければならないからです。現状のスタイルだと、蕪村の2003年が追加された時は、蕪村のトップと蕪村の2002年のページだけ修正すればよい。なお、年度別に俳句を載せるのが俳人の一般のスタイルのようです。(ページを分けるかどうかは別にして…)

千代女さんのトップ

  1. 千代女さんのページは簡単な自己紹介と題名をつけるプランです。テーマ別に俳句を紹介したい人、たくさん出したい人はこのプランをオススメ。
  2. 千代女さんのページのデザインコンセプトは「小粋な女」です。このぐらいの画像をつけてもあまり邪魔にならないなと思いました。

千代女さんの「其の壱」千代女さんの「其の弐」

  1. ナビゲーションは題名で行なっています。

正岡四季のトップ新年

  1. 季節別にファイルを分けるプランです。俳句を何年やってるかは関係なし。
  2. 正岡四季のデザインコンセプトは「死期の迫った子規」です。俳句部分は画像を使わずに色(snow)だけの指定です。

溜下留美子のトップ「なんたらかん」

  1. ルビと注釈の実験をしています。ルビ自体は綺麗ですが、ルビが入る行は前の行との間隔が広くなってしまいます。
  2. 八番目の句は後ろに括弧して小さくルビを振ってみましたが、長くなりすぎて美しくない。
  3. ルビを振らずに、下に注釈欄を作って注釈欄で代用するという方法もあります。
  4. ってゆーか、ルビや注釈が必要な句を作らないで欲しいと思いました。
  5. 溜下留美子さんのデザインコンセプトは「俳句ギャル」です。俳句の乗る部分の背景画像は限りなく無地に近いものが望ましいと思います。留美子さんぐらいが限界だと思います。

上記では背景画像を使ったものが多いのですが、これは「こんな風にも出来るよ」と例を示しただけで、背景画像を使った方がいいと言っているわけではありません。背景色や背景画像はあくまで俳句の引きたて役であることを忘れないようにしましょう。
なお、俳句のページはIE5.5、IE6.0の人(全体の65%ぐらい?)にはこのように(←画面の一部です)縦書きで見えています。
IE5.0を使っている人(30%ぐらい?)には「なんたらかん」がこのように横書きで見えています。

ホームへ戻る←