■ ナビゲーション作成

Webデザイン初心者の人がよくつくるナビゲーションがボタン型ナビゲーションです。
中小企業のホームページなんかで見かけますよね。（適当。（笑））

こんな感じ（クリックできません）

ナビゲーションは、その機能を充分に果たしていれば、それでいいとも言えます。
だけど、デザインにこだわるんであれば、こんなにもかっこ悪いナビゲーションを
つかうわけにはいきませんっ。
こんなのつかっちゃったら、それこそ、その昔、葉月が制作してたホームページみたいに
なっちゃいます。（笑）

ただ、そんなどうしようもないボタン型ナビゲーションでもちょっと手を加えてあげれば、
すてきに変身するんです。
ここでは、その方法をご紹介しますね。

1. 土台となるボタンを作成します。
色は青（#0066CC）を使用。
まだまだ、人前に出せるシロモノじゃありません。

2. テクスチャーをはります。
今回は、Fireworksの渦巻50％を適用。
これで、かなりおしゃれになりました。

3. 文字を入れます。
フォントはMS Pゴシック、色は白（#FFFFFF）を使用。
どうも、文字が埋もれた感じがします。

4. 影をつけます。
これで、完成。
もう、どこに出しても恥ずかしくありません。（笑）

5.同じようにつくったボタンを並べてみます。
なにか、もうひとつです。
各々のボタンが離れているせいでしょうか。

6. ボタン間のスペースをつめてみましょう。
いい感じに仕上がりました。
あとは、周りのデザインをこれにあわせればいいだけですね。

Webデザイナー講座・Webデザイン講座