MENU

フルスクリーンナビゲーション -参考になるWebデザインパーツまとめ-

メニューボタンをクリックすることで全画面のナビゲーション(フルスクリーンナビゲーション)を開くUIのまとめです。

当初はスマートフォン画面の省スペースを目的に使われはじめたUIかと思いますが、ユーザーに広く浸透した結果、デスクトップ画面でもよく使われるようになりました。

デスクトップ画面においては通常のグローバルナビゲーションとハンバーガーメニューボタンを併設することが多いです。グローバルナビゲーションには主要コンテンツを置き、フルスクリーンナビゲーションに全ページへのリンクを置くことでサイト内の回遊がとてもしやすいものとなっています。

今回は素敵なフルスクリーンナビゲーションの事例をまとめました。
参照させていただいているサイトへのリンクをキャプションにて掲載しています。
(最終更新日:2023年2月5日)

本と美容室|美容室とセレクト書店を、面白きローカルへ
P.P.CORPORATION | We are all Wonders
ピーアーク(P ARK)|「楽しい」を生むつながりを。
ENJOY NAVI by BEAMS|MY TOKYO, MY YOKOHAMA
HITOTOKI by 旅する2人
Droptokyo
中途採用 – INTLOOP株式会社
ゆずが名産「馬路村」のイベント・観光情報|まかいちょって家
越のゆグループ 採用サイト
モリ・リフォーム|福崎町のリフォーム・リノベーション・高機能・高断熱の新築注文住宅
おおたかまち図鑑|みんなで育む、サスティナブルなまちづくり
FREAK MAG.
オトナミューズ ウェブ|宝島社の女性ファッション誌
紀の川市「暮らし・移住情報」メディア Good life with Kinokawa (グッドライフ・ウィズ・きのかわ)
ASOBISYSTEM Co., Ltd. | アソビシステム株式会社
LIFE LABEL(ライフレーベル)| Hello, new fun. 家を、暮らしをもっとエンターテインメントに。
神戸女学院大学 文学部英文学科
アーバンリサーチのサステナビリティ | URBAN RESEARCH Co., Ltd.|株式会社 アーバンリサーチ
株式会社サイバーエージェント
東宝株式会社 新卒採用2023
NTT東日本 新卒採用情報
小学館採用サイト
ポーターズ株式会社 採用サイト
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次