位置 アニメーションパック

「ロケーション アイコン ロッティ アニメーション」には、マップ上のさまざまな場所や興味のあるポイントを表すアニメーション アイコンが含まれる可能性があります。このようなアニメーションの例を以下に示します。 Web ページにマップが表示されていて、アニメーションを使用してさまざまなロケーション アイコンを紹介したいとします。その仕組みは次のとおりです。 マップの表示: アニメーションは、画面にマップが表示されて開始されます。デザインに応じて、シンプルな様式化されたマップまたはリアルな表現になります。 アイコンの表示: アニメーションが開始されると、さまざまなロケーション アイコンがマップ上に表示され始めます。これらのアイコンは、レストラン、ホテル、ランドマークなどのさまざまなカテゴリを表すことができます。 アニメーション効果: 各アイコンに微妙なアニメーション効果を適用して、より魅力的にすることができます。たとえば、レストランのアイコンからは湯気が立ち上ったり、ホテルのアイコンには回転ドアが表示されたり、ランドマークのアイコンには点滅するライトが表示されたりします。 ホバーまたはタップ操作: このアニメーションが Web ページの一部である場合、ユーザーはそれを操作できます。ユーザーがマウスをアイコンの上に置いたり、タッチ スクリーンでタップしたりすると、アイコンは跳ねたり、わずかに回転したりするなど、より大きなアニメーションで応答します。 ツールチップ情報: ユーザーがアイコンを操作すると、場所に関する詳細情報を示すツールチップが表示されます。これには、場所の名前、簡単な説明、評価などが含まれます。 スムーズな遷移: アイコンがフォーカスされなくなると (マウス カーソルが移動するか、ユーザーが別のアイコンをタップすると)、アイコンはスムーズに元の状態に戻ります。 ズームとパン: アニメーションには、マップをズームインしたりパンして、さまざまなエリアをより詳細に探索する機能が含まれる場合があります。

After Effects ソースファイルが含まれています

iOS、Android、ウェブとの互換性

Lottie JSON ファイルが含まれています

共有: