# Parallax Device Dive: アプリのモックアップ

電話機のダッシュボードは、レイヤーが分かれると画面いっぱいに表示されます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/hyperframes/parallax-device-dive

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-parallax-device-dive.mp4?v=1060bc5de6

ダッシュボードを表示しているデバイスが上昇して保持し、UI レイヤーが引き離されるにつれてフレーム全体にズームする携帯電話のモックアップ アニメーション。

- フレームワーク: HyperFrames
- カテゴリ: 画面とデバイス
- 再生時間: 5秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/hyperframes/parallax-device-dive

クリップは暗い背景で始まり、携帯電話が 16:9 フレームの中央に上昇します。画面には、タイトルの付いた明るいダッシュボード、青いバーが付いた暗い週間アクティビティ カード、および 2 つの統計タイルが表示されます。電話をしばらく押し続けると、画面がフレームいっぱいになるまでカメラが押し込まれます。その際、カードは分離し、落ち着く前にさまざまな速度で漂い、フラットなインターフェイスに奥行き感を与えます。

ブランドに合わせてアクセント カラーを設定し、グラフのバーとハイライトに色合いを付け、画面上部に表示されるアプリのタイトルを変更します。ダッシュボード上の数値はサンプルデータです。このクリップは、アプリ起動ビデオのオープニング ショット、製品ウォークスルーへの移行、またはモバイル分析アプリや金融アプリの短い機能ティーザーとして使用します。

## 活用例

- アプリ起動オープナー
- 製品ウォークスルーへの移行
- モバイル ダッシュボードの機能ティーザー

## 変更できる項目

- `accent`: アクセントカラー (テキスト)
- `app_title`: アプリタイトル (テキスト)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Parallax Device Dive]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。