WebGallery

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

*

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

   

名称未設定 1

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

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

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

 - 形で表現 , ,

Message

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

  関連記事

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …

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

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

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

迷惑メールの新しい楽しみ方

「SPAM MUSEUM」という迷惑メール共有サービスという様々な迷惑メールを閲 …

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

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

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。 丸い形を緑色 …

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

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

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …