ナビゲーション
サイトの中を移動するための、メニューやヘッダーの演出です。ハンバーガーから開くメニュー、読み進めると隠れて戻すと出るヘッダー、質問を押すと答えが開くアコーディオンなどを、デモとコードで紹介しています。
ナビゲーションのインタラクション（25件）
-
-
ナビゲーションのリンクをなぞると背景の丸が滑ってついてくる
-
タブの下線が滑って移り、中身が向きに合わせて切り替わる
-
ハンバーガーを押すとメニューのパネルが滑り込み、リンクが順に出る
-
アコーディオンの質問を押すと答えが開き、別の質問で入れ替わる
-
ハンバーガーのアイコンが × に変わって戻る
-
下へ読み進めるとヘッダーが隠れ、少し戻すと出る
業務画面に組み込む場合は、WEBアプリケーションのページをご覧ください。
インタラクションデザインについて、
ここに並べているのは、Web サイトの中で動く UI のサンプルです。新しく作るサイトに組み込むことも、いま公開中のサイトに、ボタンやヒーロー、スクロールの演出だけを足すこともできます。設計から実装までの進め方はWeb サイト制作、端末ごとの見え方や表示速度の考え方はレスポンシブウェブサイトのページにまとめています。映像として作る動きをお探しの場合はモーショングラフィックスをご覧ください。