Remotionアニメーション辞典

Use Case: ヒーロー見出し、チャットUI、ターミナル風、AI応答表示

心理効果: 期待感、「今書かれている」臨場感を演出

Use Case: 見出し、ストーリーテリング、スクロール表示

心理効果: 穏やかで上品、ストレス低い、自然に受け入れさせる

Use Case: ポートフォリオ、ブランドサイト、映画風演出

心理効果: 劇的・シネマティック、文字に意味を感じさせる

Use Case: テック系、SF風演出、パスワード解読風

心理効果: 未来的・ハッカー的、好奇心刺激

Use Case: 見出し、ブランドメッセージ、スクロール演出

心理効果: 「覆いを取る」秘密の開示、特別感

Use Case: ナビ、カードテキスト、見出し

心理効果: 進行・到着、エネルギッシュな印象

Use Case: 通知メッセージ、ゲームUI、子ども向け

心理効果: 楽しさ・親しみ。やりすぎると安っぽい

Use Case: 統計データ、実績数、ダッシュボード

心理効果: 数字の大きさを体感、達成感・インパクト

Use Case: ブランドロゴ、CTA、ヒーローキャッチ

心理効果: 高級感・モダン、視線を引きつけ続ける

Use Case: ロゴアニメ、タイトル、アート系

心理効果: 手描き感、クラフトマンシップ

Use Case: サイバーパンク、エラー画面、テック系ブランド

心理効果: 不安定さ・反骨精神、デジタル感

Use Case: ローディング、遊び心ある見出し、音楽系

心理効果: リズム感・流動性、待ち時間ストレス軽減

Use Case: インパクト見出し、ゲームタイトル、イベント

心理効果: ダイナミックさ、注目を集める

Use Case: 映画タイトル、フォーカス演出、夢見心地

心理効果: ピントが合う＝注目すべき情報の暗示

Use Case: リスト、メニュー展開、カードグリッド登場

心理効果: 秩序感・リズム感、階層構造を伝える

Use Case: ページ遷移、ドラマチックなタイトル、アート

心理効果: 驚き・感動、変革やイノベーション暗示

Use Case: ニュース速報、告知バナー、スローガン反復

心理効果: 緊急性・即時性、常に更新されている感覚

Use Case: 重要フレーズ強調、注目誘導、教育コンテンツ

心理効果: 「ここが重要」シグナル、マーカーペンの模倣

Use Case: 「We are [creative/innovative]」LP

心理効果: 多面性・多様性、ブランドの幅広さ

Use Case: インタラクティブ見出し、ゲームUI

心理効果: 柔軟性・遊び心、堅苦しさを取り除く

Use Case: CTA強調、ネオンサイン演出、ホラー系

心理効果: 生命感・存在感、心臓の鼓動

Use Case: 日付、カウントダウン、ステータス表示

心理効果: 変化・更新、機械的な正確さ

Use Case: ヒーロー、ブランディング、映像融合

心理効果: テキストと映像の一体感

Use Case: クリエイティブ系、パズル風、アート

心理効果: カオスから秩序へ、創造プロセス可視化

Use Case: タイトル、ロゴ登場、エンドクレジット

心理効果: 集中・収束、または開放感

Use Case: ページ遷移、画像スライダー、タブ切替

心理効果: 最も自然で目立たない、スムーズな連続性

Use Case: カルーセル、ウィザード、ページ遷移

心理効果: 空間的な連続性、隣に移動した直感的理解

Use Case: 映像のカット切替、Before/After、プレゼン

心理効果: 明確な方向性、時間経過・場面転換を強調

Use Case: ギャラリー拡大、地図ズーム、詳細遷移

心理効果: 近づく・離れる空間感覚、フォーカス移動

Use Case: カード→詳細、サムネ→フル、ナビ変化

心理効果: 同一性を保証、迷子にならない

Use Case: 劇的なページ遷移、イベント、高級ブランド

心理効果: 舞台の幕開け感、期待感

Use Case: クリエイティブ遷移、ポートフォリオ、実験的

心理効果: 独創性・アート性、テンプレート感ない

