簡単にかっこいいボタン型ナビゲーションを作成する方法を無料でご紹介します。
  ホーム > Webデザイン講座 > ナビゲーション作成


■ ナビゲーション作成

 

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

こんな感じ(クリックできません)

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

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

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

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

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

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

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

         

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

 
葉月カイを好きでいて
くださる方限定です。(笑)
元ニートのメルマガ
人気サイトを作れば、
月15万円くらい稼げる。


↓簡単に登録できるので
登録してみてね。
お名前:(本名のみ可です)
敬称
さん ちゃん くん
メールアドレス
 
 

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

    もどるっ  
   
Webデザイン講座 | Webデザイン論 | Webユーザビリティ | Webデザイン関連書籍 | ホームページ作成ソフト | 画像編集ソフト
アクセスアップへの道しるべ | アフィリエイト・プログラム | いま人気のWebデザイン通信講座 | 求人情報サイト集 | Web制作用語集
 
   

© 2u WEBデザイン.com 2004