- 操作
- ハンバーガーメニュー
#hamburger menu 001
フェードイン/フェードアウト
- 参考サイトURL
- 動きの解説
-
ハンバーガーメニューをクリックした際、メニュー画面がふわっとフェードインで現れる動きは、最もシンプルでどんなデザインにも馴染む王道の手法です。主張しすぎず、スムーズにナビゲーションへ移行させるため、ユーザーの思考を分断しません。opacityとvisibility(またはdisplay)の切り替えで実装します。フェードの時間が長すぎると「待たされている」と感じさせるため、0.2秒〜0.3秒程度の素早い遷移が、ストレスのない操作感の目安となります。