Use Case: カードUI、FAQ、ゲーム、表裏切替

心理効果: 物理的な裏返しの模倣、表裏がある感覚

Use Case: 映像のシーン切替、レトロゲーム風、夢のシーン

心理効果: 曖昧な境界、現実と非現実の境目

Use Case: モバイルUI、Tinder風カード、フォトギャラリー

心理効果: 直接操作感、自分で動かしている実感

Use Case: 映像のクラシック演出、集中効果、キャラ登場

心理効果: 古典映画手法、注目誘導、レトロ感

Use Case: アクション映画風、ゲームUI、インパクト重視

心理効果: 破壊・変革、旧い状態が壊れて新しいものが

Use Case: 回想シーン、フォーカス変更、夢のような場面

心理効果: 意識の切替、ソフトな感覚で受け入れさせる

Use Case: ゲームUI、エンタメ系、ダイナミックなプレゼン

心理効果: エネルギー・ダイナミズム、使いすぎ注意

Use Case: テック系、音楽MV、サイバーパンク的演出

心理効果: 不安定さの中のスタイリッシュさ、現代感

Use Case: ストーリーテリング、没入型遷移、プレミアム

心理効果: 空間の深み、2Dに3Dの世界が広がる感覚

Use Case: クリエイティブエージェンシー、アート、実験的

心理効果: 有機的・自然な変化、デジタルなのに生命感

Use Case: SPA/MPAの遷移、モダンWebアプリのナビ

心理効果: アプリのようなスムーズなナビ、ちらつき排除

Use Case: ブランドサイト、ポートフォリオ、プレゼン

心理効果: ブランドシェイプとの関連付け、統一感強化

Use Case: カルーセル、ポートフォリオ、商品一覧、Tinder風

心理効果: 「選ぶ」「めくる」行為の模倣、コレクション感

Use Case: 購入完了、レベルアップ、目標達成、お祝い

心理効果: 祝福感・達成感、ポジティブを強烈に伝える

Use Case: カウントダウン、キャンペーン、ゲームスコア達成

心理効果: 華やかさ・祝祭感、一瞬の美しさ

Use Case: 冬季キャンペーン、季節演出、環境表現

心理効果: 静寂・穏やかさ、季節感を強く喚起

Use Case: 天気アプリ、ムードのある背景、雰囲気作り

心理効果: メランコリー・ドラマチック、情緒的深み

Use Case: 背景の雰囲気、宇宙空間、ファンタジー

心理効果: 空間の広がり・神秘性、微細な世界

Use Case: 水中表現、清涼感、子ども向け

心理効果: 軽やかさ・清涼感、親しみやすい

Use Case: ミステリアス、焚き火、工場、雰囲気作り

心理効果: 神秘性・曖昧さ、幻想的な雰囲気

Use Case: 魔法のエフェクト、ハイライト、キャンプファイア

心理効果: エネルギー・情熱、魔法的な印象

Use Case: 宇宙テーマ、テック背景、ハイパースピード

心理効果: 無限の広がり・速度感、未来感

Use Case: テック企業ヒーロー、AI/データサイエンス、ブロックチェーン

心理効果: 接続性・知性、データ可視化

Use Case: インタラクティブ、ロゴアニメ、アート表現

心理効果: 驚嘆・創造性、根源から形が生まれる

Use Case: カーソル、軌道可視化、魔法のワンド

心理効果: 操作が「特別な行為」に感じられる

Use Case: クリックフィードバック、ボタン押下、ダメージ表現

心理効果: インパクト・力強さ、結果の劇的可視化

Use Case: 夜のシーン、ファンタジー、リラックス系

心理効果: 幻想的・ロマンチック、自然の小さな光

Use Case: インタラクティブ背景、物理学可視化、プレイフル

心理効果: 直接操作感、自分の存在が画面に影響

Use Case: プロダクトカード、メンバー紹介、ギャラリー

心理効果: 触れている感覚、物理的存在感

Use Case: FAQ、商品の表裏、ゲームカード、教育

心理効果: 「裏側を見る」、隠された情報への好奇心

Use Case: ページ遷移、プレゼン、3Dナビ

心理効果: 空間の広がり、周囲に存在する感覚

Use Case: メディアギャラリー、アルバム、商品、ゲーム

心理効果: 実在感、選択の楽しさ

Use Case: ヒーローセクション、ゲーム背景、没入型LP

心理効果: 2D画面に3Dの深み、没入感大幅向上

Use Case: ロゴ、ヒーロータイトル、ブランディング

心理効果: 力強さ・存在感、文字が物体として

Use Case: 国際企業、地理データ可視化、ネットワーク

心理効果: グローバル感、世界規模のスケール

Use Case: ECサイト、カーコンフィグ、家具販売

心理効果: 手に取ってる感覚、購買意欲・返品率改善

Use Case: テック説明図、インフォグラフィック、SaaS LP

心理効果: 専門性と親しみやすさの両立

Use Case: バーチャルツアー、ゲーム、インタラクティブストーリー

心理効果: 完全没入感、「場所に行った」感覚

Use Case: 写真風演出、モーダル背景ぼかし、注目誘導

心理効果: カメラ越しの感覚、視線誘導

Use Case: ストーリーテリング、歴史紹介、没入型ポートフォリオ

心理効果: 旅・冒険、先に進むモチベ

Use Case: アコーディオンUI、メニュー展開、段階的開示

心理効果: 紙の触感、コンパクトさと展開可能性

Use Case: ヒーロー装飾、プロダクトハイライト

心理効果: 軽やかさ・浮遊感、重力からの解放

Use Case: 画像ホバー、アート系、実験的デザイン

心理効果: 有機的な歪み、生きている感覚

Use Case: 売上データ、比較表示、レポートのグラフ

心理効果: データの「成長」を視覚化。値の大小を劇的に伝える

Use Case: 年次ランキングの推移、国別GDP比較、人気度の変遷

心理効果: 競争感・ドラマ性。データに「物語」を与える

Use Case: 構成比の表示、予算配分、アンケート結果

心理効果: 全体と部分の関係を段階的に理解させる

Use Case: トレンド表示、株価推移、時系列データ

心理効果: 時間の流れとデータの変化を一体化。ストーリー性

Use Case: KPI表示、統計データ、ダッシュボード

心理効果: 数値へのドラマチックな注目。「最終値は何だ」という期待

Use Case: データの複数ビュー表示、プレゼンテーション

心理効果: 同じデータの多面的理解。変換の滑らかさがプロ感を演出

Use Case: 感染拡大の可視化、店舗展開、人口動態

心理効果: 地理的広がりの実感。データに「場所」という文脈を付与

Use Case: ファイルシステム可視化、予算構成、カテゴリ別シェア

心理効果: 全体の中での各要素の比率を面積で直感的に理解

Use Case: ソーシャルネットワーク、組織図、関連性の可視化

心理効果: 関係性の直感的理解。「つながり」が物理的に見える

Use Case: パフォーマンススコア、健康指標、達成率

心理効果: 現在の「状態」の即座の把握。良い/悪いの判断が容易

Use Case: リアルタイムデータ更新、フィルタ切り替え、時間推移

心理効果: データの「個」が追跡可能。各ポイントのアイデンティティの保持

Use Case: スキル評価、製品スペック比較、キャラクターステータス

心理効果: 多次元データの「形」による直感的理解。バランスの可視化

Use Case: 写真スライドショー、ドキュメンタリー風、歴史的コンテンツ

心理効果: 静止画に命を吹き込む。ドキュメンタリーの信頼感

Use Case: 不安感の演出、重要な瞬間の強調、心理的表現

心理効果: 認知の歪み。不安・覚醒・重大さを強く感じさせる

Use Case: 背景の全体把握、キャラクター間の視線移動、環境紹介

心理効果: 空間の広がり。「この世界にはもっと多くのものがある」

Use Case: 建築物の紹介、キャラクターの全体像、スケール感の表現

心理効果: 垂直方向のスケール。見上げる＝畏怖、見下ろす＝俯瞰

