旧「9625」のページは、次のようなデザインでした。
↓トップページ
↓内部ページ
幅は800px固定の1カラムでした。
トップページ以外のページは、Music(自作音楽のページ)、Illustration(自作CGのページ)など、5つの種類に分かれていて、それぞれ色が振られていました。この色は再利用させていただきました。
それで、新しいサイトを作成するにあたり、最初に作ったデザイン1案は次のようなものでした。
水色の線はレイアウトをするために引いた補助線です。緑に黒だと、画面が引き締まるかなあとも思えたのですが、緑一色の画面はやはりくどいかな…、ということで、ボツにしました。
幅800pxが狭く思えるのだから、もっと開放的な感じにしないとなあ…、と考え作ったのが、次のデザイン2案です。
このデザインは左にメニュー、右がコンテンツの2カラムの構成ですが、メニューの幅は狭いので、実質1カラムと考えて良いと思います。膨張色の白を背景にすることで、画面全体が大きくなったような…、なってないような…。デザイン上では余白部分がかなり多いのですが、それだけ、ゆったりとしたデザインにしてみました。
デザインが大雑把に決まったので、次にすることは、ここから必要な部品を切り出したりて、テンプレート(テーマ)を制作することです。
次回はテンプレート作成のフェーズです。