WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ドロップダウンメニューに切り替わるグローバルナビ

   

名称未設定 1

群馬県にある料亭「一婦美」のホームページです。

赤と白をベースにしたデザインは、それだけで和のイメージを連想させます。また、お知らせ部分のカテゴリごとのアイコンやフッター部分のお問い合わせでは和紙のようなテクスチャと左側に水墨画のような竹のイラストを配置し、細かな部分でも和を連想させる物を使っています。

グローバルナビのサブメニューの上部に影をつけることで、奥行きのあるヘッダーになっています。フォントも明朝体にすることで高級感が増します。そのグローバルナビもスマートフォンで閲覧するとドロップダウンメニューに切り替わり、場所を取り過ぎないよう工夫されている部分は、とても参考になります。

 - 形で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

不思議な空間に迷い込んでしまったような「WONDERLAND」

表参道にあるSABONがクリスマスコレクションの「EXPLORING WONDE …

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

アーチ型に切り取られた写真で橋のように見せる

有限会社「月刊日本橋」が運営する東京日本橋の歴史や文化を紹介するサイト「東京 に …

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

  「ミズベリング」という水辺を使って街づくりをするという企画の元集ま …

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …

インパクトがあるドロップダウンメニューとスクロールトップボタン

福島県須賀川市にある企業「グラントマト」のホームページです。 驚いたのが、グロー …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

色ではなく動きを使ってコンテンツを目立たせたIT企業のサイトがカッコいい!

福岡県福岡市に本社をかまえる「株式会社シフトセブンコンサルティング」のホームペー …