Use Case: 注目要素の切り替え、会話シーンの視点変更

心理効果: 注意の誘導。「今度はこちらを見て」というガイダンス

Use Case: スピード感の表現、遷移効果、アクションシーン

心理効果: 速度の体感。動きの激しさを増幅する

Use Case: レトロカメラ風、グリッチ的演出、ホラー、SF

心理効果: レンズ越しの現実感。生々しさ、または不安定さ

Use Case: 夢のシーン、魔法効果、ネオン表現、HDR感

心理効果: 眩しさ・神聖さ。光が溢れ出す非日常感

Use Case: 写真風演出、レトロ感、集中効果

心理効果: トンネルビジョン。中央のコンテンツへの没入を強化

Use Case: レトロ演出、映画風、写真風、質感の追加

心理効果: アナログの温かみ。デジタルの「冷たさ」を中和する

Use Case: レトロ風、夏の日差し感、ノスタルジック演出

心理効果: 懐かしさ・暖かさ。古いフィルム写真を見るような感覚

Use Case: 映画的演出、ストーリーテリング、ドラマチックなシーン

心理効果: 「映画を観ている」フレーミング。日常から切り離された体験

Use Case: アクションのハイライト、製品の動きの詳細表示

心理効果: 時間の伸縮感。重要な瞬間を「引き延ばして」味わわせる

Use Case: 比較表示、同時進行の表現、Before/After

心理効果: 対比・並列。複数の視点を同時に提供する

Use Case: 衝撃表現、緊張感、ドキュメンタリー風、ホラー

心理効果: 不安定さ・緊迫感。「その場にいる」臨場感

Use Case: あらゆるインタラクティブボタン

心理効果: 物理的な「押した」感覚。アクションが受理されたことの確認

Use Case: 設定画面、ダークモード切り替え、機能のON/OFF

心理効果: 明確な状態変化。「切り替えた」実感を物理的に伝える

Use Case: モバイルナビゲーションの開閉

心理効果: 状態の可視化。メニューの開閉状態を直感的に把握

Use Case: ログインフォーム、サインアップ、お問い合わせ

心理効果: 即座のフィードバック。エラーの明確な伝達と修正の動機付け

Use Case: フォーム送信完了、タスク完了、支払い成功

心理効果: 達成感・安心。「正しくできた」ポジティブなフィードバック

Use Case: 通知アイコン、メッセージカウント、新着表示

心理効果: 注意の喚起。「何か新しいものがある」ことへの気づき

Use Case: 操作完了通知、エラーメッセージ、情報表示

心理効果: 非侵入的な通知。メインフローを妨げずに情報を伝える

Use Case: FAQ、設定メニュー、カテゴリ内コンテンツ

心理効果: 整理整頓感。必要な情報だけを表示するコントロール感

Use Case: 確認ダイアログ、詳細表示、画像ライトボックス

心理効果: 注目の集中。「これは重要な内容です」という明確なシグナル

Use Case: モバイルナビゲーション、フィルターパネル、設定画面

心理効果: 空間の効率的利用。「隠れていたものが出てくる」操作感

Use Case: コンテンツの分類表示、設定カテゴリ、情報のグループ化

心理効果: 空間の連続性。タブの移動＝コンテンツの移動という直感

Use Case: アイコンの説明、省略されたテキストの全文表示

心理効果: 邪魔にならない情報提供。必要な時だけ現れる控えめさ

Use Case: ナビゲーションメニュー、セレクトボックス、設定メニュー

心理効果: 選択肢の段階的開示。圧倒されずに選べる感覚

Use Case: 長いページ、ブログ記事、ECサイト

心理効果: ナビゲーションの安心感。「いつでも戻れる」保険

Use Case: SNSの「いいね」、お気に入り登録、レビュー

心理効果: 感情の可視化。ポジティブなフィードバックの増幅

Use Case: モバイルアプリのフィード更新、リスト更新

心理効果: 直接操作感。物理世界の「引っ張る」行為との対応

Use Case: メールクライアント、タスク管理、通知管理

心理効果: 効率的な操作感。物を「払いのける」直感的ジェスチャー

