SaaSダッシュボードUIアニメーションプロンプト

フラットで直接的な正面視点のモダンSaaSウェブダッシュボードインターフェース、開始フレームに基づく。 UIレイアウトとアセット: 左サイドバーにはナビゲーションアイコンがあり、「Analytics」にアクティブなシアングローが表示される。上部ヘッダーには「NEXUS AI // ANALYTICS DASHBOARD」が鮮明な白いタイポグラフィで表示される。中央エリアにはリアルタイムの折れ線グラフ、データカード、メインのビデオプレビューボックスが表示される。全体的に洗練されたダークモードのグラスモーフィズム美学。 00:00-00:03: - ビジュアル: カメラはウェブダッシュボード上でフラットに保持される。鋭い白いデジタルマウスカーソルが左上から入り、画面を滑らかに横切り「GENERATE REPORT」とラベル付けされたプライマリボタンへ向かう。 - アクション: カーソルがボタン上にホバーする。ボタンはダークグレーから鮮やかなネオンシアンのホバー状態へ滑らかに遷移し、柔らかな光るボーダーが表示される。 - サウンドFX: 柔らかなデジタルカーソルのスウッシュ音、微妙なガラスのホバークリック音、アンビエントなローファイテックハム音。 00:03-00:06: - ビジュアル: カーソルが「GENERATE REPORT」ボタンをクリックする。ページは滑らかにスクロールダウンし、フォールドの下にセカンダリのデータ可視化モジュールとパフォーマンス棒グラフが表示される。 - アクション: 折れ線グラフが左から右へ動的に描画され、データのピークに光るシアンのドットが点灯する。 - サウンドFX: シャープなメカニカルマウスクリック音、超滑らかなページスクロールのスウッシュ音、上昇するデジタルビープ音のキュー。 00:06-00:09: - ビジュアル: カーソルが「TOTAL ENGAGEMENT: 84.2%」と表示されたデータカードへ移動し、右上のオプションアイコンをクリックする。 - アクション: 「EXPORT DATA」とタイトルされたクリーンなグラスモーフィズムのポップアップウィンドウが、ダッシュボードの中央に滑らかにスケールアップしてフェードインする。 - サウンドFX: 柔らかなウィンドウポップアップチャイム音、優しいエアサクションUI効果音、継続的なアンビエントシンセパッド音楽。 00:09-00:12: - ビジュアル: ポップアップウィンドウ内で、カーソルが「Format: PDF」とラベル付けされたドロップダウンメニューにホバーし、「Format: CSV」を選択する。 - アクション: ドロップダウンメニューが流動的なマイクロインタラクションで展開し、オプションがネオンバイオレットでハイライトされ、選択が即座に更新される。 - サウンドFX: スナッピーなドロップダウンクリック音、デジタルチック音、軽いインターフェースフィードバックトーン。 00:12-00:15: - ビジュアル: カーソルが「DOWNLOAD NOW」をクリックする。ポップアップは素早いフェードアウトで閉じ、右上に「Report Downloaded!」と読める緑色の成功通知トーストが表示される。 - アクション: メトリックチャートが明るい緑色で一度パルスし、ダッシュボードはアクティブなリアルタイム監視状態にリセットされる。 - サウンドFX: 満足感のあるタスク完了チャイム音、素早いUIスライドアウト音、滑らかに解決するシンセコード。