アニメーションを実装した目的別にカテゴリー分けして表示できます。
「操作誘導」は、ユーザーに次のアクションを促したり、操作のフィードバックを与えるためのアニメーションです。
スクロールに連動した視線誘導アニメーション
JavaScript
Swiper
Gsap
カテゴリー
世界観の演出
情報伝達
操作誘導
アニメーションの意図
同一セクションの中でそれぞれのコンテンツを読む時に、真ん中の一個にフォーカスを当てることによって、ユーザーが今どこを読んでいるのかを迷わせないようにしています。
遊び心
フォーカスを当ててスケールをあげるだけではなく、レコードを回して演奏されているような状況を演出しました。
スクロールに連動した視線誘導アニメーション
JavaScript
Swiper
Gsap
スクロールに連動した視線誘導アニメーション
使用スキル
JavaScript
Swiper
Gsap
カテゴリー
世界観の演出
情報伝達
操作誘導
アニメーションの意図
同一セクションの中でそれぞれのコンテンツを読む時に、真ん中の一個にフォーカスを当てることによって、ユーザーが今どこを読んでいるのかを迷わせないようにしています。
遊び心
フォーカスを当ててスケールをあげるだけではなく、レコードを回して演奏されているような状況を演出しました。
ポートフォリオサイトへのご訪問
誠にありがとうございます。
ホームページ制作に関するお問い合わせはXのDM、当サイトのお問い合わせフォーム、メールより承っております。どうぞ、お気軽にご相談ください。