Use Case: 主要アクションへのアクセス、新規作成、共有メニュー

心理効果: 常にアクセス可能な安心感。主要アクションの明確な強調

Use Case: UI要素の配置変更、ドラッグ&ドロップ後のスナップ

心理効果: 自然な「着地」感。機械的でない有機的な動き

Use Case: 落下するオブジェクト、通知の登場、ボール系アニメーション

心理効果: 重力と弾力の実感。エネルギーが目に見える

Use Case: モバイルのオーバースクロール、引っ張って離す操作

心理効果: 素材の弾力を感じる。物理的制約の存在を暗示

Use Case: ゲームの物理、パーティクルの落下、ドロップアニメーション

心理効果: 物理世界の再現。自然で予測可能な動き

Use Case: ゲーム、インタラクティブなアート、物理実験

心理効果: インタラクション感。オブジェクトが「実在する」感覚

Use Case: インタラクティブ背景、マウス追従の流体、アート表現

心理効果: 有機的な美。触れたくなる・かき混ぜたくなる衝動

Use Case: 旗・カーテン表現、服の動き、インタラクティブなキャンバス

心理効果: 素材感の再現。デジタルなのに「布」が見える驚き

Use Case: 装飾的アニメーション、時計、物理の可視化

心理効果: リズミカルな安心感。規則的な運動による催眠効果

Use Case: スワイプカルーセル、慣性スクロール、フリック操作

心理効果: 物理世界の模倣。操作に「重み」と「現実感」

Use Case: 装飾的なつなぎ目、ゲーム要素、物理パズル

心理効果: 柔軟性・接続性の可視化。物が「繋がっている」表現

Use Case: マグネティックボタン、パーティクル、UI要素の整列

心理効果: 目に見えない力の存在。「引きつけられる」体験

Use Case: スクロール、カルーセル、ドラッグ操作後の惰性移動

心理効果: 動きのリアリティ。デジタル操作に物理的な「質量」を感じる

Use Case: アイコンの状態変化（再生→停止）、ロゴアニメ、有機的変形

心理効果: 変容の驚き。1つのものが別のものに「なる」魅力

Use Case: ロゴ描画、イラスト登場、図解のステップ表示

心理効果: 手描き感・クラフトマンシップ。丁寧に作られた印象

Use Case: ローダー、背景装飾、抽象的なブランド表現

心理効果: 秩序・数学的美。シンプルさの中の複雑さ

Use Case: 装飾的背景、音楽ビジュアライザー、サイケデリックな演出

心理効果: 催眠的・瞑想的。パターンの無限の変化に引き込まれる

Use Case: 数学/科学コンテンツ、アート背景、ズーム演出

心理効果: 無限の複雑さへの畏怖。自然界の法則の美しさ

Use Case: ローディング、ポータル効果、吸い込み表現

心理効果: 吸引力・推進力。中心に引き込まれる感覚

Use Case: 背景パターン、建築的デザイン、イスラム幾何学風

心理効果: 秩序と調和。完璧にフィットする心地よさ

Use Case: 背景装飾、区切り線の代替、モダンなUI要素

心理効果: 柔らかさ・親しみ。幾何学の堅さを和らげる

Use Case: テック系背景、インタラクティブなヒーロー

心理効果: 秩序と反応性。整然としたものが有機的に反応する面白さ

Use Case: アート表現、背景、ジェネラティブデザイン

心理効果: 創発性。単純なルールから複雑な美が生まれる驚き

Use Case: アイコンの変形、ロゴアニメ、形の遷移

心理効果: 流動性。形に「固定」がないという自由さ

Use Case: 画像の表示領域変化、クリエイティブな区切り、リビール

心理効果: マスクの操作感。コンテンツの「窓」が変形する面白さ

Use Case: 状態変化のフィードバック、テーマ切り替え、気分の表現

心理効果: 変化のグラデーション。急激でない穏やかな変容

Use Case: 装飾的なアクセント、レインボーエフェクト、プライドカラー

心理効果: 多様性・包括性。すべての色を含むという象徴性

