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

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

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

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

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

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

背景グレー

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

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

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

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

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

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

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

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

参考サイト