 |
|
|
|
|
|
|
|
|
| |
|
| |
| ■ |
サイトイメージ |
| |
矢印に不可解なパースを付けてメイングラフィックにしたサイトです。 |
| ■ |
サイト構成 |
| |
右にあるメニューから各コンテンツへ移動するだけのシンプルな構成のサイトです。 |
|
|
|
|
|
|
| ■ |
レイアウト |
| |
二つの大きな矢印にグラフィックやテキストがかぶらないように、テーブルを使ってレイアウトして下さい。 |
| ■ |
バックグラウンド |
| |
左の大きな矢印は全てバックグラウンドになっています。
テキストの量を増やしすぎるとレイアウトが崩れるので気を付けましょう。 |
|
|
| |
|
| |
 |
■ Topics-01
ここには、文字数の少ないトピックスなどを置いて下の階層への入り口を増やすのに活用しましょう。 |
|
 |
|
■ Topics-02
ただし、ブラウザによるテキストのサイズに気を付けて文字が矢印からはみ出さないようにしましょう。 |
|
|
|
|
|
 |
|
|
■ テキストカラー
青みがかった濃いめのグレーと、ここで使っているブルーのどちらかを使って下さい。両方の色を上手く使ってエリア分けをすることもポイントです。 |
|
 |
|
|
■ ボタンについて
メニューのボタンは、8個までは問題なく増やすことが出来ます。
それ以上の数のコンテンツを必要とする場合はレイアウトを崩さないようにメニューのボタン同士の縦感覚を縮めて下さい。 |
|