Use Case: サイバーパンク風デザイン、ダークテーマUI、ナイトクラブ風

心理効果: 夜の街のエネルギー。目を引く鮮やかさ

Use Case: ボタン、背景、テキストの装飾

心理効果: 高級感・未来感。静的な色よりもリッチな印象

Use Case: ローダー、ボーダーエフェクト、装飾的な円形要素

心理効果: 回転するエネルギー。虹色の光輪のような神秘性

Use Case: 注目要素の強調、プレミアムカード、ゲームUI

心理効果: 特別感・プレミアム感。通常の要素との明確な差別化

Use Case: 探索的UI、ゲーム、ダークモードのインタラクション

心理効果: 発見・探索の興奮。暗闇の中の「見つける」体験

Use Case: 浮遊感の表現、ネオモーフィズム、ボタンの状態変化

心理効果: 浮き上がり感。光源の存在を暗示し立体感を強化

Use Case: ボタンの注目誘導、カードのプレミアム感、宝石や金属の質感

心理効果: 高級感・清潔感。光り輝くものへの本能的な注目

Use Case: ダークモード切り替えの瞬間、アート的演出、衝撃シーン

心理効果: 反転の驚き。世界観が「ひっくり返る」インパクト

Use Case: プレミアムカード、認証バッジ、高級感の演出

心理効果: 高価格帯・希少性の暗示。触れたくなる質感

Use Case: レトロゲーム風、8bit風演出、グラデーションの代替

心理効果: レトロ・ノスタルジー。初期デジタル時代の懐かしさ

Use Case: テック系の演出、アート表現、プログラマー文化

心理効果: テキストの可能性の再発見。文字が「絵」になる面白さ

Use Case: カード、ヘッダー、モーダル、オーバーレイパネル

心理効果: 奥行き感・上品さ。背景が透けて見える洗練された階層表現

Use Case: テーマ切り替え、時間帯による配色変化、ブランドカラー変更

心理効果: 環境の変化。同じ空間が「別の雰囲気」になる新鮮さ

Use Case: インタラクティブな見出し、ホバー時の太さ変化、スクロール連動

心理効果: 文字自体が「生きている」感覚。タイポグラフィの新しい表現力

Use Case: 音楽MV、プレゼン動画、ブランドムービー、リリックビデオ

心理効果: テキストがメッセージの「感情」を直接体現する。強い説得力

Use Case: アート系サイト、実験的デザイン、クリエイティブポートフォリオ

心理効果: 型にはまらない自由さ。文字の「物質性」への新しい認識

Use Case: あらゆるレスポンシブデザインの見出し・本文

心理効果: どのデバイスでも最適な読み心地。シームレスな体験

Use Case: ヒーローセクション、ブランドタイトル、アート表現

心理効果: テキストと映像の融合。メッセージとビジュアルの一体化

Use Case: 物語の冒頭、ブログ記事、エディトリアルデザイン

心理効果: 格式・伝統。書籍のような正統派の美しさ

Use Case: ロゴデザイン、円形ラベル、装飾的なヘッダー

心理効果: 動きの軌道とメッセージの一体化。直線では得られないリズム

Use Case: 瞑想アプリ、リラクゼーション、待機画面

心理効果: 落ち着き・リラックス。生命のリズムとの同期

Use Case: 映画のオープニング（Star Wars風）、インパクト見出し

心理効果: 空間の広がり。テキストが画面の「向こう側」に存在する感覚

Use Case: 高級ブランドのサイト、タイトルシーケンス、カウントダウン

心理効果: 高級感・期待感。「ベールを脱ぐ」瞬間のドラマ

Use Case: インタラクティブなタイトル、音楽ビジュアライザーとの連動

心理効果: 動的なリズム。テキストが「呼吸している」有機感

Use Case: 日本語コンテンツ、詩・和歌、伝統的なデザイン

心理効果: 伝統・格式。日本語の美しさを最大限に活かす

Use Case: 実験的なタイポグラフィ、スクロール駆動のストーリーテリング

心理効果: 強調の可視化。スクロールするほど「力強くなる」テキスト