ホームページナビゲーションいろいろ

サイトマップ

ホームページとデザインの会社
株式会社ジェイプラン

menu
  • >
  • ホームページナビゲーションいろいろ
 
  ホームページナビゲーションいろいろ

ホームページナビゲーションいろいろ

ナビゲーションの表示方法ひとつでサイトのイメージがかなり変わってきますね。

はじめにサイトの基本的なデザインを決めていく上で、ナビゲーションの表示方法は重要です。

以下、いろいろなナビゲーションの形を表示してみました。

ホームページナビゲーションー縦バージョン

縦の場合、ナビゲーションの項目が多ければスクロールしないと見えないです。メインコンテンツ側のスクロールとナビゲーション側のスクロール、両方になってしまいます。

 

682_original

背景グレー

キャプチャ

背景が透明 バックにビデオが入っています。

2ナビ

背景に画像を使っています。

 

ホームページナビゲーションー横バージョン

 

横ナビ1

背景 白 ロゴの右側にナビゲーション横ナビ2

背景 白 ロゴを真ん中、下にナビゲーション

横ナビ3

背景 白 ナビゲーションの中央にロゴ

 

 

4横ナビ3

背景 透明 ナビゲーションの中央にロゴ

 

5横ナビ3

背景 透明 ロゴ左、右にナビゲーション

 

25横ナビ3

ナビゲーションの上に電話番号やSNSのアイコンを表示したり、ロゴとバナーや営業時間などをヘッダーに表示してその下にナビゲーションを表示することもできます。

 

 

 

参考サイト

http://artbees.net/themes/jupiter/ganymede/#homepage-04/

http://artbees.net/themes/jupiter/metis/

http://demo.select-themes.com/stockholm19/

http://demo.select-themes.com/stockholm1/

http://demo.select-themes.com/stockholm17/

http://demo.select-themes.com/stockholm11/

http://demo.select-themes.com/stockholm8/

http://demo.select-themes.com/stockholm18/

http://demo.theme-fusion.com/

 

印刷はこんなに安かったの?

梅オーナー情報はこちら

おすすめレンタルサーバー

独自SLLが無料!月額100円~使える!使いやすく初心者にお勧め!


ホームページお役立ち情報

東京・千葉の中国語教室

中国語教室